bscsskodlari

Mini Blog 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"> <div class="ust"> <h1><strong>EGE</strong>TEMA</h1> <ul id="nav"> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">ANA SAYFA</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">ILETISIM</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">FORUM</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">HAKKIMDA</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">BLOG</a></li> </ul> <h2>Mini Blog Teması</h2> <img src="https://img.webme.com/pic/e/egetema/unnamed.png" _fcksavedurl="https://img.webme.com/pic/e/egetema/unnamed.png" _fcksavedurl="https://img.webme.com/pic/e/egetema/unnamed.png" width="100" height="100" alt="" /> <p>Buraya hakkınızda kısa bilgililer yazabilirsiniz, Günü konusunu yazabilirsiniz, En çok okunan yazınızı burada gösterebilirsiniz. Autumn, Fall. The beginning of the end. Associated with leaves falling from trees and the end of the sunshine. Well, at least it is if you live in England where the weather is notoriously bad. Anyway, here is where your description will go... <a href="#" _fcksavedurl="#" _fcksavedurl="#">Devamı ⇒</a> </p> </div> <div class="icerik"> <div class="icerik2">

TASARIM ALTI : 

</div> <div class="reklam">Webme Reklam<IFRAME FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO" WIDTH="160" HEIGHT="600" SRC="http://fcdn.webme.com/selfpromotion.php?size=einhundertsechzig"></IFRAME></div> </div> <div class="alt"><table width="728" height="150" border="0" align="center" cellpadding="1" cellspacing="3"> <tbody> <tr> <td height="30" style="text-align: center;" bgcolor="9FCB74"><strong><span style="color: rgb(255, 255, 255);">REKLAM ALANI</span></strong></td> <td rowspan="1" width="240" style="text-align: center;" bgcolor="9FCB74"><span style="color: rgb(255, 255, 255);"> </span><strong><span style="color: rgb(255, 255, 255);">ETİKET ALANI</span></strong></td> <td rowspan="1" style="text-align: center;" bgcolor="9FCB74"><span style="color: rgb(255, 255, 255);"> </span><strong><span style="color: rgb(255, 255, 255);">HAKKIMDA</span></strong></td> </tr> <tr> <td width="240" style="text-align: center;"> <table width="235" height="105" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> <div style="text-align: center;"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/e/egetema/90x90-reklam.png" _fcksavedurl="https://img.webme.com/pic/e/egetema/90x90-reklam.png" _fcksavedurl="https://img.webme.com/pic/e/egetema/90x90-reklam.png" alt="" /></a></div> </td> <td> <div style="text-align: center;"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/e/egetema/90x90-reklam.png" _fcksavedurl="https://img.webme.com/pic/e/egetema/90x90-reklam.png" _fcksavedurl="https://img.webme.com/pic/e/egetema/90x90-reklam.png" alt="" /></a></div> </td> </tr> </tbody> </table></td> <td rowspan="1"><table width="230" height="110" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td><a href="#" _fcksavedurl="#" _fcksavedurl="#">#Blog</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Etiket</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Yazı</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Bedava Sitem</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Tasarım</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Etiket</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Yazı</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Bedava Sitem</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Tasarım</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Web</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Html</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Wordpress</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Css</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Tr.gg</a> <a href="#" _fcksavedurl="#" _fcksavedurl="#">#Etiket</a></td> </tr> </tbody> </table></td> <td rowspan="1"><table width="220" height="110" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td><span style="font-size:11px;">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.</span></td> </tr> </tbody> </table></td> </tr> </tbody> </table> </div> <div class="alt1"><table width="728" height="74" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="text-align: left;">Copyright 2016 <a href="#" _fcksavedurl="#" _fcksavedurl="#">Siteadı</a>  |  Tüm hakları saklıdır</td> <td style="text-align: right;">Tasarım: <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> <br /> <br /> <br /><center>

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/b/belenmedia/bg3.jpg); color:#333; font-family: Titillium Web; font-size:11px; } ::-moz-selection { background:#E9E9B6; color:#222; } ::selection { background:#E9E9B6; color:#222; } #webme_sky_ad { display:none; } table[height="102"]{ } 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: #fff; url(https://img.webme.com/pic/t/turk-rap-fm/prarkatk.png); color:#666050;} img{border:none; } h{ font-family: Titillium Web; font-size:13px; letter-spacing: 0.3px; color:#cccccc;} a{text-decoration:none; color:#385074;} a:hover{color:#b34a30;} .ust{width:728px; height:353px; overflow:hidden; margin:0 auto; background: url(https://img.webme.com/pic/e/egetema/egeust.jpg); margin-top:-1px; border-top:4px solid #53C0C0; border-bottom:4px solid #933737; } .icerik{width:728px; min-height:600px; overflow:hidden; margin:0 auto; background: #FFFFCC url(https://img.webme.com/pic/e/egetema/icerikege.jpg) bottom repeat-x; color:#333; padding-top:10px; margin-top:-1px; font-family: Titillium Web; font-size:14px; letter-spacing: 0.5px; text-align: center; border-bottom:2px solid #FFAC59; border-left:0px solid #FFAC59; border-right:0px solid #FFAC59; } .icerik2{width:530px; min-height:600px; overflow:hidden; margin:0 auto; float:left; border-right:1px dashed #FFAC59; margin-left:10px; padding-top:50px; margin-bottom:10px; } .reklam{width:160px; height:auto; overflow:hidden; margin:0 auto; float:right; font-family: Titillium Web; font-size:13px; letter-spacing: 0.5px; color:#333; padding:10px; } .alt{width:728px; height:160px; overflow:hidden; margin:0 auto; background: #669537;url(https://img.webme.com/pic/e/egetema/ahover.jpg)repeat; color:#BADA9A; margin-top:20px; font-family: Titillium Web; font-size:14px; letter-spacing: 0.5px; } .alt a{ background: #9FCB74; color:#fff; line-height:30px; font-family: Titillium Web; font-size:12px; letter-spacing: 0.5px;} .alt a:hover{ background: #75AF3A; color:#fff; letter-spacing: 0.5px;} .alt1{width:728px; height:48px; overflow:hidden; margin:0 auto; background: #669537 url(https://img.webme.com/pic/e/egetema/ahover.jpg)repeat-x; color:#BADA9A; margin-bottom:50px; margin-top:-1px; font-family: Titillium Web; font-size:11px; letter-spacing: 0.7px; font-weight:bold; border-bottom:2px solid #669537; border-top:2px solid #669537; border-right:0px solid #FFAC59; } .alt1 a{ color:#C7E6BE; line-height:30px; font-family: Titillium Web; font-size:11px; letter-spacing: 0.5px;} .alt1 a:hover{ color:#4C753F; letter-spacing: 0.5px;} .konu{width:230px; height:316px; overflow:hidden; margin:0 auto; background: #669537 url(https://img.webme.com/pic/e/egetema/ahover.jpg)repeat-x; color:#BADA9A; margin-bottom:5px; margin-top:15px; margin-left:20px; font-family: Titillium Web; font-size:11px; letter-spacing: 0.7px; font-weight:bold; border-bottom:2px dashed #BADA9A; border-top:2px dashed #BADA9A; border-right:2px dashed #BADA9A; border-left:2px dashed #BADA9A; float:left; } .ust h1 { font-family:Titillium Web; font-size:42px; letter-spacing:0px; font-weight:normal; color:#2B7171; margin:0; padding: 35px 0 0 20px; text-shadow: 0px 1px 1px #222; } .ust h2 { font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; margin:160px 0 0 32px; font-weight:normal; letter-spacing:-1px; text-shadow: 0px 1px 1px #222; } .ust p { margin: 10px 120px 0 35px; line-height:15px; color:#FFFFFF; text-shadow: 0px 1px 1px #222; } .ust p a { color:#fff; text-decoration:none; } .ust p a:hover { text-decoration:none; background-color:transparent; border:none; color:#fff; font-weight:bold; } .ust img { float:right; margin: -15px 18px 0 0; borer:none; } ul#nav { margin-top:-55px; margin-left:200px; padding:0; } ul#nav li { list-style:none; margin:0; padding-left: 20px; float:left; } ul#nav li a { box-shadow: 0px 0px 2px #669537; text-shadow: 0px 1px 1px #222; width:auto; display:block; background-color:#8CC058; border-top:2px solid #669537; border-bottom:2px solid #669537; padding:3px 9px 11px 9px; margin: 5px 0 5px 0 !important; margin: 0; color:#FFFFFF; font-family:Titillium Web; letter-spacing:1px; font-weight:bold; text-transform:uppercase; font-size:15px; text-align:center; background-image:url(https://img.webme.com/pic/e/egetema/a.jpg); background-position:bottom right; background-repeat:no-repeat; -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 li a:hover { box-shadow: 0px 0px 4px #669537; border-top:16px solid #669537; background-color:#9FCB74; background-image:url(https://img.webme.com/pic/e/egetema/ahover.jpg); 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; }

ANA SAYFA KODU : 

<div class="konu"> <table width="215" height="300" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td height="30" style="text-align: center;"><span style="color: rgb(255, 255, 255);"><strong><span style="font-size: large;">Konu başlığı buraya </span></strong></span></td> </tr> <tr> <td height="165" bgcolor="#BADA9A"><img src="https://www.hallaminternet.com/assets/blog-post.jpg" _fcksavedurl="https://www.hallaminternet.com/assets/blog-post.jpg" _fcksavedurl="https://www.hallaminternet.com/assets/blog-post.jpg" width="200" height="152" alt="" /></td> </tr> <tr> <td>Autumn, Fall. The beginning of the end. Associated with leaves falling from trees and the end of the sunshine. Well, at least it is if you live in England where the weather is notoriously bad. Anyway, here is where your description will go...</td> </tr> </tbody> </table> </div> <div class="konu"> <table width="215" height="300" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td height="30" style="text-align: center;"><span style="color: rgb(255, 255, 255);"><strong><span style="font-size: large;">Konu başlığı buraya </span></strong></span></td> </tr> <tr> <td height="165" bgcolor="#BADA9A"><img src="https://www.hallaminternet.com/assets/blog-post.jpg" _fcksavedurl="https://www.hallaminternet.com/assets/blog-post.jpg" _fcksavedurl="https://www.hallaminternet.com/assets/blog-post.jpg" width="200" height="152" alt="" /></td> </tr> <tr> <td>Autumn, Fall. The beginning of the end. Associated with leaves falling from trees and the end of the sunshine. Well, at least it is if you live in England where the weather is notoriously bad. Anyway, here is where your description will go...</td> </tr> </tbody> </table> </div> <div class="konu"> <table width="215" height="300" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td height="30" style="text-align: center;"><span style="color: rgb(255, 255, 255);"><strong><span style="font-size: large;">Konu başlığı buraya </span></strong></span></td> </tr> <tr> <td height="165" bgcolor="#BADA9A"><img src="https://www.hallaminternet.com/assets/blog-post.jpg" _fcksavedurl="https://www.hallaminternet.com/assets/blog-post.jpg" _fcksavedurl="https://www.hallaminternet.com/assets/blog-post.jpg" width="200" height="152" alt="" /></td> </tr> <tr> <td>Autumn, Fall. The beginning of the end. Associated with leaves falling from trees and the end of the sunshine. Well, at least it is if you live in England where the weather is notoriously bad. Anyway, here is where your description will go...</td> </tr> </tbody> </table> </div> <div class="konu"> <table width="215" height="300" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td height="30" style="text-align: center;"><span style="color: rgb(255, 255, 255);"><strong><span style="font-size: large;">Konu başlığı buraya </span></strong></span></td> </tr> <tr> <td height="165" bgcolor="#BADA9A"><img src="https://www.hallaminternet.com/assets/blog-post.jpg" _fcksavedurl="https://www.hallaminternet.com/assets/blog-post.jpg" _fcksavedurl="https://www.hallaminternet.com/assets/blog-post.jpg" width="200" height="152" alt="" /></td> </tr> <tr> <td>Autumn, Fall. The beginning of the end. Associated with leaves falling from trees and the end of the sunshine. Well, at least it is if you live in England where the weather is notoriously bad. Anyway, here is where your description will go...</td> </tr> </tbody> </table> </div>

Kaynak : Belenmedia