bscsskodlari

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