Dentasarım
Ana Sayfa
İletişim
Ziyaretçi Defteri
Den Tasarımları
Belenmedia Tasarımları
Creative Blog Tasarımları
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
bscsskodlari
Ana Sayfa
iletisim
Ziyaretci Defteri
Den Tasarimlari
Denforum teması v1
Ropörtaj tema v1
Vectiro tema v1
SS Tema v1 ( YENİ )
Belenmedia Tasarimlari
Creativeblog Tasarimlari
Vectiro tema v1
TEMANIN GÖRÜNTÜSÜNÜ GÖRMEK İSTİYORSANIZ TIKLAYINIZ >
DEMO GÖRÜNTÜSÜ
TASARIM ÜSTÜ :
<body> <div id="logovemenu"><div id="logo"><img src="//img.webme.com/pic/d/dentasarim/denlogov1.png" _fcksavedurl="//img.webme.com/pic/d/dentasarim/denlogov1.png"/></div> <div id="menu"><ul> <li><a href="Anasayfa" _fcksavedurl="Anasayfa" class="home">Anasayfa</a></li> <li><a href="Forum" _fcksavedurl="Forum">Forum</a></li> <li><a href="Hakkımda" _fcksavedurl="Hakkımda">Hakkımda</a></li> <li><a href="İletişim" _fcksavedurl="İletişim">İletişim</a></li> <li><a href="Yorumlar" _fcksavedurl="Yorumlar">Yorumlar</a></li> </ul></div> </div> <div id="resimgaleri"> <div id="resimyazisi1">Tasarımını baştan sona biz tasarlıyoruz!</div> <div id="resimyazisi1">Sitenize ekstra kodlar hazırlıyoruz!</div> <div id="resimyazisi1">Forum sayfamızdan isteklerinizi dile getirin!</div> </div> <div id="kucukmenu"><ul> <li><a href="#" _fcksavedurl="#">Web araçları</a></li> <li><a href="#" _fcksavedurl="#">Web dersleri</a></li> <li><a href="#" _fcksavedurl="#">Bedava-sitem</a></li> <li><a href="#" _fcksavedurl="#">Tasarımlar</a></li> <li><a href="#" _fcksavedurl="#">Soru&cevap</a></li> <li><a href="#" _fcksavedurl="#">Anketlerimiz</a></li> </ul></div> <div id="icerik"><div id="content">
TASARIM ALTI :
</div> </div> <div id="copright">Tüm hakları saklıdır. Tasarım ve kodlama:<a href="http://www.dentasarim.tr.gg" _fcksavedurl="http://www.dentasarim.tr.gg">DENTASARIM</a></div> </body>
CSS KODU :
body { background: #f1f1f1; } body a { text-decoration: none; color: #333; font-size: 12px; font-family: Arial; } #logovemenu{ width: 950px; height: 40px; background: #fff; margin-left: auto; margin-right: auto; line-height: 40px; color: #333; padding:5px; border: 1px solid #f1f1f1; border-radius: 20px; } #logo { width: 200px; height: 40px; float: left; } #menu { width: 500px; float: right; height: 40px; } #menu ul { list-style-type: none; margin: 0px; padding: 0px; } #menu ul li a { display: block; text-align: center; width: 100px; height: 40px; float:left; line-height: 40px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } #menu ul li a.home{ width: 90px; height: 30px; margin: 5px; background: #429196; color: #fff; border-radius: 10px; line-height: 30px; } #menu ul li a.home:hover { width: 90px; height: 30px; margin: 5px; background: #429196; color: #fff; border-radius: 10px; line-height: 30px; } #menu ul li a:hover { width: 90px; height: 30px; margin: 5px; background: #429196; color: #fff; border-radius: 10px; line-height: 30px; } #resimgaleri { width: 950px; padding: 5px; border-radius: 20px; margin-top: 15px; height: 180px; background: #fff; margin-left: auto; margin-right: auto; border: 1px solid #f1f1f1; background-size:cover; background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); padding-bottom: 100px; padding-top: 120px; } #resimyazisi1 { font-size: 30px; color: #fff; display: block; background: #000; opacity: 0.5; text-shadow: 1px 1px 5px #333; line-height: 50px; text-align: right; } #icerik { width: 920px; height: auto; border:1px solid #f1f1f1; background: #fff; margin-top: 15px; margin-left: auto; margin-right: auto; padding: 20px; border-radius: 10px; } #copright { width: 920px; height: auto; border:1px solid #f1f1f1; background: #fff; margin-top: 15px; background-image: url(//img.webme.com/pic/d/dentasarim/denlogov1.png); background-repeat: no-repeat; text-align: center; background-position: 5px; margin-left: auto; margin-right: auto; padding: 20px; border-radius: 10px; } #kucukmenu { width: 950px; height: 40px; padding: 5px; margin-left: auto; margin-left: auto; margin-right: auto; margin-top: 15px; border-radius: 20px; background: #fff; } #kucukmenu ul { list-style-type: none; margin: 0px; padding: 0px; } #kucukmenu ul li a { display: block; text-align: center; color: #555; width: 155px; float: left; height: 40px; line-height: 40px; } #kucukmenu ul li a:hover { color: #000; height: 30px; width: 145px; margin: 5px; background: #429196; color: #fff; border-radius: 10px; line-height: 30px; } #baslikv1 a { line-height: 32px; height: 30px; width: auto; text-decoration: none; color: #429196; padding-bottom: 7px; } #baslikv1 { width: auto; height: 30px; margin-top: 7px; margin-bottom: 7px; border-left-width: 5px; border-bottom-style: solid; border-left-style: solid; border-left-color: #429196; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #429196; border-right-color: #429196; border-bottom-color: #429196; line-height: 30px; font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 12px; font-weight: bold; color: #7E834B; padding-left: 5px; background-color: #FFF; } #kutuv1 { width: 289px; height: auto; color: #333; font-weight: normal; font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 12px; padding: 2px; } #kutuv1 a { font-family: Arial, Calibri, "Microsoft YaHei"; font-size: 12px; font-weight: bold; text-decoration: none; color: #4B7183; } #devamigr a { display: block; text-align: center; width: 100px; background-color: #333; height: 25px; line-height: 25px; color: #FFF; float: right; } #kutubaslik a { font-size: 13px; color: #333333; text-decoration: none; font-family: Arial, Calibri, "Microsoft YaHei"; font-weight: bold; } #kutuv1yazi { font-size: 12px; height: auto; width: auto; padding-top: 2px; padding-bottom: 2px; } #kutubaslik { font-size: 11px; color: #4B7183; text-decoration: none; font-family: Arial, Calibri, "Microsoft YaHei"; }
ANA SAYFA KODU :
<div id="baslikv1"><a href="#" _fcksavedurl="#">GALERİ</a></div> <table width="899" border="0" cellspacing="5" cellpadding="0"> <tbody> <tr> <th width="293" height="150" align="left" valign="top" scope="col"><a href="#" _fcksavedurl="#"><img src="//img.webme.com/pic/d/dentasarim/logopsd.png" _fcksavedurl="//img.webme.com/pic/d/dentasarim/logopsd.png" width="293" height="150" alt="" /></a></th> <th width="293" height="150" align="left" valign="top" scope="col"><a href="#" _fcksavedurl="#"><img src="//img.webme.com/pic/d/dentasarim/backgroundv2.png" _fcksavedurl="//img.webme.com/pic/d/dentasarim/backgroundv2.png" width="293" height="150" alt="" /></a></th> <th width="293" height="150" align="left" valign="top" scope="col"><a href="#" _fcksavedurl="#"><img src="//img.webme.com/pic/d/dentasarim/bg.png" _fcksavedurl="//img.webme.com/pic/d/dentasarim/bg.png" width="293" height="150" alt="" /></a></th> </tr> </tbody> </table> <div id="baslikv1"><a href="#" _fcksavedurl="#">BLOG</a></div> <table width="900" border="0" cellspacing="5" cellpadding="0"> <tbody> <tr> <th width="293" height="135" align="left" valign="top" scope="col"> <div id="kutuv1"> <div id="kutubaslik"><a href="#" _fcksavedurl="#">Sitemiz açıldı!<br /> </a>31 Ekim 2014</div> <div id="kutuv1yazi">Sitemiz açılmıştır. Bu adresimizden paylaşımları rahatça bulabilirsiniz, bizleri bedava-sitem formunda yorumlamak istermisiniz?...</div> <div id="devamigr"><a href="#" _fcksavedurl="#">DEVAMINI GÖR</a></div> </div> </th> <th width="293" align="left" valign="top" scope="col"> <div id="kutuv1"> <div id="kutubaslik"><a href="#" _fcksavedurl="#">Modern tasarım paylaşıldı!<br /> </a>31 Ekim 2014</div> <div id="kutuv1yazi">Günlerdir modern tasarımı bekleyen "DENTASARIM" takipçileri sonunda beklediğine değicek bir tasarımla karşılaştı...</div> <div id="devamigr"><a href="#" _fcksavedurl="#">DEVAMINI GÖR</a></div> </div> </th> <th width="293" align="left" valign="top" scope="col"> <div id="kutuv1"> <div id="kutubaslik"><a href="#" _fcksavedurl="#">Ne bileyim <br /> </a>31 Ekim 2014</div> <div id="kutuv1yazi">Tasarımı yaptımda buraya ne eklesem diye düşünürken birde bakmışım yazı yazmışım bile nese uzatmayayım...</div> <div id="devamigr"><a href="#" _fcksavedurl="#">DEVAMINI GÖR</a></div> </div> </th> </tr> </tbody> </table> <div id="baslikv1"><a href="#" _fcksavedurl="#">YAZARLAR</a></div> <table width="900" border="0" cellspacing="5" cellpadding="0"> <tbody> <tr> <th width="293" height="121" align="left" valign="top" scope="col"> <div id="kutuv1"> <div id="kutubaslik"><a href="#" _fcksavedurl="#">SERGEN ŞEKER<br /> </a>ADMİN</div> <div id="kutuv1yazi">Bu kişi hakkında bilgi eklenmedi.</div> <div id="devamigr"><a href="#" _fcksavedurl="#">DEVAMINI GÖR</a></div> </div> </th> <th width="293" align="left" valign="top" scope="col"> <div id="kutuv1"> <div id="kutubaslik"><a href="#" _fcksavedurl="#">SEMİH ATABEY<br /> </a>GRAFİKER</div> <div id="kutuv1yazi">Bu kişi hakkında bilgi eklenmedi.</div> <div id="devamigr"><a href="#" _fcksavedurl="#">DEVAMINI GÖR</a></div> </div> </th> <th width="293" align="left" valign="top" scope="col"> <div id="kutuv1"> <div id="kutubaslik"><a href="#" _fcksavedurl="#">CENK YANAR<br /> </a>İÇERİKER</div> <div id="kutuv1yazi">Bu kişi hakkında bilgi eklenmedi.</div> <div id="devamigr"><a href="#" _fcksavedurl="#">DEVAMINI GÖR</a></div> </div> </th> </tr> </tbody> </table>
KAYNAK :
Den Tasarım
Toplam 6227 ziyaretçi kişi burdaydı!
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol