Gri Blog v1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Arama Çubuğu
Duyuru Paneli
Sağ ve Üst Menü
125lik Reklam Alanı

Tasarımın üzerindeki yazı:

<script>$(function(){});</script></head><body> <div class="center"><header id="header"><div class="logo"><a href="#"><img src="http://i.hizliresim.com/n7WmkN.png"/></a></div><div class="ad728"><a href="#"><img src="http://i.hizliresim.com/94dqRZ.png"/></a></div></header><div class="clear"></div><nav id="menu"><div class="search"><input type="text" name="s" id="s" placeholder="Arama Metnini Giriniz.." class="searchInput"/><input type="submit" value=""/></div><ul class="menu"><li><a href="#">Anasayfa</a></li><li><a href="#">Hakkımızda</a></li><li><a href="#">Referanslar</a></li><li><a href="#">Reklam</a></li><li><a href="#">İletişim</a></li></ul></nav><div class="clear"></div><div id="content"><div class="customAlan"><div class="leftArrow"></div><div class="customWord">Bu alana duyuru yazabilirsin...</div><div class="rightArrow"></div></div><div class="clear"></div><section class="left">

Tasarımın altındaki yazı:

<!-- Sayfalama --><div class="pagenavigation"><a href="#" class="previous"><Önceki</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#" class="next">Sonraki></a></div><!--Sayfalama -->    </section><aside class="sidebar">  <div class="widget"><div class="sideTitle">Kategoriler</div><ul class="categories"><li><a href="#">Anasayfa</a></li><li><a href="#">Hakkımızda</a></li><li><a href="#">Referanslar</a></li><li><a href="#">Reklam</a></li><li><a href="#">İletişim</a></li><li><a href="#">Anasayfa</a></li><li><a href="#">Hakkımızda</a></li><li><a href="#">Referanslar</a></li><li><a href="#">Reklam</a></li><li><a href="#">İletişim</a></li></ul></div><div class="clear"></div>  <div class="widget"><div class="sideTitle">Popüler Yazılar</div><ul class="popularPosts"><li><a href="#">Buraya Başlık Yazabilirsin</a></li><li><a href="#">Buraya Başlık Yazabilirsin</a></li><li><a href="#">Buraya Başlık Yazabilirsin</a></li><li><a href="#">Buraya Başlık Yazabilirsin</a></li><li><a href="#">Buraya Başlık Yazabilirsin</a></li></ul></div><div class="clear"></div>  <div class="widget"><div class="sideTitle">Son Yorumlar</div><ul class="lastComments"><li><a href="#"><img src="http://i.hizliresim.com/j5W1vL.png"/><span>Salih Toy</span><p>Lorem Ipsum is simply dummy text of the printing and typesetting</p></a></li><li><a href="#"><img src="http://i.hizliresim.com/j5W1vL.png"/><span>Salih Toy</span><p>Lorem Ipsum is simply dummy text of the printing and typesetting </p></a></li><li><a href="#"><img src="http://i.hizliresim.com/j5W1vL.png"/><span>Salih Toy</span><p>Lorem Ipsum is simply dummy text of the printing and typesetting </p></a></li><li><a href="#"><img src="http://i.hizliresim.com/j5W1vL.png"/><span>Salih Toy</span><p>Lorem Ipsum is simply dummy text of the printing and typesetting </p></a></li><li><a href="#"><img src="http://i.hizliresim.com/j5W1vL.png"/><span>Salih Toy</span><p>Lorem Ipsum is simply dummy text of the printing and typesetting </p></a></li></ul></div><div class="clear"></div>  <div class="widget"><div class="sideTitle">Sponsor Reklamlar</div><ul class="ad125"><li><a href="#"><img src="http://i.hizliresim.com/8gd2m7.png"/></a></li><li><a href="#"><img src="http://i.hizliresim.com/8gd2m7.png"/></a></li><li><a href="#"><img src="http://i.hizliresim.com/8gd2m7.png"/></a></li><li><a href="#"><img src="http://i.hizliresim.com/8gd2m7.png"/></a></li></ul></div>  </aside><div class="clear"></div><footer id="footer"><ul class="fSocial"><li class="facebook"><a href="#facebook"></a></li><li class="twitter"><a href="#twitter"></a></li><li class="gPlus"><a href="#google"></a></li><li class="linkedIn"><a href="#linkedin"></a></li><li class="youtube"><a href="#youtube"></a></li><li class="rss"><a href="#rss"></a></li></ul><div class="copyright">Tasarım: Talha Akkaya <br/>HTML - CSS: Eren Keskin | Bedava-Sitem: Salih Toy<br/>Copyright 2015 © <a target="_blank" href="#">kendi site adresiniz</a></div></footer></div></div></body></html>

CSS kodu:

table iframe {margin-left:290px;}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;}  .logo,.logo a img{max-width:200px}.ad728,.ad728 a img{max-width:728px;max-height:90px}#content,nav#menu{border-bottom:3px solid #cacaca}#content,.ad468,.article,.customAlan,.pagenavigation,.readMore,.sideTitle,.widget,nav#menu{border-radius:3px}.ad468alan a,.categories li,.giveAdd a,.lastComments li,.lastComments li a,.logo a,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,ul.menu li{display:block}#content,#header,.ad125,.ad468,.ad468alan,.article,.articleTop,.categories,.customAlan,.fSocial,.fSocial li,.lastComments,.lastComments li,.lastComments li a,.pagenavigation,.popularPosts,.widget,nav#menu,ul.menu{overflow:hidden}.ad125 li:hover a img,.fSocial li:hover{opacity:.8}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}ol,ul{list-style:none}a{text-decoration:none}input,select,textarea{outline:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}#webme_footer_textlink_dont_hide{color:#b8b8b8;position:absolute;left:300px;in:0;padding:9px 27px 8px 130px;background:url(http://img.webme.com/pic/g/grafikdizayn/reklam_textlink.png)}body{line-height:1;background:url(http://i.hizliresim.com/OqLBP0.png);margin:auto;font:13px Trebuchet MS}.center{width:960px;margin:0 auto}.clear{clear:both}.bar{background:#0048c0;height:2px}.logo{float:left;margin:30px 0}.ad728{float:right;margin:20px 0}nav#menu{background:url(http://i.hizliresim.com/LanELJ.png);border:1px solid #cacaca;box-shadow:1px -1px 3px #f1f1f1,1px 1px 3px #c0c1c3;-moz-box-shadow:1px -1px 3px #f1f1f1,1px 1px 3px #c0c1c3;-webkit-box-shadow:1px -1px 3px #f1f1f1,1px 1px 3px #c0c1c3}ul.menu{float:left}ul.menu li{float:left;padding:10px 15px}ul.menu li a{color:#787878;font-size:14px}ul.menu li a:hover{color:#0048c0}.search{float:right;margin:6px 10px 5px 0;position:relative}.searchInput{background:url(http://i.hizliresim.com/QA7WmA.png)no-repeat;width:172px;height:14px;border:none;padding:6px 30px 5px 5px;font-size:11px;color:#787878;font-style:oblique}.leftArrow,.rightArrow{width:11px;height:19px}.search input[type=submit]{position:absolute;top:0;right:0;padding:auto;background:0 0;border:none;cursor:pointer}#content{border:1px solid #cacaca;background:url(http://i.hizliresim.com/GY05ay.png);padding:13px 8px;margin:15px 0}.customAlan{width:auto;background-color:#f7f7f7;border:1px solid #d4d4d4;margin-bottom:13px;padding:8px}.article,.articleThumb{border:1px solid #cacaca}.leftArrow{cursor:pointer;float:left;background:url(http://i.hizliresim.com/DMd9p1.png)no-repeat;margin:0 9px 0 0}.customWord{float:left;margin-top:0;color:#606060}.rightArrow{cursor:pointer;float:right;background:url(http://i.hizliresim.com/LanEmJ.png)no-repeat;margin:0 0 0 9px}.articleThumb,.articleThumb a img{width:205px;height:128px}.left{width:620px;float:left}.article{background-color:#fff;padding:10px;margin-bottom:10px}.articleTitle{background:url(http://i.hizliresim.com/qYWRLW.png);width:auto;padding:10px}.articleTitle a{color:#0048c0;font-size:15px}.articleTitle a:hover{color:#505050}.articleTop{border-bottom:1px solid #e9e9e9;margin-bottom:10px}.articleTop li{float:left;margin-right:20px;padding:5px 5px 5px 20px}.articleTop li a{color:#a8a8a8;font-size:12px}.articleTop li a:hover{color:#0048c0}.articleTop li.articleCategory{background:url(http://i.hizliresim.com/JYl61B.png)0 10px no-repeat}.articleTop li.articleDate{background:url(http://i.hizliresim.com/RYPBMj.png)0 8px no-repeat}.articleTop li.articleViews{background:url(http://i.hizliresim.com/ogk9D2.png)0 8px no-repeat}.articleTop li.articleComments{background:url(http://i.hizliresim.com/rQ2RlM.png)0 8px no-repeat}.articleThumb{float:left;padding:1px;background-color:#fff;margin-right:15px;margin-bottom:2px}.articlePost p{color:#787878;line-height:19px}.readMore{border:1px solid #cfcfcf;float:right;margin:10px 10px 0 0;padding:4px 15px;background:url(http://i.hizliresim.com/5dQ25q.png)}.ad468,.pagenavigation{margin-bottom:10px;background-color:#fff}.ad468,.ad468alan,.giveAdd,.pagenavigation,.widget{border:1px solid #cacaca}.readMore a{color:#0048c0}.readMore a:hover{color:#505050}.ad468{padding:10px}.ad468alan{float:left;max-width:470px;max-height:62px}.ad468alan a{float:left}.ad468alan a img{width:468px;height:62px}.giveAdd{float:right;overflow:hidden;max-height:62px}.giveAdd a{float:left}.giveAdd a img{width:120px;height:62px}.pagenavigation{padding:5px 10px;text-align:center}.pagenavigation a{color:#535353;padding:0 5px}.pagenavigation a.previous{margin-right:20px}.pagenavigation a.next{margin-left:20px}.pagenavigation span{color:#787878;padding:0 5px}.pagenavigation span:hover{color:#535353;text-decoration:underline}.sidebar{width:310px;float:right}.widget{margin-bottom:15px}.sideTitle{border-bottom:1px solid #cacaca;padding:8px 13px;color:#606060;font-size:15px}.categories{margin-left:10px}.categories li{background:url(http://i.hizliresim.com/l7W9nb.png)5px 9px no-repeat;float:left;width:105px;padding:5px 20px}.categories li:hover{background:url(images/categoryLiActive.png)5px 9px no-repeat}.categories li a{color:#787878}.categories li:hover a{color:#0048c0}.popularPosts{margin-left:10px}.popularPosts li{background:url(http://i.hizliresim.com/5dQ2Wj.png)0 10px no-repeat;display:block;padding:5px 15px}.popularPosts li:hover{background:url(images/categoryLiActive.png)0 10px no-repeat}.popularPosts li a{color:#787878}.popularPosts li:hover a{color:#0048c0}.lastComments{padding:5px}.lastComments li{margin-bottom:5px}.lastComments li a img{float:left;width:50px;height:50px;margin-right:5px;padding:1px;border:1px solid #cfcfcf}.ad125 li,.ad125 li a img{width:125px;height:125px}.lastComments li a span{color:#0048c0;font-size:13px;font-weight:700}.copyright,.lastComments li a p{color:#606060}.ad125{margin-left:4px}.ad125 li{float:left;border:1px dashed #cacaca;margin:8px 10px}.ad125 li:hover{border-color:#b4b4b4}#footer{border-top:1px solid #d1d1d1;padding-top:10px}.fSocial{float:left;margin-top:9px}.fSocial li{margin-right:5px;float:left;width:28px;height:27px}.fSocial li.facebook{background:url(http://i.hizliresim.com/RYPBW6.png)no-repeat}.fSocial li.twitter{background:url(http://i.hizliresim.com/ogk9bk.png)no-repeat}.fSocial li.gPlus{background:url(http://i.hizliresim.com/7kNPlW.png)no-repeat}.fSocial li.linkedIn{background:url(http://i.hizliresim.com/Amkg9p.png)no-repeat}.fSocial li.youtube{background:url(http://i.hizliresim.com/YBNJnl.png)no-repeat}.fSocial li.rss{background:url(http://i.hizliresim.com/7kNP9W.png)no-repeat}.fSocial li a{padding:14px}.copyright{float:right;font-size:12px;text-align:right}.copyright a{color:#0048c0}

Ana sayfaya eklenecek kod:

<div class="article"><h3 class="articleTitle"><a href="#">Buraya Başlık Yazabilirsin</a></h3><ul class="articleTop"><li class="articleCategory"><a href="#">İnternet</a></li><li class="articleDate"><a href="#">20 Mayıs 2015</a></li><li class="articleViews"><a href="#">126 Okunma</a></li><li class="articleComments"><a href="#">17 Yorum</a></li></ul><div class="articleThumb"><a href="#"><img src="http://i.hizliresim.com/YBNWBk.png" width="210" height="140"/></a></div><div class="articlePost">      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>     </div><div class="readMore"><a href="#">Devamını Oku</a></div></div><div class="clear"></div>

Alternatif sayfa İçeriği:

<!--KONU İNDEX--><div class="article"><h3 class="articleTitle"><a href="#">Buraya Başlık Yazabilirsin</a></h3><ul class="articleTop"><li class="articleCategory"><a href="#">İnternet</a></li><li class="articleDate"><a href="#">20 Mayıs 2015</a></li><li class="articleViews"><a href="#">126 Okunma</a></li><li class="articleComments"><a href="#">17 Yorum</a></li></ul><div class="articlePost">      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>     </div></div><div class="clear"></div>

Gri Blog v1

About Unknown

Hiç yorum yok :

Yorum Gönder

Translate

Katagoriler

Popular Konular

Yorumlar

Blog Arsivi

Sayyac

Sayfa Görüntüleme Sayısı

Gri Blog v1

About Unknown

Next

Sonraki Kayıt

Previous

Önceki Kayıt

Hiç yorum yok :

Yorum Gönder

Translate

Katagoriler

Popular Konular

Yorumlar

Blog Arsivi

Sayyac

Sayfa Görüntüleme Sayısı