Mavi 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ı: <!--[if IE]><style type="text/css">.aramakutusu{padding-top:11px;height:23px;}.menu{width:256px;}</style><![endif]--> <!--[if IE 7]><style type="text/css">.aramaBtn{margin:0 0 3px -5.2em}.konu_devam{margin:-30px 8px -12px 0}</style><![endif]--> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"> </script> <script type="text/javascript" src="http://yapiyoruzcode.googlecode.com/files/41sitejs.js"></script> <div class="u_cizgi"></div> <div id="kapsa"> <div class="ust"> <div class="logo"><a href="#" _fcksavedurl="#" title="Mavi Blog"><img src="http://i.hizliresim.com/Xvzm87.png" _fcksavedurl="http://i.hizliresim.com/Xvzm87.png"/></a></div> <div class="arama"> <form action="#" method="post"><input type="text" class="aramakutusu" value="Ne aramıştınız?" onFocus_fckprotectedatt="%20onFocus%3D%22if%20(this.value%20%3D%3D%20'Ne%20aram%C4%B1%C5%9Ft%C4%B1n%C4%B1z%3F')%20%7Bthis.value%20%3D%20''%3B%7D%22" onBlur_fckprotectedatt="%20onBlur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'Ne%20aram%C4%B1%C5%9Ft%C4%B1n%C4%B1z%3F'%3B%7D%22" /> <input type="submit" value="ARA" class="aramaBtn"/></form> </div> <div class="bilgi"> <h1 class="bilg_b">Günün uygulaması</h1> <ul> <li><a href="#" _fcksavedurl="#">+ Android uygulamalar gelişiyor</a></li> <li><a href="#" _fcksavedurl="#">+ Bu uygulamayı seveceksiniz</a></li> <li><a href="#" _fcksavedurl="#">+ Android uygulamalar gelişiyor</a></li> </ul> </div> <div style="clear:left"></div> <ul class="ust_menu"> <li><a href="index.html" _fcksavedurl="index.html">Ana sayfa</a></li> <li><a href="konu.html" _fcksavedurl="konu.html">Hakkımızda</a></li> <li><a href="konu.html" _fcksavedurl="konu.html">Kategoriler</a></li> <li><a href="konu.html" _fcksavedurl="konu.html">Galeri</a></li> <li><a href="#" _fcksavedurl="#">Video</a></li> <li><a href="#" _fcksavedurl="#">Kaynaklar</a></li> <li><a href="#" _fcksavedurl="#" style="background:none">İletişim</a></li> </ul> </div> <div id="icerik"> <div class="sol"> <div id="menu_kalip"> <h1 class="menu_b">Kategoriler</h1> <div class="menu"> <ul class="bu_menu"> <li><a href="konu.html" _fcksavedurl="konu.html">Konu ekle</a></li> <li><a href="konu.html" _fcksavedurl="konu.html">Konu ekle</a></li> <li><a href="#" _fcksavedurl="#">Konu ekle</a></li> <li><a href="#" _fcksavedurl="#">Konu ekle</a></li> <li><a href="#" _fcksavedurl="#">Konu ekle</a></li> <li><a href="#" _fcksavedurl="#" style="border:none">Konu ekle</a></li> </ul> </div> </div> <div id="menu_kalip"> <h1 class="menu_b">Menü isim</h1> <div class="menu"> <ul class="bu_menu"> <li><a href="konu.html" _fcksavedurl="konu.html">Konu ekle</a></li> <li><a href="konu.html" _fcksavedurl="konu.html">Konu ekle</a></li> <li><a href="#" _fcksavedurl="#">Konu ekle</a></li> <li><a href="#" _fcksavedurl="#">Konu ekle</a></li> <li><a href="#" _fcksavedurl="#">Konu ekle</a></li> <li><a href="#" _fcksavedurl="#">Konu ekle</a></li> <li><a href="#" _fcksavedurl="#" style="border:none">Konu ekle</a></li> </ul> </div> </div> <div id="menu_kalip"> </div> <h1 class="menu_b">REKLAM ALANIMIZ</h1> <Burası reklam alanın 25X125 olacak ona göre ayarla> <a href="http://fozkandizayn.tr.gg" _fcksavedurl="http://fozkandizayn.tr.gg" target="_self"><img border="0" src="http://i.hizliresim.com/QAjJNy.png" _fcksavedurl="http://i.hizliresim.com/QAjJNy.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D20%22" body="" alt="" /></a> <a href="http://fozkandizayn.tr.gg" _fcksavedurl="http://fozkandizayn.tr.gg" target="_self"><img border="0" src="http://i.hizliresim.com/QAjJNy.png" _fcksavedurl="http://i.hizliresim.com/QAjJNy.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D20%22" body="" alt="" /></a> <a href="http://fozkandizayn.tr.gg" _fcksavedurl="http://fozkandizayn.tr.gg" target="_self"><img border="0" src="http://i.hizliresim.com/QAjJNy.png" _fcksavedurl="http://i.hizliresim.com/QAjJNy.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D20%22" body="" alt="" /></a> <a href="http://fozkandizayn.tr.gg" _fcksavedurl="http://fozkandizayn.tr.gg" target="_self"><img border="0" src="http://i.hizliresim.com/QAjJNy.png" _fcksavedurl="http://i.hizliresim.com/QAjJNy.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D20%22" body="" alt="" /></a> <br /> <!--Sosyal Hesapların--> <div id="menu_kalip" style="margin-top:15px"> <h1 class="menu_b">Sosyal Hesaplarım</h1> <div class="menu"> <a href="FACEBOOK PROFİL LİNKİN" _fcksavedurl="FACEBOOK PROFİL LİNKİN"><img border="0" alt="" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Ffacebookhower2.png'%3B%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Ffacebookhower1.png'%3B%22" src="http://img.webme.com/pic/o/osmantalay/facebookhower1.png" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/facebookhower1.png" /></a> <a href="TWİTTER PROFİL LİNKİN" _fcksavedurl="TWİTTER PROFİL LİNKİN"><img border="0" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Ftwitterbird2.png'%3B%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Ftwitterbird1.png'%3B%22" src="http://img.webme.com/pic/o/osmantalay/twitterbird1.png" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/twitterbird1.png" alt="" /></a> <a href="GOOGLE PLUS PRFİL LİNKİN" _fcksavedurl="GOOGLE PLUS PRFİL LİNKİN"><img border="0" alt="" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Fgp2.png'%3B%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Fgp1.png'%3B%22" src="http://img.webme.com/pic/o/osmantalay/gp1.png" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/gp1.png" /></a> <a href="YOUTUBE PROFİL LİNKİN" _fcksavedurl="YOUTUBE PROFİL LİNKİN"><img border="0" alt="" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Ftube2.png'%3B%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Ftube1.png'%3B%22" src="http://img.webme.com/pic/o/osmantalay/tube1.png" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/tube1.png" /></a> </div> </div> <!--Sosyal Hesapların#--> </div> <div class="sag"><div id="content">

Tasarımın altındaki yazı: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> /*********************************************** * Scroll To Top Control script- Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Project Page at http://www.dynamicdrive.com for full source code ***********************************************/ //** jQuery Scroll to Top Control script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com. //** Available/ usage terms at http://www.dynamicdrive.com (March 30th, 09') //** v1.1 (April 7th, 09'): //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead. //** 2) Fixes scroll animation not working in Opera. var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src="http://i.hizliresim.com/RY5M97.png" style="width:50px; height:50px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) //if control is positioned using JavaScript this.$control.css({opacity:0}) //hide control immediately after clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists dest=jQuery('#'+dest).offset().top else dest=0 this.$body.animate({scrollTop: dest}, this.setting.scrollduration); }, keepfixed:function(){ var $window=jQuery(window) var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) }, togglecontrol:function(){ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) this.state.isvisible=true } else if (this.state.shouldvisible==false && this.state.isvisible){ this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) this.state.isvisible=false } }, init:function(){ jQuery(document).ready(function($){ var mainobj=scrolltotop var iebrws=document.all mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) .attr({title:''}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script> <> </div></div> <div class="clear"></div> </div> <div id="alt"> <ul> <li><a href="#" _fcksavedurl="#">Ana sayfa |</a></li> <li><a href="#" _fcksavedurl="#">Hakkımda |</a></li> <li><a href="#" _fcksavedurl="#">Facebook</a></li> <li><a href="#" _fcksavedurl="#">Twitter|</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> </ul><div class="alt_sag">Tüm hakları açıktır Copyright © 2015<br>Çizen: <font color="#eda957">F.Özkan Dizayn</font> , HTML&CSS Döken: <a href="http://fozkandizayn.tr.gg" _fcksavedurl="http://fozkandizayn.tr.gg" target="_blank"><font color="#eda957">F.Özkan Dizayn</font></a></div> <div style="clear:right"></div> </div> </div>

CSS kodu: /* Tasarım adı: Mavi- Blog Tasarımı, Çizen: Fetullah Özkan, Kodlayan: Fetullah Özkan- http://fozkandizayn.tr.gg */ /*Genel sıfırlama*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline} body{line-height:1;background:#e3e2e2;font:11px/13px Tahoma,Arial,Verdana} html,body{height:100%} ol,ul{list-style:none} blockquote,q{quotes:none} a{text-decoration:none;color:#333;} blockquote:before,blockquote:after,q:before,q:after{content:none} :focus{outline:0}ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} .clear{clear:both} /*Reklam ortala*/ #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb{margin:0 auto;border-left:solid 1em #c9c9c9;border-right:solid 1em #c9c9c9} /*Menuleri gizle*/ 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;} /*Tum hepsini kapsayan*/ #kapsa{height:auto;width:1115px;background:url(http://img.webme.com/pic/y/yapiyoruz/42_kapsa.png) repeat-y;margin:0 auto 0 auto;min-height:100%} .u_cizgi{margin-top:-1em;width:100%;height:1em;background:#c9c9c9;} /*En ust class*/ .ust{width:965px;height:170px;margin-left:4em;} .logo{float:left;width:235px;height:90px;padding:3em 0 0 3.5em;} .arama{float:left;width:405px;height:100px;background:url(http://i.hizliresim.com/PqbmVO.png) no-repeat 0 -183px;margin-top:-13px;padding:33px 0 0 30px} .aramakutusu{width:350px;height:34px;background:url(http://i.hizliresim.com/PqbmVO.png) no-repeat 0 -83px;border:none;padding-left:1em;color:#333;font:11px/13px Tahoma,Arial;} .aramaBtn{margin-left:-5em;background:url(http://i.hizliresim.com/PqbmVO.png) no-repeat 0 -155px;border:none;width:46px;height:28px;color:#fff;font-weight:bold;font-family:Tahoma;cursor:pointer;} .bilgi{float:left;width:230px;height:95px;background:#f5f5f5;border:solid 1px #b1aeae;margin:1em 0 0 1em;border-radius:5px} .bilg_b{margin:-2px 0 0 -8px;background:url(http://img.webme.com/pic/y/yapiyoruz/42_bilgib.png) repeat-x left top;width:235px;height:21px;padding:8px 0 0 8px;font:12px/14px Tahoma,Arial;font-weight:bold;color:#fff;border-radius:6px;border:solid 1px #3d9cd4;} .bilgi ul{margin-top:3px} .bilgi ul li a{display:block;padding:2px} .bilgi ul li a:hover{background:#e3e3e3} .ust_menu{width:970px;height:35px;background:url(http://i.hizliresim.com/PqbmVO.png) no-repeat 0 0;padding:9px 0 0 18px} .ust_menu li{float:left} .ust_menu a{display:block;font:12px/14px Tahoma,Arial,Verdana;color:#fff;font-weight:bold;padding:10px 38px 10px 5px;background:url(http://img.webme.com/pic/y/yapiyoruz/42_menuybg.png) no-repeat right top;} .ust_menu a:hover{color:#eaeaea} #icerik{margin-left:5em} .sol{float:left;width:263px;} .menu{background:#fff;border:solid 1px #d3d3d3;width:256.4px;height:auto;margin:0 5px 5px 5px;border-top:none;padding:5px 0 5px 0;overflow:hidden;} .menu_b{width:246px;height:14px;background:url(http://i.hizliresim.com/PqbmVO.png) no-repeat 0 -119px;margin:5px 5px 0 5px;color:#fff;font-size:12px;padding:11px} .bu_menu li a{display:block;padding:3px 6px;color:#4e4e4e;border-bottom:solid 1px #e2e2e2;} .bu_menu li a:hover{color:#f1b86c;} .bu_etiket li{float:left} .bu_etiket li a{color:#333;font-size:12px;display:block;padding:2px} #menu_kalip{margin-bottom:1.5em} .sag{float:left;width:690px;margin:5px 0 0 5px;} #konu_t{width:690px;height:auto;overflow:hidden;margin:1em 0;} .konu_baslik{width:690px;height:26px;background:url(http://i.hizliresim.com/PqbmVO.png) no-repeat 0 -44px;color:#fff;font-weight:bold;padding:1em 0 0 1em;} .konu_icerik{width:688px;height:auto;border:solid 1px #dfdfdf;border-top:none;padding:5px 0;} .konu_icerik p{margin-right:5px;float:right;width:530px;color:#777;} .konu_resim{margin-left:5px;float:left;width:128px;height:128px;border:solid 1px #bfbfbf} .konu_alt{margin-top:6px;border-top:solid 1px #dfdfdf;padding:3px 3px 3px 6px;color:#000;} .konu_alt a{color:#000} .konu_alt img{margin:0 0 -3px 5px} .konu_devam{width:105px;height:36px;background:url(http://img.webme.com/pic/y/yapiyoruz/42_devam.png) no-repeat left top;text-indent:-9999px;cursor:pointer;border:none;display:block;float:right;margin:-10px 8px 0 0} .konuic_b{font-weight:bold;font-size:14px;color:#555;margin:2px 0 0 12px;} .konuic_ub{padding:5px;width:515px;height:20px;background:url(http://img.webme.com/pic/y/yapiyoruz/42_konuicb.png) repeat-x left top;border:solid 1px #b1aeae;border-radius:5px;margin:3px} .konuic_ub img{margin:0 0 -3px 7px} .konuic_yazi{margin:5px 6px} .konuic_yazar{width:680px;height:auto;background:#f8ffd2;margin-left:6px;border:solid 1px #b6b3b3;border-radius:5px} .yazar_resim{float:left;width:96px;height:96px;margin:5px} .yazar_hakkinda{margin:5px;} #yorumlar{margin:3px} .yorum_b{color:#e18f00;font-weight:bold;font-size:14px;margin:5px} .yorum{width:500px;height:auto;background:#ffffff;border:solid 1px #c1bebe;border-radius:7px;padding:5px;margin:8px 0} .yorum img{float:right;width:64px;height:64px;} .yorum p{float:left;width:400px} #yorum_yaz{margin:2em 6px;width:29.5em} #yorum_yaz td{padding:0 5px 5px 0} #yorum_yaz .input, #yorum_yaz textarea{border:solid 1px #cbc9c9;background:#fff;padding:5px;font:11px/12px Tahoma,Arial,Verdana;border-radius:5px;width:14em} #yorum_yaz textarea{width:28em;height:8em} .submit{background:#e0ac52;border:solid 1px #cfa550;padding:3px;color:#fff;text-shadow:0 0.5px 0.5px #000;border-radius:5px;cursor:pointer;float:right;margin:5px;font:11px/12px Tahoma,Arial;font-weight:bold;} #sayfalama{width:300px;height:29px;background:url(http://img.webme.com/pic/y/yapiyoruz/42_sayfalama.png) repeat-x left top;border:solid 1px #444343;border-radius:1em;margin:0 auto 1em auto;} #sayfalama ul li{float:left} #sayfalama ul li a{display:block;padding:8px 11px;border-right:solid 1px #5c5b5b;color:#9a9a9a} #sayfalama ul li a:hover{color:#e4e4e4;} #slider{width:690px;height:250px;overflow:hidden;position:relative;} #slider img{width:690px;height:250px;border-radius:3px} .slider_buton{position:absolute;left:300px;top:230px;} .slider_buton li {float:left;} .slider_buton a{display:block;width:12px;height:12px;background:url(http://img.webme.com/pic/y/yapiyoruz/42_sliderb.png) no-repeat left top;text-indent:-9999px;margin-left:4px} .slider_yazi{position:absolute;left:0px;top:170px;font-size:13px;color:#fff;background:#000;opacity:0.7;filter:alpha(opacity=70);width:690px;padding:1em} #alt{width:945px;border-top:solid 1px #b1aeae;margin-left:5em;padding:1em} .alt_sag{float:right;margin-right:1.5em;text-align:center;font-weight:bold;color:#777777;font-size:10px} #alt ul li{float:left} #alt ul li a{display:block;padding:3px} #alt ul li a:hover{color:#000}

Ana sayfaya eklenecek kod: <div id="slider"> <ul class="slider_resim"> <li><img src="http://img.webme.com/pic/y/yapiyoruz/42_resim1.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_resim1.png" alt="" /><a href="konu.html" _fcksavedurl="konu.html"><span class="slider_yazi"><b>Yeşillikleri sevelim!</b><br /> FOZKAN DIZAYN MAVI BLOG TEMASI GÜLE GÜLE KULLANIN!</span></a></li> <li><img src="http://img.webme.com/pic/y/yapiyoruz/42_resim2.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_resim2.png" alt="" /><span class="slider_yazi"><a href="konu.html" _fcksavedurl="konu.html"><b>Manzaranın hakkını ver!</b><br /> </a><a href="konu.html" _fcksavedurl="konu.html"><span class="slider_yazi">FOZKAN DIZAYN MAVI BLOG TEMASI GÜLE GÜLE KULLANIN!</span></a></span></li> <li><img src="http://img.webme.com/pic/y/yapiyoruz/42_resim3.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_resim3.png" alt="" /><span class="slider_yazi"><a href="konu.html" _fcksavedurl="konu.html"><b>Böyle bir evim olacak <img src="http://smilies.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" /></b><br /> </a><a href="konu.html" _fcksavedurl="konu.html"><span class="slider_yazi">FOZKAN DIZAYN MAVI BLOG TEMASI GÜLE GÜLE KULLANIN!</span></a></span></li> <li><img src="http://img.webme.com/pic/y/yapiyoruz/42_resim4.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_resim4.png" alt="" /><span class="slider_yazi"><a href="konu.html" _fcksavedurl="konu.html"><b>İstanbul'a gitmek ?</b><br /> </a><a href="konu.html" _fcksavedurl="konu.html"><span class="slider_yazi">FOZKAN DIZAYN MAVI BLOG TEMASI GÜLE GÜLE KULLANIN!</span></a></span></li> <li><img src="http://img.webme.com/pic/y/yapiyoruz/42_resim5.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_resim5.png" alt="" /><span class="slider_yazi"><a href="konu.html" _fcksavedurl="konu.html"><b>Vapur macerası...</b><br /> </a><a href="konu.html" _fcksavedurl="konu.html"><span class="slider_yazi">FOZKAN DIZAYN MAVI BLOG TEMASI GÜLE GÜLE KULLANIN!</span></a></span></li> <li><img src="http://img.webme.com/pic/y/yapiyoruz/42_resim6.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_resim6.png" alt="" /><span class="slider_yazi"><a href="konu.html" _fcksavedurl="konu.html"><b>Köyde bir gün.</b><br /> </a><a href="konu.html" _fcksavedurl="konu.html"><span class="slider_yazi">FOZKAN DIZAYN MAVI BLOG TEMASI GÜLE GÜLE KULLANIN!</span></a></span></li> </ul> <ul class="slider_buton"> <li><a href="#" _fcksavedurl="#">1</a></li> <li><a href="#" _fcksavedurl="#">2</a></li> <li><a href="#" _fcksavedurl="#">3</a></li> <li><a href="#" _fcksavedurl="#">4</a></li> <li><a href="#" _fcksavedurl="#">5</a></li> <li><a href="#" _fcksavedurl="#">6</a></li> </ul> </div> <!--Konu--> <div id="konu_t"> <h1 class="konu_baslik">Android uygulamalar hat safada ilerliyor!</h1> <div class="konu_icerik"><img src="http://img.webme.com/pic/y/yapiyoruz/42_konu1.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_konu1.png" class="konu_resim" alt="" /> <p>Suspendisse laoreet pulvinar massa laoreet euismod. Cras nisi tellus, bibendum sit amet facilisis ut, fermentum et nisi. Donec pulvinar leo ac neque varius id aliquam augue mattis. Aenean ultricies ante vitae diam viverra id tincidunt dui sollicitudin. In tempor nulla ut velit accumsan rhoncus. Nulla facilisi. Cras metus orci, ullamcorper nec pharetra aliquam, vestibulum sit amet nibh. Etiam tristique ultrices ante, sit amet ullamcorper lacus laoreet eget. Phasellus laoreet risus commodo orci fringilla eget tempor leo vestibulum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam placerat auctor metus a cursus. Donec eu mauris diam. Vivamus feugiat, magna vel gravida bibendum, velit odio congue justo, eu iaculis ipsum quam vitae sem. Proin nec eros massa, at adipiscing elit.</p> <div class="clear"> </div> <div class="konu_alt"><img src="http://img.webme.com/pic/y/yapiyoruz/42_kategori.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_kategori.png" alt="" /><a href="#" _fcksavedurl="#">An</a><a href="#" _fcksavedurl="#">droid</a><img src="http://img.webme.com/pic/y/yapiyoruz/42_okundu.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_okundu.png" alt="" /> 0 kez okundu<img src="http://img.webme.com/pic/y/yapiyoruz/42_tarih.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_tarih.png" alt="" /> 26 Haziran Perşembe <img src="http://img.webme.com/pic/y/yapiyoruz/42_yorum.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_yorum.png" alt="" /> 0 yorum yapılmış<a href="konu.html" _fcksavedurl="konu.html" class="konu_devam">Devam</a></div> </div> </div> <!--Konu##--> <!--Konu--> <div id="konu_t"> <h1 class="konu_baslik">Bu manzaralar hayran bırakır!</h1> <div class="konu_icerik"><img src="http://img.webme.com/pic/y/yapiyoruz/42_konu2.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_konu2.png" class="konu_resim" alt="" /> <p>Suspendisse laoreet pulvinar massa laoreet euismod. Cras nisi tellus, bibendum sit amet facilisis ut, fermentum et nisi. Donec pulvinar leo ac neque varius id aliquam augue mattis. Aenean ultricies ante vitae diam viverra id tincidunt dui sollicitudin. In tempor nulla ut velit accumsan rhoncus. Nulla facilisi. Cras metus orci, ullamcorper nec pharetra aliquam, vestibulum sit amet nibh. Etiam tristique ultrices ante, sit amet ullamcorper lacus laoreet eget. Phasellus laoreet risus commodo orci fringilla eget tempor leo vestibulum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam placerat auctor metus a cursus. Donec eu mauris diam. Vivamus feugiat, magna vel gravida bibendum, velit odio congue justo, eu iaculis ipsum quam vitae sem. Proin nec eros massa, at adipiscing elit.</p> <div class="clear"> </div> <div class="konu_alt"><img src="http://img.webme.com/pic/y/yapiyoruz/42_kategori.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_kategori.png" alt="" /><a href="#" _fcksavedurl="#">An</a><a href="#" _fcksavedurl="#">droid</a><img src="http://img.webme.com/pic/y/yapiyoruz/42_okundu.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_okundu.png" alt="" /> 0 kez okundu<img src="http://img.webme.com/pic/y/yapiyoruz/42_tarih.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_tarih.png" alt="" /> 26 Haziran Perşembe <img src="http://img.webme.com/pic/y/yapiyoruz/42_yorum.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_yorum.png" alt="" /> 0 yorum yapılmış<a href="konu.html" _fcksavedurl="konu.html" class="konu_devam">Devam</a></div> </div> </div> <!--Konu##--> <!--Konu--> <div id="konu_t"> <h1 class="konu_baslik">Şimdi bu işler nereye gidiyor?</h1> <div class="konu_icerik"><img src="http://img.webme.com/pic/y/yapiyoruz/42_konu3.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_konu3.png" class="konu_resim" alt="" /> <p>Suspendisse laoreet pulvinar massa laoreet euismod. Cras nisi tellus, bibendum sit amet facilisis ut, fermentum et nisi. Donec pulvinar leo ac neque varius id aliquam augue mattis. Aenean ultricies ante vitae diam viverra id tincidunt dui sollicitudin. In tempor nulla ut velit accumsan rhoncus. Nulla facilisi. Cras metus orci, ullamcorper nec pharetra aliquam, vestibulum sit amet nibh. Etiam tristique ultrices ante, sit amet ullamcorper lacus laoreet eget. Phasellus laoreet risus commodo orci fringilla eget tempor leo vestibulum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam placerat auctor metus a cursus. Donec eu mauris diam. Vivamus feugiat, magna vel gravida bibendum, velit odio congue justo, eu iaculis ipsum quam vitae sem. Proin nec eros massa, at adipiscing elit.</p> <div class="clear"> </div> <div class="konu_alt"> <img src="http://img.webme.com/pic/y/yapiyoruz/42_kategori.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_kategori.png" alt="" /><a href="#" _fcksavedurl="#">An</a><a href="#" _fcksavedurl="#">droid</a><img src="http://img.webme.com/pic/y/yapiyoruz/42_okundu.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_okundu.png" alt="" /> 0 kez okundu<img src="http://img.webme.com/pic/y/yapiyoruz/42_tarih.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_tarih.png" alt="" /> 26 Haziran Perşembe <img src="http://img.webme.com/pic/y/yapiyoruz/42_yorum.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_yorum.png" alt="" /> 0 yorum yapılmış<a href="konu.html" _fcksavedurl="konu.html" class="konu_devam">Devam</a></div> </div> </div> <!--Konu##--> <!--sayfalama--> <div id="sayfalama"> <ul> <li><a href="#" _fcksavedurl="#">Önceki</a></li> <li><a href="#" _fcksavedurl="#">1</a></li> <li><a href="#" _fcksavedurl="#">2</a></li> <li><a href="#" _fcksavedurl="#">3</a></li> <li><a href="#" _fcksavedurl="#">4</a></li> <li><a href="#" _fcksavedurl="#">5</a></li> <li><a href="#" _fcksavedurl="#">..23</a></li> <li><a href="#" _fcksavedurl="#" style="border:none">Sonraki</a></li> </ul> </div> <!--sayfalama##-->

Alternatif sayfa İçeriği: <!--İÇERİK İNDEX--> <h1 class="konuic_b">Android uygulamalar uçtu gitti!</h1> <div class="konuic_ub"><img src="http://img.webme.com/pic/y/yapiyoruz/42_kategori.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_kategori.png" alt="" /> <a href="#" _fcksavedurl="#">Android</a><img src="http://img.webme.com/pic/y/yapiyoruz/42_okundu.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_okundu.png" alt="" /> 0 kez okundu<img src="http://img.webme.com/pic/y/yapiyoruz/42_tarih.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_tarih.png" alt="" /> 26/06/2015 Persembe<img src="http://img.webme.com/pic/y/yapiyoruz/42_yorum.png" _fcksavedurl="http://img.webme.com/pic/y/yapiyoruz/42_yorum.png" alt="" /> 0 yorum yapılmış</div> <p class="konuic_yazi">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in dui lectus, quis cursus tellus. Nulla eget lorem eu tellus rhoncus euismod. Ut sed luctus nulla. Phasellus tempor euismod erat sit amet ornare. Sed imperdiet viverra volutpat. Pellentesque mi enim, eleifend et auctor congue, vestibulum eu massa. Nunc auctor lectus quis tortor gravida convallis. Duis condimentum lacinia tellus at pretium. <br /> Maecenas euismod erat in urna malesuada mollis. Mauris eu libero lorem. Praesent magna lorem, facilisis non euismod quis, dictum vel dolor. Morbi iaculis tellus sed ligula molestie ultrices. Fusce fringilla rutrum nunc vitae rhoncus. Aliquam erat volutpat. Nullam sollicitudin sem vitae ligula ullamcorper mollis. Sed arcu ipsum, consequat a egestas eu, convallis et neque. Morbi a mi ut lectus tincidunt congue. Mauris tempor mauris egestas ligula volutpat feugiat lacinia enim ultrices. <br /> <br /> Aenean vitae mauris nec tellus mattis tristique non ut orci. Vestibulum adipiscing dui eget nisi elementum id suscipit risus elementum. Etiam purus risus, laoreet sit amet iaculis sit amet, semper nec elit. Quisque in dolor sed dui feugiat lacinia non vel nulla. Nulla facilisi. Proin risus massa, pellentesque sed consequat sed, iaculis sit amet ante. Suspendisse potenti. Etiam eu massa ac justo vulputate euismod. <br /> Sed diam lectus, fermentum et consequat et, hendrerit eget ipsum. Aenean vehicula, risus non placerat blandit, nibh urna dictum augue, eu suscipit velit magna vel mi. Nam convallis erat euismod elit venenatis vitae pharetra ipsum dictum. In semper condimentum sapien, auctor lobortis leo adipiscing nec. Curabitur nec imperdiet mi. Proin consequat, enim a rhoncus adipiscing, augue ipsum consectetur eros, vel scelerisque risus sapien sit amet mi. Sed nec dapibus erat. <br /> <br /> Praesent ornare feugiat ligula eget tempor. Sed id magna quam. Aliquam fermentum nunc eget est viverra eu commodo nunc faucibus. Maecenas vitae nulla sapien, tincidunt vulputate velit. Praesent mollis condimentum orci, vel tempor nisl aliquet eget. Pellentesque quis lectus sit amet tortor faucibus commodo ut quis odio. Aliquam suscipit pharetra eleifend. <br /> <br /> <b>Nereye gidecek peki?:</b><br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in dui lectus, quis cursus tellus. Nulla eget lorem eu tellus rhoncus euismod. Ut sed luctus nulla. Phasellus tempor euismod erat sit amet ornare. Sed imperdiet viverra volutpat. Pellentesque mi enim, eleifend et auctor congue, vestibulum eu massa. Nunc auctor lectus quis tortor gravida convallis. Duis condimentum lacinia tellus at pretium. <br /> Maecenas euismod erat in urna malesuada mollis. Mauris eu libero lorem. Praesent magna lorem, facilisis non euismod quis, dictum vel dolor. Morbi iaculis tellus sed ligula molestie ultrices. Fusce fringilla rutrum nunc vitae rhoncus. Aliquam erat volutpat. Nullam sollicitudin sem vitae ligula ullamcorper mollis. Sed arcu ipsum, consequat a egestas eu, convallis et neque. Morbi a mi ut lectus tincidunt congue. Mauris tempor mauris egestas ligula volutpat feugiat lacinia enim ultrices. <br /> <br /> Aenean vitae mauris nec tellus mattis tristique non ut orci. Vestibulum adipiscing dui eget nisi elementum id suscipit risus elementum. <br /> <br /> Etiam purus risus, laoreet sit amet iaculis sit amet, semper nec elit. Quisque in dolor sed dui feugiat lacinia non vel nulla. Nulla facilisi. Proin risus massa, pellentesque sed consequat sed, iaculis sit amet ante. Suspendisse potenti. Etiam eu massa ac justo vulputate euismod. <br /> Sed diam lectus, fermentum et consequat et, hendrerit eget ipsum. Aenean vehicula, risus non placerat blandit, nibh urna dictum augue, eu suscipit velit magna vel mi. Nam convallis erat euismod elit venenatis vitae pharetra ipsum dictum. In semper condimentum sapien, auctor lobortis leo adipiscing nec. Curabitur nec imperdiet mi. Proin consequat, enim a rhoncus adipiscing, augue ipsum consectetur eros, vel scelerisque risus sapien sit amet mi. Sed nec dapibus erat. <br /> <br /> Praesent ornare feugiat ligula eget tempor. Sed id magna quam. Aliquam fermentum nunc eget est viverra eu commodo nunc faucibus. Maecenas vitae nulla sapien, tincidunt vulputate velit. Praesent mollis condimentum orci, vel tempor nisl aliquet eget. Pellentesque quis lectus sit amet tortor faucibus commodo ut quis odio. Aliquam suscipit pharetra eleifend.</p> <div class="konuic_yazar"><img src="http://icons.iconarchive.com/icons/jonathan-rey/star-wars-characters/96/Qui-Gon-Jinn-icon.png" _fcksavedurl="http://icons.iconarchive.com/icons/jonathan-rey/star-wars-characters/96/Qui-Gon-Jinn-icon.png" class="yazar_resim" alt="" /> <p class="yazar_hakkinda"><span style="color: rgb(0, 255, 255);"><b>Yazar: </b></span><b>Fetullah Özkan</b><br /> Maecenas euismod erat in urna malesuada mollis. Mauris eu libero lorem. Praesent magna lorem, facilisis non euismod quis, dictum vel dolor. Morbi iaculis tellus sed ligula molestie ultrices. Fusce fringilla rutrum nunc vitae rhoncus. Aliquam erat volutpat. Nullam sollicitudin sem vitae ligula ullamcorper mollis. Sed arcu ipsum, consequat a egestas eu, convallis et neque. Morbi a mi ut lectus tincidunt congue. Mauris tempor mauris egestas ligula volutpat feugiat lacinia enim ultrices.</p> <div class="clear"> </div> </div> <br /> <h1 class="yorum_b">Bu yazıya toplam 1 yorum yazılmış, sende yorum yazmayı unutma!</h1> <div id="yorumlar"><!--yorum1--> <div class="yorum"><img src="http://icons.iconarchive.com/icons/jonathan-rey/star-wars-characters/64/Anakin-Jedi-02-icon.png" _fcksavedurl="http://icons.iconarchive.com/icons/jonathan-rey/star-wars-characters/64/Anakin-Jedi-02-icon.png" alt="" /> <p><b>Fozkan </b>demişki; <font style="color:#777;font-size:8px;">26/06/2015</font><br /> Praesent ornare feugiat ligula eget tempor. Sed id magna quam. Aliquam fermentum nunc eget est viverra eu commodo nunc faucibus. Maecenas vitae nulla sapien, lectus.</p> <div class="clear"> </div> </div> <!--yorum1##--></div> <div id="yorum_yaz"> <form action="" method="post"> <table> <tbody> <tr> <td><input type="text" name="isim" class="input" /></td> <td>İsim (Zorunlu)</td> </tr> <tr> <td><input type="text" name="eposta" class="input" /></td> <td>E-Posta adresin (Zorunlu)</td> </tr> <tr> <td><input type="text" name="website" class="input" /></td> <td>Websiteniz (Varsa)</td> </tr> </tbody> </table> <textarea cols="35" rows="5">Yorumunuzu yazın <img src="http://smilies.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" />

Benzer Tasarımlar: