Ali Mengü | Kişisel Web Sayfasi

tasarim5656

TASARİM ÜSTU

<body id="hpb_cssonly">

        <center>

        </center><div id="y3"><span class="bg_bottom"></span>



    <div id="templatemo_menu">

        <ul>

          <li><a href="#">Ana Sayfa</a></li>

          <li><a href="#">Hakkimda</a></li>

          <li><a href="#">Z.Defteri</a></li>



          <li><a href="#">Topliste</a></li>

          <li class="last"><a href="#">&#304;leti&#351;im</a></li>

        </ul>

    </div> <!-- end of menu -->

    

    <div id="templatemo_header">

        <div id="site_title">

          <h1><a href="#y3"> Css Tasarim Merkezi</a></h1>

        </div>

        



        <div id="duyuru">Bu Tasarim Ali Mengu Tarafindan D&uuml;zenlenmi&#351;tir.</div>

    </div>

    <!-- end of header -->



    

    <div id="templatemo_main">

      <div id="content">

        

      </div>

TASARİM ALTİ

   <div id="sidebar">

        

            <div id="nne">

            

                <h3>Sağ S&uuml;tun</h3>



                <ul class="nne_box">

                                            <li><a href="#">Anasayfa</a></li>

                                            <li><a href="#">Hakkimda</a></li>

                                            <li><a href="#">&#304;letisim</a></li>

                                            <li><a href="#">Z.Defteri</a></li>

                                            <li><a href="#">Ali Mengu</a></li>

                                            <li><a href="#">Link Ekle</a></li>

                        

              </ul>

                

            </div>

            </div>

                <div class="cleaner"> <div id="altkısım"><a href="http:/alimengu.tr.gg" target="_blank">alimengu</a> |<a href="#">Link Takas</a> |<a href="#">Link Takas</a> |<a href="#">Link Takas</a> |<a href="#">Link Takas</a> |<a href="#">Link Takas</a> |<a href="#">Link Takas</a> |<a href="#">Link Takas</a></div></div>

    </div> <!-- end of main -->

    <div id="templatemo_main_bottom">

     

    </div>

    

    <div id="templatemo_footer">



        Copyright © 2011 <a href="#y3"> Baz&#305; T&uuml;m Hakki Saklidir. </a> | <a href="#y3" target="_parent"></a>Tasarim D&uuml;zenleme <a href="http://alimengu.tr.gg" target="_blank"> Ali Meng&uuml;</a>



        

        <div class="cleaner"></div>

    </div>



</div>

CSS KODU

h1#title{displary: none;}

#hpb_cssonly #y3 #templatemo_header #duyuru {

    float: left;

    margin-top: 70px;

    margin-left: 120px;

    border: 1px dotted #666666;

    padding: 10px;

    -moz-border-radius: 5px;

}

#content {

}

h2#title span {display: none;}

div.header{display: none;}

li.nav_element{list-style-type: none;}

li.nav_element{display: none;}

table {

margin-left:auto;

margin-right:auto;

}



body {

    margin: 0;

    padding: 0;

    color: #8e7555;

    font-family: Georgia, "Times New Roman", Times, serif;

    font-size: 12px;

    line-height: 1.6em; 

    letter-spacing: 1px;

    background-color: #000000;

}



a, a:link, a:visited { color: #770726; font-weight: normal; text-decoration: none }

a:hover { color: #660; text-decoration: underline; }



a.more { display: block; color: #770726; text-align: center; text-decoration: underline }

a.more span { font-size: 14px; letter-spacing: -3px; }

a.more:hover { color: #660; text-decoration: none }





p { margin: 0 0 10px 0; padding: 0; }

img { border: none; }

blockquote { font-style: italic; margin: 0 0 0 10px;}

cite { font-weight: bold; color: #c63a03; }

cite a, cite a:link, cite a:visited  { font-weight: bold; color:#c63a03; }

cite span { font-weight: 400; color: #8e7555; }

em { color: #c63a03; }



h1, h2, h3, h4, h5, h6 { color: #62260e; font-weight: normal; }

h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 }

h2 { font-size: 34px; margin: 0 0 25px; padding: 5px 0; }

h3 { font-size: 24px; margin: 0 0 20px; padding: 0; }

h4 { font-size: 20px; margin: 0 0 15px; padding: 0; }

h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }

h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }



.cleaner { clear: both }

.h10 { height: 10px }

.h20 { height: 20px }

.h30 { height: 30px }

.h40 { height: 40px }

.h50 { height: 50px }

.h60 { height: 60px }



.float_l { float: left }

.float_r { float: right }



.image_frame { display: inline-block; border: 5px solid #a38d68 }

.image_fl { float: left; margin: 3px 20px 10px 0 }

.image_fr { float: right; margin: 3px 0 0 20px }



.tmo_list { list-style: disc; padding: 0 0 0 15px }

.tmo_list li { color:#c63a03; margin-bottom: 8px }

.tmo_list li a { color: #c63a03; font-weight: normal; text-decoration: none }

.tmo_list li a:hover { text-decoration: underline }



.link_list { list-style: none; padding: 0}

.link_list li { color:#c63a03; margin-bottom: 8px; border-bottom: 1px dashed #726e6e}

.link_list li a { color: #c63a03; font-weight: normal; text-decoration: none;  }

.link_list li a:hover { text-decoration: underline }



#y3 {

    position: relative;

    width: 966px;

    margin: 0 auto;

}

.bg_top { position: absolute; top: 0; left: -120px; width: 1200px; height: 570px; background: url(https://img.webme.com/pic/a/alimengu/templatemo_bg_top.png) no-repeat; z-index: -1000 }



.bg_bottom { position: absolute; bottom: 0; left: -120px; width: 1200px; height: 270px; background: url(https://img.webme.com/pic/a/alimengu/templatemo_bg_bottom.png) no-repeat; z-index: -1200 }



/* menu */



#templatemo_menu {

    float: right;

    width: 966px;

    height: 75px;

    margin-top: 40px;

    margin-bottom: 20px;

    background: url(https://img.webme.com/pic/a/alimengu/templatemo_menu.png) no-repeat

}



#templatemo_menu ul {

    margin: 0;

    padding: 0 40px;

    list-style: none;

}



#templatemo_menu ul li {

    padding: 0;

    margin: 0;

    display: block;

    float: left;

    width: 164px;

    height: 75px;

    background: url(https://img.webme.com/pic/a/alimengu/templatemo_menu_divider.png) center right no-repeat

}

#hpb_cssonly #y3 #templatemo_main_bottom #altkısım {

    float: left;

    margin-top: 20px;

    margin-left: 150px;

}



#templatemo_menu ul li a {

    float: left;

    display: block;

    width: 160px;

    height: 75px;

    line-height: 75px;

    padding-right: 4px;

    font-size: 16px;

    font-style: italic;

    color: #62260e;

    text-align: center;

    text-decoration: none;

    font-weight: 700;

    outline: none;

    border: none;

    

}



#templatemo_menu ul li a:hover, #templatemo_menu ul .current {

    background: url(https://img.webme.com/pic/a/alimengu/templatemo_menu_hover.png) center center no-repeat

}



#templatemo_menu .last { background: none }



/* header */

#templatemo_header {

    clear: both;

    width: 966px;

    height: 120px;

    background: url(https://img.webme.com/pic/a/alimengu/templatemo_header.png) no-repeat center top

}



#site_title { float: left; width: 400px; margin: 60px 0 0 40px; }

#site_title h1 { margin: 0; padding: 0 }

#site_title h1 a { display: block; width: 334px; padding: 70px 0 0 0;  background: url(https://img.webme.com/pic/a/alimengu/templatemo_logo.png) no-repeat left top; font-size: 18px; color: #88553a; }



#social { float: right; margin: 60px 40px 0 0 }

#social a { float: left; margin-left: 10px } 



#templatemo_main {

    width: 900px;

    padding: 33px 33px 0;

    background: url(https://img.webme.com/pic/a/alimengu/templatemo_main.png) repeat-y

}



#templatemo_main_bottom {

    width: 966px;

    height: 143px;

    background: url(https://img.webme.com/pic/a/alimengu/templatemo_main_bottom.png) no-repeat

}



#sidebar { 

    float: left;

    width: 200px;

}



#content {

    float: left;

    width: 660px;

    margin-top: 50px;

}

#content {

    float: left;

}



.cbox_fw {

    clear: both;

    padding-bottom: 40px;

    margin-bottom: 20px;

    background: url(https://img.webme.com/pic/a/alimengu/templatemo_hr2.png) no-repeat bottom center

}



.cbox_fws {

    clear: both;

    padding-bottom: 40px;

    margin-bottom: 20px;

    background: url(https://img.webme.com/pic/a/alimengu/templatemo_hr1.png) no-repeat bottom center

}



.cbox_last {

    padding: 0; margin: 0; background: none;

}



.cbox_w280 { width: 280px; margin-bottom: 5px; }

.cbox_w280 img { margin-bottom: 5px}



#nne {

    margin-bottom: 40px;

}

#nne h3 { padding-bottom: 20px; border-bottom: 1px solid #5f2712 }



ul.nne_box { padding: 0; margin: 0; list-style: none }

ul.nne_box li { border-left: 5px solid #8e7555; padding: 0 0 0 20px; margin: 0 0 20px 0 }

ul.nne_box li span { display: block; color: #850d2f; }

ul.nne_box li a { color: #8e7555 }



ul.photo_gallery { padding: 0; margin: 0; list-style: none }

ul.photo_gallery li { padding: 0; margin: 0 5px 15px 0; display: block; float: left; }

ul.photo_gallery .rmp { margin: 0 0 15px }







/* footer */

#templatemo_footer{

    clear: both;

    width: 900px;

    padding: 0 33px 20px;    

    color: #999494;

    text-align: center;

}



#templatemo_footer a { 

    color: #999494;

}

table {margin-left: auto;margin-right: auto}





input,textarea{ border: 1px solid aqua;  -moz-border-radius: 5px 10px 15px 20px; -webkit-border-radius: 5px 10px 15px 20px; border-radius: 5px 10px 15px 20px;     background: #ffffff;     padding: 3px;} input:focus,textarea:focus{border: 1px solid #bbbbbb;}  table[width="80%"] td[width="75%"] i {background:#fff;padding:5px;margin-bootm:5px;line-height:3em} input[type="submit"]{repeat-x;  border: 1px solid #dddddd; padding: 2px 5px 2px 5px; color: #000; text-decoration: none; margin-left: 5px; font-size: 11px;cursor: pointer;} input[type="submit"]:hover{border: 1px solid #dddddd; color: #313131; text-decoration: none;}  textarea.code{     border: 1px solid #dddddd;      background: #efefef;     width: 460px;     height: 45px;     font-size: 11px;     overflow: auto;     padding: 5px;     margin: 2px 0px 2px 0px; }  textarea.code:focus{     border: 1px solid #cccccc;      background: #fff; }

#below_content{margin-bottom:-950px;}   font[color="green"]{ background-color:blue; border:1px solid aqua; color:#ffffff; -moz-border-radius:3px; -khtml-border-radius:3px;}   font[color="red"]{ background-color:red; border:1px solid orange; color:#ffffff; -moz-border-radius:3px; -khtml-border-radius:3px;}          A{ text-decoration : none; } a{color:#000000;text-decoration:none;font:bold} a:hover{color:#33ccff;text-decoration:none;font:bold}