- Css Tasarimlar

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ımızda.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çi-Defteri.htm" class="menu"><span><b>Ziyaretçi Defteri</b></span></a></li>
                        <li class="nav_element" id="nav_Yenisayfan305nba351l305287305"><a href="/Yeni-sayfanın-başlığı.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çi-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/İletisim.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 {
                        }