Ana Sayfa
İletişim
Ziyaretçi defteri
Swf text programı
Hit Artırmanın Yolları
Gizli Semboller
Hayvanlar Alemi
Site Tasarım Aracları
Online Araclar
Anlatımlar
Html Kodlar
İlginc Bilgiler
İllüzyon
Komik Yazilar
Yazı Arşivi
İlginc Linkler
Hipnoz Olmaya Hazır mısnız
Aşk ve İlişkiler
Efsanaler / Hikayeler
Muzik
Mektup
Resimli Program Anlatımları
Biyograflar
Komik Resimler
Atatürk Köşesi
Sağlık
Kadın genel , Magazin
3d Resimler
SİTE MAP
Bannerlar
Matematik
Önemli Bilgiler
Webmaster Özel
Pc Bilgi
Komik Olaylar
Google anahtar kelime
Telefonlar
Css Tasarımlar
=> Free Css Menu
=> İceblue ButonLar
=> Red Buton ve Kodları
=> Red ButonLar
Forum
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"> <!-- html, body { text-align: center; } --> </style> <div id="wrapper"> <div id="header"> <h1> </h1> </div> <!-- END HEADER--> <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ımı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ı
<!-- END HORISONTELL NAV--> <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ş Site Arş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ımı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ın başlığı</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"> <!-- html, body { text-align: center; } --> </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"> <!-- html, body { text-align: center; } --> </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
<div id="bg"> <div id="b"> <div id="wrap"> <div id="header"> <ul id="nav"> <li ><a href="#">ANA SAYFA</a></li> <li ><a href="#">İLETİŞİM</a></li> <li ><a href="#">DEFTER</a></li> <li><a href="#">TOPLİST</a></li> </ul> </div> <!-- /header --> <div id="content"> <div class="side fr"> <div id="bm"> <h3><img src="https://img.webme.com/pic/c/css-merkez/css-9-menu.jpg" alt="Ana Menu" /></h3> <ul class="meun"> <li class="grey"><a href="#">Ana Sayfa</a></li> <li><a href="#">Ziyaretci Defteri</a></li> <li class="grey"><a href="#">İletişim</a></li> <li><a href="#">TopList</a></li> <li class="grey"><a href="#">Link Listesi</a></li> <li><a href="#">TasarimLar</a></li> <li class="grey"><a href="#">HTML KodLar</a></li> </ul> </div> </div> <div class="main fl"> <div class="text"> <h2>WwW.CsS-MeRKeZ.tR.gg</h2>
Tasarimin ALtına
</div> <div class="text"> <h2>Hakkımızda</h2> <p>Her Türlü Tasarimi <a href="http://www.css-merkez.tr.gg">www.css-merkez.tr.gg</a></p> Adresinde BuLabiLirsiniz... </div> </div> </div> <div class="clearfix"></div> <div id="footer"> <div id="ftinner"> <div class="ftlink fl"> <p id="copyright">© 2009. Tüm HaKLarı SakLıdır. <br/> Design by <a href="http://www.css-merkez.tr.gg">Free Css Design</a>, TeşekkürLer <a href="http://www.site-mekani.tr.gg/Site-Mekani-Toplist.htm">Site Mekani</a></p> </div> </div> </div> </div> </div> </div>
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; }
Sitenizesayac.com
Link Takas
----------------------------------------
-
Link
Ekle
Link Ekle
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol