css-merkezin

Sitemize Hosgeldiniz

sitemiz yeni açılmıştır Css Merkezin

css desing 48

Tasarimin Üzerine

<div id="wrap">   <div id="header">     <h1 id="logo">CsS-TaSaRiMm</h1>     <h2 id="slogan">CSS Tasarim Merkezi...</h2>     <div id="menu">       <ul>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Ana Sayfa</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">İletişim</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Defter</a></li>         <li><a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/">Hakkımızda</a></li>         <li><a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/">Toplist</a></li>       </ul>     </div>   </div>   <div id="content-wrap">     <div id="sidebar" >       <h1 class="clear">Menu</h1>       <ul class="sidemenu">         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Ana Sayfa</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">İletişim</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Ziyaretci Defteri</a></li>         <li><a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/">Hakkımızda</a></li>         <li><a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/">Site Ekle Toplist</a></li>       </ul>       <h1>CSS Tasarimm</h1>       <ul class="sidemenu">         <li><a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/">CSS Tasarim 1</a></li>         <li><a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/">CSS Tasarim 2</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">CSS Tasarim 3</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">CSS Tasarim 4</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">CSS Tasarim 5</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">CSS Tasarim 6</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">CSS Tasarim 7</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">CSS Tasarim 8</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">CSS Tasarim 9</a></li>         <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">CSS Tasarim 10</a></li>       </ul>        <h1>Dost Siteler</h1>       <p>Dost Sitelerinizi Buraya Linkli Şekilde Verebilirsiniz...</p>       <p class="align-right">- www.css-merkez.tr.gg</p>       <h1>Duyuru Panosu</h1>       <p>Sitenizdeki Her Türlü Bilgiyi Buradan Verebilirsiniz. Başarılar.</p>     </div>     <div id="main"> <a name="www.css-merkez.tr.gg"></a>       <div class="box">         <h1><span class="gray">WwW.</span>csstasarim-arsiv.tr.gg.<span class="gray">tR.gg</span></h1>

Tasarimin ALtına

Css Kod BöLümüNe

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
{     padding: 0; margin: 0; } body {    margin: 0;    padding: 0;    font: normal .70em/1.6em Verdana, Tahoma, sans-serif;    color: #BDBDBD;    background: #000;    text-align: center;    } /* links */ a {    color: #FFF;    background-color: inherit;    text-decoration: none; } a:hover {    color: #FFF;    background-color: inherit;       text-decoration: underline; }  /* headers */ h1, h2, h3 {    font: normal 1.3em 'Trebuchet MS', Arial, Sans-serif;    color: #FFF;    } h1 { font-size: 1.6em; }  h2 { font-size: 1.4em; text-transform:uppercase; font-weight: bold;} h3 { font-size: 1.3em; font-weight: bold; }  p, h1, h2, h3 {    margin: 0;    padding: 10px 15px; }  ul, ol {    margin: 10px 30px;    padding: 0 15px;    color: #FFF; }  /* images */ img {    border: 3px solid #555; } img.no-border {    border: none; } img.float-right {   margin: 5px 0px 5px 15px;   } img.float-left {   margin: 5px 15px 5px 0px; } a img {     border: 3px solid #555; } a:hover img {     border: 3px solid #CCC !important; /* IE fix*/   border: 3px solid #555; }  code {   margin: 5px 0;   padding: 10px;   text-align: left;   display: block;   overflow: auto;     font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;   /* white-space: pre; */   background: #0A1646;   } acronym {   cursor: help;   border-bottom: 1px solid #777; } blockquote {    margin: 15px;     padding: 0 0 0 20px;           background: #0A1646;       font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif;    }  /* form elements */ form {    margin: 10px 15px;     padding: 0;    background: #0A1646;    } label {    display:block;    font-weight:bold;    margin:5px 0; } input {    padding: 2px;    border:1px solid #eee;    font: normal 1em Verdana, sans-serif;    color:#777; } textarea {    width: 250px;    padding:2px;    font: normal 1em Verdana, sans-serif;    border:1px solid #eee;    height:100px;    display:block;    color:#777; } input.button {     margin: 0;     font: bold 1em Arial, Sans-serif;     border: 1px solid #CCC;    background: #FFF;     padding: 2px 3px;     color: #333;    }  /* search form */ .searchform form{    background-color: transparent;    border: none;    margin: 0; padding: 0; } .searchform input.textbox {     margin: 0;     width: 145px;    border: 1px solid #777;     background: #FFF;    color: #333;     height: 14px;    vertical-align: top; } .searchform input.button {     margin: 0;     padding: 2px 3px;     font: bold 12px Arial, Sans-serif;     background: #FFF;    border: 1px solid #f2f2f2;    color: #333;       width: 65px;    vertical-align: top; }  /***********************      LAYOUT ************************/ #wrap {    background: #212B5C url(https://img.webme.com/pic/c/css-tasarimm/11-bg.jpg) repeat-x 0 0;     margin: 20px auto 0 auto;       text-align: left;            border-color: #444;    border-style: solid;    border-width: 1px 1px 5px 1px;    }    #wrap, #footer-wrap {    width: 84%; }  /* header */ #header {    position: relative;    height: 110px;       background: #7F8082 url(https://img.webme.com/pic/c/css-tasarimm/11-header-bg.jpg) repeat-x 0% 100%;    border-bottom: 5px solid #444;       } #header h1#logo {    position: absolute;    top: 5px; left: 20px;    margin: 0; padding: 0;    font: bolder 50px 'Trebuchet MS', Arial, Sans-serif;    letter-spacing: -2px;    } #header h2#slogan {    position: absolute;    top: 50px; left: 65px;    color: #FFF;    text-indent: 0px;    font: bold 12px Tahoma, 'Trebuchet MS', Sans-serif;     text-transform: none;    }  /* content-wrap */ #content-wrap {    clear: both;    margin: 0; padding: 0;          }  /* box */ .box {    margin: 10px 15px;             border: 1px solid #0A1646;           background-color: #1B2455;    }  /* main */ #main {    margin: 0 0 0 270px;          padding-top: 20px; } #main .box {    margin-left: 0; }  /* sidebar */ #sidebar {    float: left;    width: 250px;    margin: 0;    padding-top: 20px;     } #sidebar ul.sidemenu {    margin: 0 0 0 15px; padding: 0;       background: #242424;          border-top: 5px solid #444; } #sidebar ul.sidemenu li {    display: inline;    list-style: none;       } #sidebar ul.sidemenu li a {   display: block;      padding: 5px 10px 5px 15px;      text-decoration: none;   color: #CCC;   font-weight: bold;   }  #sidebar ul.sidemenu li a:hover {   color: #333;   background: #A0A0A0;   }  /* Footer */ #footer-wrap {     clear: both;     color: #FFF;     background: #000;     margin: 0 auto;     padding: 0;     font-size: 88%;         } #footer-wrap a {     text-decoration: none;     font-weight: bold;       color: #FFF; } #footer-wrap .footer-left{    float: left;    width: 65%;       padding-bottom: 20px;    } #footer-wrap .footer-right{    float: right;    width: 30%;             padding-bottom: 20px; }  /* menu tabs */ #header ul {    position: absolute;    top: 20px; right: 20px;    margin:0; padding: 0;    list-style:none;    font: bold 1.3em  'Trebuchet MS', Tahoma, verdana,  sans-serif;       height: 2.3em; } #header li {    display:inline;    margin:0; padding:0; } #header a {    float: left;    margin:0;    padding:3px 10px 2px 10px;    text-decoration:none;       color: #CCC; } #header a:hover {    border-top: 5px solid #CCC;    } #header #current a {    color: #FFF;    border-top: 5px solid #FFF; } /* end menu tabs */  /* alignment classes */ .float-left  { float: left; } .float-right {   float: right; } .align-left  {   text-align: left; } .align-right {   text-align: right; }  /* additional classes */ .clear {   clear: both; } .gray  {   color: #A0A0A0; } .comments {     text-align: right;     padding: 7px 15px;    margin: 20px 15px 15px 15px;    background: #0A1646;     }

Bugün 1 ziyaretçi (12 klik) kişi burdaydı!

CSS MERKEZİN

Sitemize Hosgeldiniz

css desing 48

HTML KODLARI