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
Kırmızı V1 Tasarımı
TEMANIN GÖRÜNTÜSÜNÜ GÖRMEK İSTİYORSANIZ TIKLAYINIZ >
DEMO GÖRÜNTÜSÜ
TASARIM ÜSTÜ
<link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'> <div class="ust"><table width="728" height="70" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td width="200"> <img src="https://img.webme.com/pic/b/bskurdu/logok%C4%B1rm%C4%B1z%C4%B12.png" _fcksavedurl="https://img.webme.com/pic/b/bskurdu/logok%C4%B1rm%C4%B1z%C4%B12.png" _fcksavedurl="https://img.webme.com/pic/b/bskurdu/logok%C4%B1rm%C4%B1z%C4%B12.png" width="200" height="69" alt="" /></td> <td> </td> </tr> </tbody> </table> </div> <div class="menu"> <table width="710" height="68" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> <div id='cssmenu2'> <ul> <li><a href='index.html' _fcksavedurl='index.html' _fcksavedurl='index.html'><span>ANA SAYFA</span></a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#'><span>BİZE ULASIN</span></a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#'><span>YORUMLAR</span></a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#'><span>BLOG</span></a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#'><span>FORUM</span></a></li> <li class='last'><a href='#' _fcksavedurl='#' _fcksavedurl='#'><span>S.S.S</span></a></li> </ul> </div> </td> </tr> </tbody> </table> </div> <div class="slide"> <table width="690" height="300" border="0" align="right" cellpadding="5" cellspacing="9"> <tbody> <tr> <td height="30"> </td> </tr> <tr> <td > <h9 style="text-align: left;">Hello there,</h9> <h10><p>I am a Web User Interface designer with passion for art, photography and web standards. I make clean, smart & usable websites. Photography and web standards. I make clean, smart & usable websites. Photography and web standards. I make clean, smart & usable websites. Photography and web standards. I make clean, smart & usable websites. Photography and web standards. I make clean, smart & usable websites.</p></h10></td> </tr> <tr> <td><div style="text-align: right;"><a href="#" _fcksavedurl="#" _fcksavedurl="#">DEVAMI</a></div></td> </tr> </tbody> </table> </div> <div class="icerik">
TASARIM ALTI :
</div> <div class="alt"> <table width="690" height="45" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="text-align: left;"> Tüm Hakları Saklıdır Siteadı</td> <td style="text-align: right;"><a href="http://belenmedia.tr.gg/" _fcksavedurl="http://belenmedia.tr.gg/" _fcksavedurl="http://belenmedia.tr.gg/" target="http://belenmedia.tr.gg/">Sade Kırmızı V1</a></td> </tr> </tbody> </table> </div> <br /> <br /> <br /> <center>
CSS KODU :
/*tasarim: Belenmedia */ /*URL: http://www.belenmedia.tr.gg*/ table {margin-left: auto;margin-right: auto} 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: Exo; font-size:13px; background: url(https://img.webme.com/pic/b/bskurdu/sadekv1arka.png)repeat; color:#858175;} img{border:none;} a{text-decoration:none; color:#385074;} a:hover{color:#b34a30;} h2{ font-family: 'Rokkitt', serif; font-size:21px; color:#446396; font-weight:normal;} h{ font-family: Exo; font-size:16px; color:#cc0000; font-weight:normal; text-align: left;} h8{ font-family: Exo; font-size:11px; color:#ccc; font-weight:normal;} h9{ font-family: Exo; font-size:25px; color:#fff; font-weight:normal;} h10{ font-family: Exo; font-size:13px; color:#ccc; font-weight:normal;} .ust{width:728px; height:70px; overflow:hidden; margin:0 auto; background:none; url(#); margin-bottom:20px; margin-top:30px; font-family: Titillium Web; font-size:27px; letter-spacing: 0.5px; text-align: center; box-shadow: 0px 0px 0px #5A5A5A; } .menu{width:728px; height:68px; overflow:hidden; margin:0 auto; background: url(https://img.webme.com/pic/b/bskurdu/sadekv1menu.png); font-family: Titillium Web; font-size:27px; letter-spacing: 0.5px; text-align: center; } .slide{width:728px; height:312px; overflow:hidden; margin:0 auto; background: url(https://img.webme.com/pic/b/bskurdu/sadekv1slide.png); font-family: Exo; font-size:27px; letter-spacing: 0.5px; margin-top:15px; } .slide a{ font-family: Exo; font-size:19px; } .icerik{width:718px; height:auto; overflow:hidden; margin:0 auto; background: url(https://img.webme.com/pic/b/bskurdu/sadekv1icarka.png)repeat; letter-spacing: 0.1px; text-align: center; margin-top:15px; padding:5px; } .alt {width:728px; height:41px; overflow:hidden; margin:0 auto; background: url(https://img.webme.com/pic/b/bskurdu/sadekv1alt.png); font-size:13px; letter-spacing: 0.1px; text-align: center; margin-top:22px; } .alt a { text-decoration: none; font-size:11px; letter-spacing: 0.1px; color:#858175; } .alt a:hover { color:#cc0000; } .konublog {width:543px; height:168px; overflow:hidden; margin:0 auto; background: url(https://img.webme.com/pic/b/bskurdu/sadekkonu01.png); font-size:11.5px; letter-spacing: 0.1px; border-radius: 5px; margin-top:15px; } .konublog img { -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; } .konublog img:hover{ -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -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; } #cssmenu2 { background: none; width: 700px; } #cssmenu2 ul { list-style: none; margin: 0; padding: 0; line-height: 0.7; display: block; zoom: 1; } #cssmenu2 ul:after { content: ' '; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; } #cssmenu2 ul li { float: left; display: block; padding: 0; } #cssmenu2 ul li a { letter-spacing: 0.1px; color: #ffffff; text-decoration: none; display: block; padding: 15px 25px; font-family: Exo; font-weight:bold; font-size: 14px; position: relative; -webkit-transition: color .25s; -moz-transition: color .25s; -ms-transition: color .25s; -o-transition: color .25s; transition: color .25s; -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; } #cssmenu2 ul li a:hover { 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; letter-spacing: 5px; } #cssmenu2 ul li a:hover:before { width: 100%; } #cssmenu2 ul li a:after { content: ''; display: block; position: absolute; right: -3px; top: 16px; height: 6px; width: 6px; background: #A84A4A; } #cssmenu2 ul li a:before { content: ''; display: block; position: absolute; left: 0; bottom: 2px; height: 2px; border-radius:2px; width: 0; background: #F7F7F7; -webkit-transition: width .25s; -moz-transition: width .25s; -ms-transition: width .25s; -o-transition: width .25s; transition: width .25s; } #cssmenu2 ul li.last > a:after, #cssmenu2 ul li:last-child > a:after { display: none; } #cssmenu2 ul li.active a { color: #333333; } #cssmenu2 ul li.active a:before { width: 100%; } @media screen and (max-width: 768px) { #cssmenu2 ul li { float: none; } #cssmenu2 ul li a { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #cssmenu2 ul li a:after { display: none; } #cssmenu2 ul li a:before { height: 1px; background: #ffffff; width: 100%; opacity: .2; } #cssmenu2 ul li.last > a:before, #cssmenu2 ul li:last-child > a:before { display: none; } } #webme_footer_textlink_dont_hide { background:none; color:#333; font-family: Exo; font-size:14px; }
ANA SAYFA KODU :
<div class="konublog"> <table width="543" height="168" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td colspan="2" height="29" style="text-align: left;"><h>Konu Başlığı Buraya </h></td> </tr> <tr> <td style="text-align: right;" colspan="2"><h8>30 Ekim 2016 Tarihinde Admin Tarafından Yazıldı</h8></td> </tr> <tr> <td width="122"><img src="http://www.capoon.com/blog/wp-content/themes/wegraphics_bello/custom-uploads/Fotolia_14245172_M1.jpg" _fcksavedurl="http://www.capoon.com/blog/wp-content/themes/wegraphics_bello/custom-uploads/Fotolia_14245172_M1.jpg" _fcksavedurl="http://www.capoon.com/blog/wp-content/themes/wegraphics_bello/custom-uploads/Fotolia_14245172_M1.jpg" width="110" height="82" alt="" /></td> <td>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır.</td> </tr> <tr> <td height="25" style="text-align: right;"> </td> <td style="text-align: right;"><a href="#" _fcksavedurl="#" _fcksavedurl="#"> Konunun Devamı</a> </td> </tr> </tbody> </table> </div>
Kaynak :
Belenmedia
Toplam 6234 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