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
Belenmedia Tasarimlari
Turuncu Blog Tasarımı
Kırmızı V1 Tasarımı
Sade Kırmızı V1 Tasarımı
Tırtıklı V1 Tasarımı
Sarı Kalem Tasarımı
Egetema Blog Tasarımı
Mini Blog Tasarımı
Kişisel Galeri Tasarımı
Mini Renkli Tasarımı
Creativeblog Tasarimlari
Kişisel Galeri Tasarımı
TEMANIN GÖRÜNTÜSÜNÜ GÖRMEK İSTİYORSANIZ TIKLAYINIZ >
DEMO GÖRÜNTÜSÜ
TASARIM ÜSTÜ :
<link href="https://fonts.googleapis.com/css?family=Economica|Lato" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet"> <div class="tasarim"><div class="golge"></div> <div class="ust"><table width="800" height="300" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td height="20" align="left"> <a href="#" _fcksavedurl="#" _fcksavedurl="#">Facebook</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Twitter</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Instagram</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Flickr</a></td> </tr> <tr> <td><table width="270" height="10" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="text-align: left;"><h1>BERK HANCI</h1><h4> kısısel fotograf galerısı </h4></center></td> </tr> </tbody> </table></td> </tr> <tr> <td height="82"><ul id="nav"> <li class='active'><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">ILETISIM</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">HAKKIMDA</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">BLOG</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">GALERı</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">HABERLER</a></li> </ul> </td> </tr> </tbody> </table></div> <div class="usttablo"><div class="tablo"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/h/hurkalemler/3-night.jpg" _fcksavedurl="https://img.webme.com/pic/h/hurkalemler/3-night.jpg" _fcksavedurl="https://img.webme.com/pic/h/hurkalemler/3-night.jpg" alt="" /></a></div> <div class="tablo2"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/h/hurkalemler/history.jpg" _fcksavedurl="https://img.webme.com/pic/h/hurkalemler/history.jpg" _fcksavedurl="https://img.webme.com/pic/h/hurkalemler/history.jpg" alt="" /></a></div> <div class="tablo3"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/h/hurkalemler/photography-lens.jpg" _fcksavedurl="https://img.webme.com/pic/h/hurkalemler/photography-lens.jpg" _fcksavedurl="https://img.webme.com/pic/h/hurkalemler/photography-lens.jpg" alt="" /></a></div></div> <div class="icerik"><div class="icerik2">
TASARIM ALTI :
</div> </div> <div class="alt"><table width="846" height="45" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="text-align: left;">Copyright <a href="#" _fcksavedurl="#" _fcksavedurl="#">BERK HANCI™</a> 2016 | Tum haklari saklidir</td> <td style="text-align: right;">Tasarim: <a href="http://belenmedia.tr.gg" _fcksavedurl="http://belenmedia.tr.gg" _fcksavedurl="http://belenmedia.tr.gg" target="_blank">BELENMEDIA</a></td> </tr> </tbody> </table> </div> </div>
CSS KODU :
/*Belenmedia */ /*URL: http://www.belenmedia.tr.gg*/ table {margin-left: auto;margin-right: auto} #webme_footer_textlink_dont_hide { background: url(https://img.webme.com/pic/h/hurkalemler/bg1.jpg); color:#666050; font-family: Titillium Web; font-size:11px; } #webme_sky_ad { position: absolute; right: 0px; top: 160px; z-index: 1000000000000000000; } table[height="102"]{display:nne;} hr { border: 1px solid #e7e2cf; background:none; width:728px; } b{color:#e7e2cf;} textarea{ resize:none } 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;} body{ font-family: 'Titillium Web', serif; font-size:15px; background: url(https://img.webme.com/pic/h/hurkalemler/bg1.jpg); color:#666050;} img{border:none; } h1{ font-size:45px; color:#612A72; font-family: 'Economica', sans-serif; font-weight:normal; text-transform:uppercase; text-shadow: 0 #555; } h4{ font-size:13px; color:#555; font-family: 'Economica', sans-serif; font-weight:normal; text-transform:uppercase;} h2{ font-family: 'Rokkitt', serif; font-size:21px; color:#446396; font-weight:normal;} h{font-family: 'Economica', sans-serif; font-size:33px; letter-spacing: 0.3px; color:#ccc;} a{text-decoration:none; color:#612A72;} a:hover{color:#911010; font-weight:bold;} ::-moz-selection { background:#555; color:#fff; } ::selection { background:#555; color:#fff; } .tasarim{width:920px; height:auto; overflow:hidden; margin:0 auto; } .ust{width:920px; height:320px; overflow:hidden; margin:0 auto; background: url(https://img.webme.com/pic/h/hurkalemler/fotoust.png)bottom; line-height:1px; } .ust a { color:#555; font-family: Economica; letter-spacing:0.5px; font-weight:normal; font-size:13px; text-align:center; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .ust a:hover { color:#555; font-weight:bold; font-size:13px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } ul#nav { margin-top:-9px; margin-left:0px; padding:0; } ul#nav li { list-style:none; margin:0; padding-left: 40px; float:left; } ul#nav li a { width:auto; display:block; border-bottom:0px solid #669537; padding-top: 24px; padding-bottom: 23px; padding-left: 9px; padding-right: 9px; margin: 5px 0 0 0 !important; color:#FFFFFF; font-family: Economica; letter-spacing:1px; font-weight:normal; text-transform:uppercase; font-size:17px; text-align:center; background:none; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } ul#nav .active a, ul#nav li a:hover{ background: #000 url(https://img.webme.com/pic/t/turk-rap-fm/tik.png)no-repeat bottom center; color:#fff; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; opacity: 0.7; filter: alpha(opacity=70); } .icerik{width:900px; height:auto; overflow:hidden; margin:0 auto; background: url(https://img.webme.com/pic/h/hurkalemler/syfgolge.png)repeat center; margin-top:-625px; margin-right: 17px; } .icerik2{width:840px; height:auto; overflow:hidden; margin:0 auto; margin-top:635px; font-family: Titillium Web; font-size:13px; letter-spacing: 0.5px; margin-bottom:45px; } .usttablo{width:854px; height:286px; overflow:hidden; margin:0 auto; background: url(https://img.webme.com/pic/h/hurkalemler/bg3.jpg); color:#fff; margin-bottom:30px; margin-top:px; font-family: Titillium Web; font-size:14px; letter-spacing: 0.5px; text-align: center; margin-right: 39px; } .alt{width:856px; height:45px; overflow:hidden; margin:0 auto; background: url(https://img.webme.com/pic/h/hurkalemler/bg3.jpg); color:#fff; margin-bottom:30px; margin-top:-45px; font-family: Economica; font-size:14px; letter-spacing: 0.5px; text-align: center; margin-right: 39px; } .alt a { color:#fff; font-family: Economica; letter-spacing:0.5px; font-weight:normal; font-size:14px; text-align:center; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .alt a:hover { color:#fff; font-weight:bold; font-size:14px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .tablo{width:250px; height:250px; overflow:hidden; background: url(https://img.webme.com/pic/h/hurkalemler/wall2.png); margin-bottom:20px; margin-top:10px; margin-left:20px; float:left; transform:rotate(-7deg); -ms-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .tablo2{width:250px; height:250px; overflow:hidden; background: url(https://img.webme.com/pic/h/hurkalemler/wall2.png); margin-bottom:20px; margin-top:10px; margin-left:34px; float:left; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transform:rotate(7deg); -ms-transform:rotate(7deg); -webkit-transform:rotate(7deg); } .tablo3{width:250px; height:250px; overflow:hidden; background: url(https://img.webme.com/pic/h/hurkalemler/wall2.png); margin-bottom:20px; margin-top:10px; margin-left:25px; float:left; transform:rotate(-7deg); -ms-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .tablo:hover, .tablo2:hover, .tablo3:hover { -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .tablo img, .tablo2 img, .tablo3 img{width:190px; height:150px; overflow:hidden; background: url(https://img.webme.com/pic/h/hurkalemler/wall2.png); margin-top:68px; margin-left:1px; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .tablo img:hover, .tablo2 img:hover, .tablo3 img:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .resim{ width:834px; height:353px; overflow:hidden; margin:0 auto; background: none; margin-top:15px; box-shadow: 0 0 0 #555; } .golge{ background: url(https://img.webme.com/pic/h/hurkalemler/golge2.png) no-repeat center; width:870px; height:38px; overflow:hidden; margin:0 auto; margin-top:10px; margin-right:30px;}
ANA SAYFA KODU :
<table width="690" height="160" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td width="142" rowspan="3"><img src="https://img.webme.com/pic/h/hurkalemler/Think-512.png" _fcksavedurl="https://img.webme.com/pic/h/hurkalemler/Think-512.png" _fcksavedurl="https://img.webme.com/pic/h/hurkalemler/Think-512.png" width="140" height="180" alt="" /></td> <td style="text-align: left;" height="25" colspan="2"><span style="color: #612A72;"><span style="font-size: medium;"><strong>Buraya konu başlığı yazabilirsiniz</strong></span></span></td> </tr> <tr> <td colspan="2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet.</td> </tr> <tr> <td style="text-align: left;"><span style="font-size: 12px;"><span style="color: #612A72;">Kategori:</span> Genel | <span style="color: #612A72;">Yazar:</span> yazaradı | <span style="color: #612A72;">Tarih :</span> 23.05.2014</span></td> <td style="text-align: right;"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Devamı →</a></td> </tr> </tbody> </table> <br /> <br /> <br /> <table width="690" height="160" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td width="142" rowspan="3"><img src="https://img.webme.com/pic/h/hurkalemler/grey_new_seo2-30-512.png" _fcksavedurl="https://img.webme.com/pic/h/hurkalemler/grey_new_seo2-30-512.png" _fcksavedurl="https://img.webme.com/pic/h/hurkalemler/grey_new_seo2-30-512.png" width="140" height="180" alt="" /></td> <td style="text-align: left;" height="25" colspan="2"><span style="color: #612A72;"><span style="font-size: medium;"><strong>Buraya konu başlığı yazabilirsiniz</strong></span></span></td> </tr> <tr> <td colspan="2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet.</td> </tr> <tr> <td style="text-align: left;"><span style="font-size: 12px;"><span style="color: #612A72;">Kategori:</span> Genel | <span style="color: #612A72;">Yazar:</span> yazaradı | <span style="color: #612A72;">Tarih :</span> 23.05.2014</span></td> <td style="text-align: right;"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Devamı →</a></td> </tr> </tbody> </table> <br /> <br />
Kaynak :
Belenmedia
Toplam 6222 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