bscsskodlari

Sarı Kalem 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=Titillium+Web" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Englebert" rel="stylesheet"> <div class="tasarim"> <div class="ust"> <table width="730" height="184" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td height="46" width="60"> </td> <td style="text-align: center;"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></td> <td style="text-align: center;"><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></td> <td style="text-align: center;"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar </a></td> <td style="text-align: center;"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Forum</a></td> <td style="text-align: center;"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Blog</a></td> <td style="text-align: center;"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menü</a></td> <td width="20"> </td> </tr> <tr> <td colspan="7" style="text-align: center;"><span style="color: rgb(0, 0, 0);"><span style="font-size: 50px;">BELEN MEDİA</span></span><br />Web tasarım hizmetleri</td> </tr> </tbody> </table> </div> <div class="icerik"> <div class="icerik2">

TASARIM ALTI : 

</div> </div> <div class="alt"> <table width="703" height="92" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td height="10"> </td> </tr> <tr> <td style="text-align: center;"> Copyright 2016 Siteadı | Tasarım: <a href="http://belenmedia.tr.gg/" _fcksavedurl="http://belenmedia.tr.gg/" _fcksavedurl="http://belenmedia.tr.gg/" target="_blank">Sarı Kalem V1 </a></td> </tr> <tr> <td height="10"> </td> </tr> </tbody> </table> </div> </div><center>

CSS KODU : 

/*Belenmedia */ /*URL: http://www.belenmedia.tr.gg*/ table {margin-left: auto;margin-right: auto} #webme_footer_textlink_dont_hide { margin-left:auto; margin-right:auto; margin-top:-15px; background: url(https://img.webme.com/pic/b/bskurdu/sarii.png); color:#333; font-family: Titillium Web; font-size:11px; } #webme_sky_ad { position: absolute; right: -150px; top: 100px; z-index: 1000000000000000000; } table[height="102"]{display:nne;} 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: 'Rokkitt', serif; font-size:17px; background: url(https://img.webme.com/pic/b/belenleegroup/pattern_38.png)repeat; color:#858175;} img{border:none;} a{text-decoration:none; color:#385074;} a:hover{color:#F1F1F1;} .tasarim{width:728px; height: auto; overflow:hidden; margin-top:-10px; background: url(https://img.webme.com/pic/b/bskurdu/sarii.png); margin-left:auto; margin-right:auto; } .ust{width:731px; height:184px; overflow:hidden; margin:0 auto; background: url(https://img.webme.com/pic/b/bskurdu/kalemust.png); margin-top:10px; font-family: 'Englebert', sans-serif; font-size:14px; letter-spacing: 0.7px; text-align: center; color:#fff; } .ust a{ font-family: Titillium Web; font-size:14px; letter-spacing: 0.7px; color:#fff; font-weight: bold; -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 { letter-spacing: 3px; color:#F8F128; -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; } hr{ border: 0.5px dashed #222; margin-top:-1px; } h9{ font-family: Titillium Web; font-size:14px; letter-spacing: 0.5px; color:#EBE9D9; } h1{ background: #F3ED41; url(https://img.webme.com/pic/b/belenmedia/portfolio-categbg.png) no-repeat; font-family: Titillium Web; font-size:17px; color:#385074; font-weight:normal; text-align: center;} h8{ background: #222; font-family: Titillium Web; font-size:15px; color:#F7F5D7; font-weight:bold; text-align: left;} .mdnu a{text-decoration:none; color:#fff; font-family: Titillium Web; font-size:20px; letter-spacing: 0.3px; -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; } .mdnu a:hover { text-decoration:none; color:#fff; font-size:25px; letter-spacing: 1px; -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; } .icerik {width:686px; height:auto; overflow:hidden; border-right: solid 1px #222; border-left: solid 1px #222; font-weight:bold; border-radius: 1px; background: none; #FFFEE4; color:#222; margin-bottom:10px; margin-top:-105px; margin-left:20px; font-family: Titillium Web; font-size:13px; letter-spacing: 0.5px; } .icerik2 {width:684px; height:auto; overflow:hidden; margin:0 auto; margin-top:90px; } .alt {width:703px; height:92px; margin:0 auto; background: url(https://img.webme.com/pic/b/bskurdu/kalemalt03.png)no-repeat top; color:#fff; margin-bottom:30px; margin-top:-19px; font-family: Titillium Web; font-size:13px; letter-spacing: 0.5px; text-align: center; font-weight:normal; } .alt a { color:#fff; font-family: Titillium Web; font-size:13px; letter-spacing: 0.5px; } .alt a:hover { font-weight:bold; color:#fff; } ::-moz-selection { background:#F8F128; color:#fff; } ::selection { background:#F8F128; color:#fff; }

ANA SAYFA KODU : 

<br /> <table width="680" height="140" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td colspan="2" height="30"><h8>Hello There ! | Konu başlığı buraya </h8><hr /> </td> </tr> <tr> <td width="190" align="center"><img src="https://img.webme.com/pic/b/belenchat/blogresim.jpg" _fcksavedurl="https://img.webme.com/pic/b/belenchat/blogresim.jpg" _fcksavedurl="https://img.webme.com/pic/b/belenchat/blogresim.jpg" width="180" height="97" 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. Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir.</td> </tr> <tr> <td colspan="2" height="30" style="text-align: right;"><hr />  <a href="#" _fcksavedurl="#" _fcksavedurl="#">Konunun Devamı →</a> </td> </tr> </tbody> </table> <br /> <br /> <table width="680" height="140" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td colspan="2" height="30"><h8>Hello There ! | Konu başlığı buraya </h8><hr /> </td> </tr> <tr> <td width="190" align="center"><img src="https://img.webme.com/pic/b/belenchat/blogresim.jpg" _fcksavedurl="https://img.webme.com/pic/b/belenchat/blogresim.jpg" _fcksavedurl="https://img.webme.com/pic/b/belenchat/blogresim.jpg" width="180" height="97" 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. Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir.</td> </tr> <tr> <td colspan="2" height="30" style="text-align: right;"><hr />  <a href="#" _fcksavedurl="#" _fcksavedurl="#">Konunun Devamı →</a> </td> </tr> </tbody> </table> <br />

Kaynak : Belenmedia