DENTASARIM | Tasarımın bizden!

Vectiro tema v1

Vectiro tema

Tasarım tamamen benimdir. Copright kısmını değiştirmediğiniz sürece kullanabilirsiniz!

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"; }

Tasarım üstü: üstü;:

<body>
<div id="logovemenu"><div id="logo"><img src="//img.webme.com/pic/d/dentasarim/denlogov1.png"/></div>
<div id="menu"><ul>
<li><a href="Anasayfa" class="home">Anasayfa</a></li>
<li><a href="Forum">Forum</a></li>
<li><a href="Hakkımda">Hakkımda</a></li>
<li><a href="İletişim">İletişim</a></li>
<li><a href="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="#">Web araçları</a></li>
<li><a href="#">Web dersleri</a></li>
<li><a href="#">Bedava-sitem</a></li>
<li><a href="#">Tasarımlar</a></li>
<li><a href="#">Soru&cevap</a></li>
<li><a href="#">Anketlerimiz</a></li>

</ul></div>
<div id="icerik"><div id="content">

Tasarım altı:

</div>
</div>
<div id="copright">Tüm hakları saklıdır. Tasarım ve kodlama:<a href="http://www.dentasarim.tr.gg">DENTASARIM</a></div>
</body>

Anasayfa kodu

<div id="baslikv1"><a href="#">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="#"><img src="//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="#"><img src="//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="#"><img src="//img.webme.com/pic/d/dentasarim/bg.png" width="293" height="150" alt="" /></a></th>
</tr>
</tbody>
</table>
<div id="baslikv1"><a href="#">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="#">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="#">DEVAMINI GÖR</a></div>
</div>
</th>
<th width="293" align="left" valign="top" scope="col">
<div id="kutuv1">
<div id="kutubaslik"><a href="#">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="#">DEVAMINI GÖR</a></div>
</div>
</th>
<th width="293" align="left" valign="top" scope="col">
<div id="kutuv1">
<div id="kutubaslik"><a href="#">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="#">DEVAMINI GÖR</a></div>
</div>
</th>
</tr>
</tbody>
</table>
<div id="baslikv1"><a href="#">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="#">SERGEN ŞEKER<br />
</a>ADMİN</div>
<div id="kutuv1yazi">Bu kişi hakkında bilgi eklenmedi.</div>
<div id="devamigr"><a href="#">DEVAMINI GÖR</a></div>
</div>
</th>
<th width="293" align="left" valign="top" scope="col">
<div id="kutuv1">
<div id="kutubaslik"><a href="#">SEMİH ATABEY<br />
</a>GRAFİKER</div>
<div id="kutuv1yazi">Bu kişi hakkında bilgi eklenmedi.</div>
<div id="devamigr"><a href="#">DEVAMINI GÖR</a></div>
</div>
</th>
<th width="293" align="left" valign="top" scope="col">
<div id="kutuv1">
<div id="kutubaslik"><a href="#">CENK YANAR<br />
</a>İÇERİKER</div>
<div id="kutuv1yazi">Bu kişi hakkında bilgi eklenmedi.</div>
<div id="devamigr"><a href="#">DEVAMINI GÖR</a></div>
</div>
</th>
</tr>
</tbody>
</table>

Başka sitelerde kendi adınıza paylaşmak yasaktır. Kaynak gösterin!