Kisisel galeri tasarımı

Kişisel Galeri Tasarımı:

	Tasarımın üzerindeki metin <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="#">Facebook</a> \| <a href="#" _fcksavedurl="#">Twitter</a> \| <a href="#" _fcksavedurl="#">Instagram</a> \| <a href="#" _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="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">ILETISIM</a></li> <li><a href="#" _fcksavedurl="#">HAKKIMDA</a></li> <li><a href="#" _fcksavedurl="#">BLOG</a></li> <li><a href="#" _fcksavedurl="#">GALERı</a></li> <li><a href="#" _fcksavedurl="#">HABERLER</a></li> </ul> </td> </tr> </tbody> </table></div> <div class="usttablo"><div class="tablo"><a href="#" _fcksavedurl="#"><img src="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="#"><img src="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="#"><img src="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">
	Tasarımın altındaki yazı </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="#">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" 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" 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="#">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" 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="#">Devamı →</a></td> </tr> </tbody> </table> <br /> <br />

DOST SİTELER

SİTE İSTATİSTİKLERİ

HAKKIMIZDA

→Websiteniyaristir
→Link ekle
→Link ekle
→Link ekle

Bugün 4 kişi siteyi ziyaret etti.
sayfaları 53 kere tıkladı.
İp adresiniz: 18.221.129.19

Copyright 2018 Belenmedia
Tüm hakları saklıdır

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol