bscsskodlari

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