Ana Sayfa
iletisim
Slaytlar
Programlar
Hit Artirmanin Yollari
Gizli Semboller
Hayvanlar Alemi
Atatürk Kösesi
Canlı Tv İzle
Belgeseller
Oyun Oyna
Muzik Dinle
Resimler
Spor Videolari
Sanal Eglence
Devrimciler
Cep Sms Arsivi
İlginc Bilgiler
Html kodlar
Ziyaretci defteri
Forum
Haberler
İlginc Resimler
İlginc Videolar
Resimli Prog. Anlatımları
Online Araclar
Pc Bilgi
Matematik
Webcss
=> Free Css Menu
=> İceblue ButonLar
=> Red Buton ve Kodlari
=> Butterfly Butonlar
Google Anahtar Kelime
Komik Olaylar
Kadın Genel Magazin
SİTE MAP
Tr.gg Siteleri
Yeni sayfanın başlığı
Webcss
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; }
Link Takas
----------------------------------------
-
Link
Ekle
Link Ekle
Bugün 28 ziyaretçi (34 klik) kişi burdaydı!
Tüm
Hakları
Hukuk
Tarafından
Yasaklanmışdır
By Artvilix
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol