- Css Tasarımlar

Tasarım Ustu

</style>
                        </head>
                        <body id="hpb_cssonly">
                        <table height="27">
                        <tr>
                        <td><script type="text/javascript">
                        google_ad_client = 'pub-2387676167301415';
                        google_ad_width = '728';
                        google_ad_height = '15';
                        google_ad_format = '728x15_0ads_al';
                        google_ad_channel = '8459636970';
                        google_color_border = 'FFF7F7';
                        google_color_bg = 'FFF7F7';
                        google_color_link = 'DF0303';
                        google_color_url = 'DF0303';
                        google_color_text = 'DF0303';
                        </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></td>
                        </tr>
                        </table>
                        <style type="text/css">
                        
                        </style>
                        <div id="wrapper">
                        <div id="header">
                        <h1>
                        </h1>
                        </div>
                        
                        <div id="navhorisontell">
                        <ul>
                        <li><a href="#"><b></b></a></li>
                        <li><a href="#"><b></b></a></li>
                        <li><a href="#"><b></b></a></li>
                        <li><a href="#"><b></b></a></li>
                        <li><a href="#"><b></b></a></li>
                        <li><a href="#"><b></b></a></li>
                        <li><a href="Link İsmi"><b>Ana Sayfa</b></a></li>
                        <li><a href="Link İsmi"><b>Site Ekle</b></a></li>
                        <li><a href="Link İsmi"><b>Ara</b></a></li>
                        <li><a href="Link İsmi "><b>Hakk&#305;m&#305;zda</b></a></li>
                        <li><a href="Link İsmi"><b>Bize Yaz</b></a></li>
                        <li><a href="Link İsmi"><b>Ziyaretçi Defteri</b></a></li>
                        </ul>
                        </div>

Tasarım Altı

<div id="content">
                        <div id="container">
                        <div id="header_container">
                        <div id="pre_header">
                        </div>
                        <div class="header">
                        <h1 id="header">
                        <span>
                        </span>
                        </h1>
                        </div>
                        <div id="post_header">
                        </div>
                        </div>
                        <div id="nav_container">
                        <h2 id="nav_heading">
                        <span>
                        </span>
                        </h2>
                        </div>
                        <div id="content_container">
                        <div id="pre_content">
                        </div>
                        <div id="content">
                        <br/>
                        <br/>		<div id="container">
                        <div id="header_container">
                        <div id="pre_header"></div>
                        <div class="header"><h1 id="header"><span>Toplist - Türk l Sanal Alemi En Geni&#351; Site Ar&#351;ivi</span></h1></div>
                        <div id="post_header"></div>
                        </div>
                        <div id="nav_container">
                        <h2 id="nav_heading"><span></span></h2>
                        <ul id="nav">
                        <li class="nav_element checked_menu" id="nav_AnaSayfa"><a href="/Ana-Sayfa.htm" class="menu"><span><b>Ana Sayfa</b></span></a></li>
                        <li class="nav_element" id="nav_SiteEkle"><a href="/Site-Ekle.htm" class="menu"><span><b>Site Ekle</b></span></a></li>
                        <li class="nav_element" id="nav_Ara"><a href="/Ara.htm" class="menu"><span><b>Ara</b></span></a></li>
                        <li class="nav_element" id="nav_Search"><a href="/Search.htm" class="menu"><span><b>Search</b></span></a></li>
                        <li class="nav_element" id="nav_Hakk305m305zda"><a href="/Hakk%26%23305%3Bm%26%23305%3Bzda.htm" class="menu"><span><b>Hakk&#305;m&#305;zda</b></span></a></li>
                        <li class="nav_element" id="nav_BizeYaz"><a href="/Bize-Yaz.htm" class="menu"><span><b>Bize Yaz</b></span></a></li>
                        <li class="nav_element" id="nav_ZiyaretiDefteri"><a href="/Ziyaret%E7i-Defteri.htm" class="menu"><span><b>Ziyaretçi Defteri</b></span></a></li>
                        <li class="nav_element" id="nav_Yenisayfan305nba351l305287305"><a href="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B%26%23305%3B.htm" class="menu"><span><b>Yeni sayfan&#305;n ba&#351;l&#305;&#287;&#305;</b></span></a></li>
                        </ul>
                        </div>

Css Bölümü

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;}
                        a:hover
                        {
                        color: #000000;
                        font-style:normal;
                        text-decoration:none;
                        }
                        /* Layout */
                        body
                        {
                        background: none repeat-x top center #ffffff;
                        font-family:Arial, Verdana,'Lucida Grande', Helvetica, sans-serif;
                        }
                        #wrapper
                        {
                        background-color: #c0002;
                        margin-top: 20px;
                        margin-right: auto;
                        margin-bottom:0px;
                        margin-left: auto;
                        width:902px;
                        border:10px solid #c00020;
                        }
                        #header
                        {
                        background:url(http://www.resim-yukle.gen.tr/images/kfeu4109pthgh5n0xgi8.png) no-repeat;
                        width:902px;
                        height:203px;
                        padding-top: 0px;
                        margin-left:0px;
                        margin-right:0px;
                        margin-top: 0px;
                        margin-bottom: 0px;
                        }
                        #header .logo
                        {
                        float:left;
                        padding-top:64px;
                        padding-left:46px;
                        border: none;
                        }
                        #navhorisontell
                        {
                        float:left;
                        list-style:none;
                        margin-bottom:0px;
                        margin-top:0px;
                        margin-left:0px;
                        width:902px;
                        background-color: #c00020;
                        }
                        #navhorisontell ul
                        {
                        list-style:none;
                        margin-bottom:0px;
                        margin-top:0px;
                        margin-left:0px;
                        }
                        #navhorisontell li
                        {
                        text-align:left;
                        float:left;
                        padding-left:0px;
                        padding-top:0px;
                        padding-bottom:0px;
                        }
                        #navhorisontell ul li a
                        {
                        display:block;
                        background-color: #c00020;
                        border-right:1px solid #c00020;
                        line-height:2.5em;
                        margin-right:0px;
                        padding:8px 14px 8px 14px;
                        color: #ffffff;
                        font-weight:normal;
                        font-size: 0.8em;
                        text-decoration: none;
                        }
                        #navhorisontell  li a:hover
                        {
                        color: #c00020;
                        background-color: #ffffff;
                        }
                        #navhorisontell ul li .selected
                        {
                        color: #c00020;
                        background-color: #c00020;
                        }
                        }
                        #content
                        {
                        float:center;
                        background-color: #ffffff;
                        width:902px;
                        margin-covering: 0px;
                        margin:auto;
                        padding: 0px;
                        margin-bottom: 0px;
                        margin-center: 0px;
                        }

Tasarım Ustu

</style>
                        </head>
                        <body id="hpb_cssonly">
                        <table height="27">
                        <tr>
                        <td><script type="text/javascript">
                        google_ad_client = 'pub-2387676167301415';
                        google_ad_width = '728';
                        google_ad_height = '15';
                        google_ad_format = '728x15_0ads_al';
                        google_ad_channel = '8459636970';
                        google_color_border = '362A2A';
                        google_color_bg = '362A2A';
                        google_color_link = '3F3232';
                        google_color_url = '3F3232';
                        google_color_text = '3F3232';
                        </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></td>
                        </tr>
                        </table>
                        <style type="text/css">  </style>
                        <div id="page">
                        <div id="logo">
                        <h1><a href="#"></a></h1>
                        <h2><a href="http://www.freecsstemplates.org/"></a></h2>
                        </div>
                        <div id="menu">
                        <ul>
                        <li><a class="current" href="http://kefkir.tr.gg/">Anasayfa</a></li>    <li><a href="Link Ekle">Web Dersleri</a></li>    <li><a href="Link Ekle">Genel Dersler</a></li>    <li><a href="Link Ekle">Toplist</a></li>        <li><a href="Link Ekle">Defter</a></li>    <li><a href="Link Ekle">Destek</a></li>    <li><a href="Link Ekle">İletişim</a></li>
                        <li><a href="Link Ekle
                        ">Photoshop Dersleri</a></li>
                        <li><a href="Link EKle">Sitede Ara</a></li>
                        <li><a href="Link Ekle">Html Kodları</a></li>
                        <li><a href="Link Ekle">Site Haritasi</a></li>
                        </ul>
                        </div>

Tasarım Altı

</style>
                        </head>
                        <body id="hpb_cssonly">
                        <table height="27">
                        <tr>
                        <td><script type="text/javascript">
                        google_ad_client = 'pub-2387676167301415';
                        google_ad_width = '728';
                        google_ad_height = '15';
                        google_ad_format = '728x15_0ads_al';
                        google_ad_channel = '8459636970';
                        google_color_border = '362A2A';
                        google_color_bg = '362A2A';
                        google_color_link = '3F3232';
                        google_color_url = '3F3232';
                        google_color_text = '3F3232';
                        </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></td>
                        </tr>
                        </table>
                        <style type="text/css">  </style>
                        <div id="page">
                        <div id="logo">
                        <h1><a href="#"></a></h1>
                        <h2><a href="http://www.freecsstemplates.org/"></a></h2>
                        </div>
                        <div id="menu">
                        <ul>
                        <li><a class="current" href="http://kefkir.tr.gg/">Anasayfa</a></li>    <li><a href="http://www.kefkir.tr.gg/Webmaster.htm">Web Dersleri</a></li>    <li><a href="http://kefkir.tr.gg/Genel-Dersler.htm">Genel Dersler</a></li>    <li><a href="http://www.kefkir.tr.gg/Toplist.htm">Toplist</a></li>        <li><a href="http://kefkir.tr.gg/Ziyaret%E7i-defteri.htm">Defter</a></li>    <li><a href="http://kefkir.tr.gg/Destek-Ol.htm">Destek</a></li>    <li><a href="http://kefkir.tr.gg/%26%23304%3Bletisim.htm">İletişim</a></li>
                        <li><a href="http://kefkir.tr.gg/Photshop-Dersleri.htm
                        ">Photoshop Dersleri</a></li>
                        <li><a href="http://kefkir.tr.gg/Ara.htm">Sitede Ara</a></li>
                        <li><a href="http://kefkir.tr.gg/Html-Kodlar.htm">Html Kodları</a></li>
                        <li><a href="http://kefkir.tr.gg/Sitemab.htm">Site Haritasi</a></li>
                        </ul>
                        </div>

Css Bölümü

h2#title span {display: none;}div.header{display: none;}li.nav_element{list-style-type: none;}li.nav_element{display: none;}
                        /*
                        Design by Free CSS Templates
                        http://www.freecsstemplates.org
                        Released for free under a Creative Commons Attribution 2.5 License
                        */
                        * {
                        margin: 0;
                        padding: 0;
                        }
                        body {
                        margin: 20px 0;
                        background:  url(http://i0903.hizliresim.com/2009/3/12/478.gif);
                        font: normal small Arial, Helvetica, sans-serif;
                        color: #666666;
                        }
                        h1, h2, h3 {
                        text-transform: lowercase;
                        font-family: Georgia, "Times New Roman", Times, serif;
                        font-weight: normal;
                        font-style: italic;
                        color: #7A0026;
                        }
                        h2 {
                        }
                        h3 {
                        font-weight: bold;
                        }
                        p, blockquote, ul, ol {
                        }
                        p {
                        }
                        blockquote {
                        padding-left: 3em;
                        padding-right: 3em;
                        background: url(images/img03.gif) no-repeat;
                        text-align: justify;
                        font-family: Georgia, "Times New Roman", Times, serif;
                        font-style: italic;
                        color: #330010;
                        }
                        ul {
                        margin-left: 3em;
                        }
                        ul li {
                        }
                        ol {
                        margin-left: 3em;
                        }
                        ol li {
                        }
                        a {                text-decoration:none;
                        color: Black;
                        }
                        a:hover {
                        text-decoration:none;
                        color: Blue;
                        }
                        img {
                        border: none;
                        }
                        /* Boxed Style */
                        .boxed {
                        }
                        .boxed .title {
                        height: 23px;
                        padding: 15px 0 0 19px;
                        background: #8CBEF5 url(images/img03.gif) repeat-x left bottom;
                        border: 1px solid #4F9CEF;
                        font-size: 1em;
                        color: Orange;
                        }
                        .boxed .content {
                        margin: 0 0 20px 0;
                        padding: 20px;
                        background: #DCEBFC;
                        }
                        /* Post */
                        .post {
                        padding: 20px 20px 0 20px;
                        }
                        .post .title {
                        margin-bottom: 0px;
                        padding: 3px 0 15px 0;
                        background: url(images/img04.gif) repeat-x left bottom;
                        border-bottom: 2px solid #EEEEEE;
                        font-size: 2em;
                        }
                        .post .date {
                        float: right;
                        padding: 10px 20px;
                        font-size: x-small;
                        }
                        .post .date .month {
                        }
                        .post .date .day {
                        }
                        .post .date .year {
                        }
                        .post .meta {
                        padding	: 10px 20px;
                        font-size: x-small;
                        }
                        .post .meta p {
                        }
                        .post .story {
                        clear: both;
                        padding: 20px;
                        border-top: 1px solid #EEEEEE;
                        }
                        .post .story p, .post .story blockquote, .post .story ul, .post .story ol {
                        margin-bottom: 1.5em;
                        line-height: 180%;
                        }
                        /* Page */
                        #page {
                        width: 950px;
                        margin: 0 auto;
                        background: #FFFFFF;
                        border: 10px solid #330010;
                        }
                        /* Logo */
                        #logo {
                        height: 200px;
                        background: url(http://www.resim-yukle.gen.tr/images/90p7qgz5s1glc28un87j.png);
                        }
                        #logo h1 {
                        padding: 135px 0 0 380px;
                        letter-spacing: -1px;
                        font-size: 2.4em;
                        }
                        #logo h2 {
                        margin-top: -8px;
                        padding: 0 0 0 410px;
                        font-size: 1.3em;
                        }
                        #logo a {
                        text-decoration: none;
                        color: #FFFFFF;
                        }
                        /* Content */
                        #content {
                        }
                        #extra {
                        }
                        /* Content > Main */
                        #main {
                        }
                        #main a {
                        }
                        /* Content > Main > Welcome */
                        #welcome {
                        }
                        /* Content > Main > Example */
                        #example {
                        }
                        /* Content > Sidebar */
                        #sidebar {
                        }
                        #sidebar a {
                        }
                        /* Content > Menu */
                        #menu {
                        height: 50px;
                        background: #330010;
                        }
                        #menu ul {
                        margin: 0;
                        list-style: none;
                        }
                        #menu li {
                        display: inline;
                        }
                        #menu a {
                        display: block;
                        float: left;
                        margin-left: 20px;
                        padding: 20px 0 2px 0;
                        border-bottom: 4px solid #330010;
                        text-decoration: none;
                        text-transform: uppercase;
                        font-size: 10px;
                        font-weight: bold;
                        color: #FFFFFF;
                        }
                        #menu a:hover {
                        border-bottom-color: #FFFFFF;
                        }
                        #menu .active a {
                        border-bottom-color: #FFFFFF;
                        }
                        #menu .first a {
                        }
                        /* Footer */
                        #footer {
                        clear: both;
                        padding: 20px;
                        background: #EBE6E8;
                        }
                        #footer p {
                        margin: 0;
                        font-size: x-small;
                        color: #999999;
                        }
                        #footer a {
                        color: #999999;
                        }
                        /* Footer > Legal */
                        #legal {
                        }
                        /* Footer > Links */
                        #links {
                        }

Tasarimin Üzerine

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;}
html {
color:#000;
background:#222222;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
li {
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
font-variant:normal;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
legend {
color:#000;
}
body {
font:13px/1.231 arial, helvetica, clean, sans-serif;
}
table {
font-size:inherit;
font-size:100%;
}
pre, code, kbd, samp, tt {
font-family:monospace;
line-height:100%;
}
/* CSS RESET */
body {
text-align:center;
color:#000;
}
a {
text-decoration:none;
color:#D8D800
}
a:hover {
text-decoration: underline;
color: #CC0000
}
#bg {
background: url(https://img.webme.com/pic/c/css-merkez/css-9-bg.jpg) no-repeat;
width:1028px;
margin:0px auto;
height:768px;
position:relative;
}
#wrap {
width:710px;
text-align:left;
background:#fff;
margin:0px auto;
}
#b {
padding-top: 30px;
}
.fl {
float:left
}
.fr {
float:right
}
.clearfix {
clear:both
}
#header {
margin:0px auto;
margin-bottom:35px
}
/* header */
#header {
position:relative;
height:189px;
background:url(https://img.webme.com/pic/c/css-merkez/css-9-hd.jpg) repeat-x bottom;
width:696px
}
#nav {
position:absolute;
top:151px;
right:10px;
width:421px;
height:35px;
line-height:35px;
}
#nav li {
float:left;
font-weight:700;
width:100px
}
#nav a {
text-decoration:none;
display:block;
text-align:center;
}
#nav a:hover {
color:#000000;
background:#D8D800
}
/* content */
#content {
margin:0 auto;
}
.main {
width:440px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(https://img.webme.com/pic/c/css-merkez/css-9-box.gif);
color:#000;
margin-left:40px
}
.text {
margin-bottom:20px
}
.text p {
margin:0 auto;
width:420px;
}
.text h2 {
font-size:20px;
padding:8px 0 20px 5px;
background:url(https://img.webme.com/pic/c/css-merkez/css-9-t.gif) repeat-x;
color:#4f4f1d
}
.text img {
margin:50px 0 0 65px
}
#col {
margin:0 0 10px 0;
width:300px;
background:url(https://img.webme.com/pic/c/css-merkez/css-9-m.jpg);
width: 879px;
height:104px;
}
#col div {
width: 220px;
margin: 20px 0 0 70px;
display:inline
}
#col .first {
margin: 20px 0 0 50px
}
#col li {
line-height:20px;
}
.side {
width:170px;
display: inline;
margin-right:30px
}
.side h2 {
font-size:22px
}
.side li {
line-height:24px;
color:#000;
padding:0 0 0 5px
}
li.grey {
background: url(https://img.webme.com/pic/c/css-merkez/css-9-s.jpg)
}
.side ul {
margin:20px 0 30px 0px
}
.side li a {
color:#d0aa6d
}
/* footer */
#footer {
height:65px;
position:relative;
background:url(https://img.webme.com/pic/c/css-merkez/css-9-ft.jpg) repeat-x;
width:690px;
margin:0px auto;
color:#D8D800
}
#ftinner {
position:absolute;
bottom:20px;
margin-left:20px;
}
.ftlink {
width:500px;
}