SüperTeklif'e üye ol, sen de kazan!
!-
-!
Ana Sayfa
Ziyaretçi Defteri
TopList
Anketlerimiz
Gazetemiz
Dost Siteler
Copyright
Brush
Pattern
Style
Gradient
Photoshop Dersleri
Css Tasarımlar
İce Blue Tasarımlar
Red Tasarımlar
Butterfly Tasarımlar
Html Kodlar
Html Nedir?
Html Kod Deneme Sayfası
Css Nedir?
Free Css Tasarımlar
Free Css Tasarımı Siteye Uygulama
Pagerank Nedir?
Seo Nedir?
Alexa Nedir?
WwW.KoDLiST.Tr.Gg - Html Kod - Webmaster - Toplist - Pagerank - TR.GG - TR.GG
Ana Sayfa
İletişim
Ziyaretçi defteri
Toplist
Bilmek Lazım...
Anketler
Gazete
Dost Siteler
Copyright
Brush
Pattern
Style
Gradient
Photoshop Dersleri
Kutularda Yazı Animasyonu
Arkaplan Yapımı
Css Tasarımlari
Css Tasarimlari 2
Icebue Tasarımları
Red Tasarımları
Butterfly
Html Kodlar
Haber Kodları
Anasayfa Yap Kodu
Reklam Alanı Resimleri
Sitene Boykot Ekle
Red Tasarıma Özel Tablo
Html Nedir ?
Kod Deneme Editörü
Css Nedir ?
Free Css
Css Uyarlama
Pagerank Nedir
Seo Nedir ?
Alexa Nedir ?
Reklam ve Sponsorluk
Yeni sayfanın başlığı
Css Tasarımlari
Önizleme:
Tasarımın Üstüne
<div id="tasarim"> <div id="basliknegro"></div> <div id="ust"> <div class="duyuru"><a href="http://www.negrodizayn.tr.gg/?in=1" _fcksavedurl="http://www.negrodizayn.tr.gg/?in=1" _fcksavedurl="http://www.negrodizayn.tr.gg/?in=1"><img border="0" src="https://img.webme.com/pic/n/negrodizayn/468x60banner.gif" _fcksavedurl="https://img.webme.com/pic/n/negrodizayn/468x60banner.gif" _fcksavedurl="https://img.webme.com/pic/n/negrodizayn/468x60banner.gif" alt="" /></a></div><div class="duyuru2">Duyurualanı! Buraya Duyurularınız Yazınız.!</div></div> <div id="orta"> <div class="menunegro"><div class="arrowlistmenu"> <h3 class="headerbar">CSS Library</h3> <ul> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links & Buttons</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/all/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/all/">Browse All</a></li> </ul> <h3 class="headerbar">CSS Drive</h3> <ul> <li><a href="http://www.cssdrive.com" _fcksavedurl="http://www.cssdrive.com">CSS Gallery</a></li> <li><a href="http://www.cssdrive.com/index.php/menudesigns/" _fcksavedurl="http://www.cssdrive.com/index.php/menudesigns/">Menu Gallery</a></li> <li><a href="http://www.cssdrive.com/index.php/news/" _fcksavedurl="http://www.cssdrive.com/index.php/news/">Web Design News</a></li> <li><a href="http://www.cssdrive.com/index.php/examples/" _fcksavedurl="http://www.cssdrive.com/index.php/examples/">CSS Examples</a></li> <li><a href="http://www.cssdrive.com/index.php/main/csscompressor/" _fcksavedurl="http://www.cssdrive.com/index.php/main/csscompressor/">CSS Compressor</a></li> <li><a href="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6" _fcksavedurl="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6">CSS Forums</a></li> </ul> </div> </div> <div class="iceriknegro"> </body></html></body></html></body></html></body></html> </body></html> </body></html>
Tasarımın Altına
</div> </div> <div id="alt"></div> </div> </body></html></body></html></body></html></body></html> </body></html> </body></html>
Css Koduna
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-left: auto; margin-right: auto; background: none top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #basliknegro{ margin-left: auto; margin-right: auto; background: url(http://img276.yukle.tc/images/9524Untitled-2.png); width: 1000px; height: 1px; float: left; text-align: center; padding: 180px 0 0 0; } #ust{ margin-left: auto; margin-right: auto; background: url(http://img271.yukle.tc/images/6424hfmavinegrofarkile_01.png); width: 1000px; height: 244px; float: left; } .duyuru { width:468px; padding: 110px 0 0 35px; float: left; font-size: 13px; color: #ffffff; font-family: Comic Sans MS; overflow: hidden; } .duyuru2 { width:360px; padding: 70px 0 0 45px; float: left; font-size: 13px; color: #ffffff; font-family: Comic Sans MS; overflow: hidden; } #orta{ margin-left: auto; margin-right: auto; background: url(http://img273.yukle.tc/images/2392hfmavinegrofarkile_02.png); width: 1000px; height: 100%; float: left; } .menunegro{ width:200px; float: right; padding: 0 30px 0 0; overflow: hidden; } .iceriknegro { width:715px; float: left; padding: 0 0 0 20px; overflow: hidden; text-align: justify; } #alt{ margin-left: auto; margin-right: auto; background: url(http://img271.yukle.tc/images/8149hfmavinegrofarkile_03.png); width: 1000px; height: 268px; float: left; } <style type="text/css"> .arrowlistmenu{ width: 190px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: white; background: black url(http://www.dynamicdrive.com/cssexamples/media/titlebar.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #A70303; background: url(http://www.dynamicdrive.com/cssexamples/media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; } </style> </body></html></body></html></body></html></body></html> </body></html> </body></html>
Diğer Tasarımı Görmek İçin
Tıklayın.
Link Takas Pr 2 ;
Link Ekle
Link Ekle
Link Ekle
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