bscsskodlari - Vectiro tema v1

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 :

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ı!