Fozkan Dizayn Blog V10

İç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
• Slider (Manşet)
• Sağ ve Üst Menü
• 125lik Reklam Alanı

Tasarımın üzerindeki yazı: <div id="Bulutv3"> <div id="logo"> <div style="margin-left:15px;padding-top:5px;"><a href="#" _fcksavedurl="#"><img src="http://i.hizliresim.com/A5gQyL.png" _fcksavedurl="http://i.hizliresim.com/A5gQyL.png" height="55" width="460" title="Dizayn Hakkında Herşey" alt="Dizayn Hakkında Herşey" /></a></div> <div id="ustreklam"></div> <div id="ustkisim"> <div class="ustmenu"> <ul id="page-bar"> <li><a title="Ana-Sayfa" href="http://fozkandizayn.tr.gg/" _fcksavedurl="http://fozkandizayn.tr.gg/">Ana Sayfa</a></li> <li><a title="Ziyaretçi Defteri" href="http://fozkandizayn.tr.gg/Ziyaretci-Defteri.htm" _fcksavedurl="http://fozkandizayn.tr.gg/Ziyaretci-Defteri.htm">Ziyaretçi Defteri</a></li> <li><a title="Destek Ol" href="http://fozkandizayn.tr.gg/Destek-Ol.htm" _fcksavedurl="http://fozkandizayn.tr.gg/Destek-Ol.htm">Destek Ol</a></li> <li><a title="" href="http://fozkandizayn.tr.gg/Hakkimda.htm" _fcksavedurl="http://fozkandizayn.tr.gg/Hakkimda.htm">Hakkımda</a></li> <li><a title="acıklama" href="#" _fcksavedurl="#">Bilgisayar</a></li> <li><a title="acıklama" href="#" _fcksavedurl="#">Tr.gg</a></li> <li><a title="acıklama" href="#" _fcksavedurl="#">Saglık</a></li> <li><a title="acıklama" href="#" _fcksavedurl="#">Blog</a></li> <li><a title="acıklama" href="http://www.etkindizayn.tr.gg" _fcksavedurl="http://www.etkindizayn.tr.gg">EtkinDizayn</a></li> </ul> </div> <div id="arama"> <form method="get" action="#"> <input type="text" value="Ara..." onfocus_fckprotectedatt="%20onfocus%3D%22if(this.value%3D%3Dthis.defaultValue)this.value%3D''%3B%22" onblur_fckprotectedatt="%20onblur%3D%22if(this.value%3D%3D'')this.value%3Dthis.defaultValue%3B%22" name="s" id="s" /> <input type="hidden" /> </form> </div> </div> <div id="ortakisim" class="clearfix"> <div id="solkisim"> <div class="cerceve"> <div class="yazibaslik"> </div> <div class="post"></body></html>

Tasarımın altındaki yazı:</div> </div> <div class="cerceve"> <div class="yazibaslik"> <h3>Spon</h3> </div> <center style="padding-bottom:5px;padding-top:5px;border: 1px solid #c0c0c0;"> <div id="icerikreklam">reklam1</div> </center></div> </div> <div id="sagkisim"> <div class="cerceve"> <div class="yazibaslik"> <h3>Reklam</h3> </div> <div class="liste"> <center><a target="_blank" href="lordbass.tr.gg" _fcksavedurl="lordbass.tr.gg"><img height="111" border="0" width="111" alt="" beners.png="img.webme.com=" http:="" src="http://i.hizliresim.com/W9Ro1L.png" _fcksavedurl="http://i.hizliresim.com/W9Ro1L.png" /></a> <a target="_blank" href="http://ekgrafik.tr.gg/" _fcksavedurl="http://ekgrafik.tr.gg/"><img height="111" border="0" width="111" src="http://i.hizliresim.com/0NOnkB.jpg" _fcksavedurl="http://i.hizliresim.com/0NOnkB.jpg" alt="" /></a> <a target="_blank" href="http://www.tasarimkodu.blogspot.com/" _fcksavedurl="http://www.tasarimkodu.blogspot.com/"><br /> <img height="111" border="0" width="111" alt="" beners.png="img.webme.com=" http:="" src="http://img.webme.com/pic/s/sitetemasi/TasarimKodu-111x111-Reklam.gif" _fcksavedurl="http://img.webme.com/pic/s/sitetemasi/TasarimKodu-111x111-Reklam.gif" /></a> <a target="_blank" href="http://isacotur.tr.gg/" _fcksavedurl="http://isacotur.tr.gg/"><img height="111" border="0" width="111" src="http://picasion.com/pic80/eb82f642677bc6425c71a27719c4e693.gif" _fcksavedurl="http://picasion.com/pic80/eb82f642677bc6425c71a27719c4e693.gif" alt="" /></a> <br /> <hr /> </div> </div> <div class="cerceve"> <div class="yazibaslik"> <h3>Kategoriler</h3> </div> <div class="kategoriler"> <ul style="float:left;"> <li class="cat-item cat-item-22"><a href="#" _fcksavedurl="#" title="acıklama">Html Kod Bölümü</a></li> <li class="cat-item cat-item-22"><a href="#" _fcksavedurl="#" title="acıklama">Grafik Bölümü1</a></li> <li class="cat-item cat-item-22"><a href="#" _fcksavedurl="#" title="acıklama">Bilgisayar</a></li> <li class="cat-item cat-item-22"><a href="#" _fcksavedurl="#" title="acıklama">Tr.gg</a></li> <li class="cat-item cat-item-22"><a href="#" _fcksavedurl="#" title="acıklama">Grafik Bölümü 2</a></li> <li class="cat-item cat-item-22"><a href="#" _fcksavedurl="#" title="acıklama">Grafik Bölümü 3</a></li> </ul> </div> </div> <div class="cerceve"> <div class="yazibaslik"> <h3>Sosyal Ağlar</h3> </div> <div style="overflow:hidden;" class="liste baglantilar"><a href="http://www.facebook.com/Fetullah67" _fcksavedurl="http://www.facebook.com/Fetullah67"><img border="0" alt="" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Ffacehow2.png'%3B%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Ffacehow1.png'%3B%22" src="http://img.webme.com/pic/o/osmantalay/facehow1.png" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/facehow1.png" /></a> <a href="https://twitter.com/fozkan_dizayn" _fcksavedurl="https://twitter.com/fozkan_dizayn"><img border="0" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Ftwitterhow2.png'%3B%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Ftwitterhow1.png'%3B%22" src="http://img.webme.com/pic/o/osmantalay/twitterhow1.png" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/twitterhow1.png" alt="" /></a> <a href="https://plus.google.com/u/0/103732902275096132086/posts" _fcksavedurl="https://plus.google.com/u/0/103732902275096132086/posts"><img border="0" alt="" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Fgplus2.png'%3B%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Fgplus1.png'%3B%22" src="http://img.webme.com/pic/o/osmantalay/gplus1.png" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/gplus1.png" /></a> <a href="Yhttps://www.youtube.com/channel/UCQ9n6nbyc0CcQGKpCXjfe0A" _fcksavedurl="Yhttps://www.youtube.com/channel/UCQ9n6nbyc0CcQGKpCXjfe0A"><img border="0" alt="" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Fyoutubehow2.png'%3B%22" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fimg.webme.com%2Fpic%2Fo%2Fosmantalay%2Fyoutubehow1.png'%3B%22" src="http://img.webme.com/pic/o/osmantalay/youtubehow1.png" _fcksavedurl="http://img.webme.com/pic/o/osmantalay/youtubehow1.png" /></a> </div> </div> <div class="cerceve"> <div style="padding-bottom:5px;" class="yazibaslik"> <li> <h2 style="font-size:12px; margin-top:2px; "><a href="#" _fcksavedurl="#" title="tab1">Son Eklenenler</a></h2> </li> </ul> </div> <div class="liste yazilar"> <div style="margin-top:4px;" class="content"> <div style="list-style:none;" id="tab1"> <ul> <li><a href="http://fozkandizayn.tr.gg/Slider2.htm" _fcksavedurl="http://fozkandizayn.tr.gg/Slider2.htm" title="acıklama">Manşet/Slider</a></li> <li><a href="http://fozkandizayn.tr.gg/Grafik-Istek.htm" _fcksavedurl="http://fozkandizayn.tr.gg/Grafik-Istek.htm" title="acıklama">Grafik İstek İçin Yapılan Çalışmalar.</a></li> <li><a href="http://fozkandizayn.tr.gg/Iletisim.htm" _fcksavedurl="http://fozkandizayn.tr.gg/Iletisim.htm" title="acıklama">Dizayn Ücretsiz</a></li> <li><a href="http://fozkandizayn.tr.gg/Bayrak-Yapimi.htm" _fcksavedurl="http://fozkandizayn.tr.gg/Bayrak-Yapimi.htm" title="acıklama">Photoshopta Dalgalı Bayrak Yapımı</a></li> </ul> </div> </div> </div> </div> </div> </div> <div id="altkisim"> <div style="margin-left:5px;margin-top:6px;">© 2015-2016 FÖzkanDizayn </div> </div> </div> </div> </body></html>

CSS kodu: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;} table[height="102"] { margin: auto; } 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 { margin : 0; padding : 0; border : 0; outline : 0; vertical-align : baseline; background : transparent; } .fix:after { content : "."; display : block; clear : both; visibility : hidden; line-height : 0; height : 0; } .fix { display : inline-block; } ol, ul { list-style : none; } blockquote, q { quotes : none; } blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; } :focus { outline : 0; } ins { text-decoration : none; } del { text-decoration : line-through; } p { padding : 4px 0; } .clearfix:after { content : "."; display : block; clear : both; visibility : hidden; line-height : 0; height : 0; } .clearfix { display : inline-block; } html[xmlns] .clearfix { display : block; } * html .clearfix { height : 1%; } body { line-height : 1; } .clear { clear : both; } .hidden { display : none; float : none; width : 1%; } .float_left, .alignleft { float : left; display : inline; } .float_right, .alignright { float : right; display : inline; } acronym, abbr { cursor : help; border-bottom : 1px dotted #999; } body { background : url('http://img.webme.com/pic/c/css-tasarimdeneme/bg45.png') repeat #EEE; color : #535252; background-position : -64px 0%; } .overflow { overflow : hidden; } .wp-caption { background : #eee; text-align : center; padding-top : 4px; border : #ddd solid 1px; } .wp-caption img { border : 0; padding : 0; } .wp-caption p.wp-caption-text { font-size : 11px; line-height : 17px; margin : 0; padding : 0 4px 5px; } code, blockquote { background : #fff; color : #000; border : silver solid 1px; font-size : 12px; overflow : auto; display : block; margin : 0 0 1px; padding : 5px 10px; } a:link, a:visited { color : #000; text-decoration : none; } a:hover, a:active { text-decoration : none; } h1, h2, h3, h4, h5, h6 { color : #333; margin : 10px 0 6px; } h1 { font-size : 17px; } h2 { font-size : 30px; } h3 { font-size : 15px; } h4 { font-size : 14px; } h5 { font-size : 13px; } h6 { font-size : 12px; } .smalltext { font-size : 11px; } .largetext { font-size : 16px; font-weight : bold; } img { border : 0; vertical-align : text-top; } img.aligncenter { background : #fff; display : block; margin-left : auto; margin-right : auto; border : #dddada solid 1px; padding : 1px; } img.alignright { padding : 4px; margin : 0 0 2px 7px; display : inline; } img.alignleft { padding : 4px; margin : 0 7px 2px 0; display : inline; } #Bulutv3 { font : 100% "Segoe UI"; font-size : smaller; width : 1000px; min-width : 720px; position : relative; margin : 0 auto; padding : 0; } #logo img:hover { opacity : 0.800000011920928955078125; transition : all 0.2s ease; } #ustkisim { background : url(http://i.hizliresim.com/O7Z9Z5.png); border-top-left-radius : 30px; border-top-right-radius : 30px; box-shadow : 0 1px 6px rgba(0, 0, 0, 0.4); margin : 10px auto 0; padding : 15px 10px; } #ortakisim { background-color : #FFF; box-shadow : 0 1px 6px rgba(0, 0, 0, 0.4); overflow : hidden; width : 995px; padding : 10px 0 0 5px; } #altkisim { background : url(http://i.hizliresim.com/O7Z9Z5.png) repeat; box-shadow : 0 1px 6px rgba(0, 0, 0, 0.4); overflow : hidden; height : 30px; margin : 0 auto 20px auto; border-bottom-right-radius : 8px; border-bottom-left-radius : 8px; color : #FFF; font : 12px Regular; } #altkisim a { text-decoration : none; color : #FFF; } #altkisim h1 { font : 12px Regular; color : #FFF; margin-top : 2px; } #content { margin : 10px; padding : 0; } #solkisim { width : 687px; float : left; } #sagkisim { width : 29%; padding : 0 0 0 699px; } #mansetsol { width : 350px; margin-top : 2px; float : left; } #mansetorta { left : 20px; } #mansetsag { width : 29%; padding : 0 0 0 699px; } .ustmenu { margin-left : 15px; float : left; margin-top : -9px; font : 13px Regular; } .ustmenu h3 { font-size : 14px; } #page-bar ul { margin-top : -6px; list-style : none; } #page-bar li { margin-top : -6px; float : left; list-style : none; cursor : pointer; display : block; } #page-bar li:hover { background : url(http://img.webme.com/pic/c/css-tasarimdeneme/tcatbg.png) repeat-x #182846; text-shadow : 0 0 20px #fff; } #page-bar a, #page-bar a:visited { color : #FFF; display : block; margin : 0; padding : 7px 17px; } #page-bar a:hover { text-decoration : none; display : block; color : #000; text-shadow : 0 0 20px #fff; } .menualt { width : 976px; background : url(http://img.webme.com/pic/c/css-tasarimdeneme/tcatbg.png) repeat-x #182846; color : #000; padding : 5px 5px; overflow : hidden; border : #c0c0c0 solid 1px; font : 15px Regular; margin-bottom : 10px; } .menualt2 { background : url(http://img.webme.com/pic/c/css-tasarimdeneme/tcatbg.png) repeat-x #182846; color : #000; padding : 5px 5px; overflow : hidden; border : #c0c0c0 solid 1px; font : 11px Regular; margin-bottom : 10px; } #ustreklam { background : url("http://img.webme.com/pic/e/erkanseker/nevbarrrr.gif") 0% 0% repeat scroll transparent; float : right; height : 60px; padding : 1px 1px 1px 10px; margin-top : -65px; margin-right : 10px; width : 457px; } #icerikreklam { background : url("http://img.webme.com/pic/c/css-tasarimdeneme/ustreklam.png") 0% 0% repeat scroll transparent; height : 60px; padding : 1px 1px 1px 10px; width : 468px; } ul.yanreklam { background : url("http://img.webme.com/pic/c/css-tasarimdeneme/reklam.png") no-repeat; margin : 0 0 0 5px; overflow : auto; padding : 0 0 0 5px; width : 336px; } ul.yanreklam li { float : left; height : 250px; margin : 4px; padding : 0; width : 250px; } ul.yanreklam li a { float : left; } ul.sponsorlar { background : url("http://img.webme.com/pic/c/css-tasarimdeneme/sponsorlar.png") no-repeat; margin : 0 0 0 1px; overflow : auto; padding : 0 0 0 5px; width : 336px; } ul.sponsorlar li { float : left; height : 125px; margin : 4px; padding : 0; width : 125px; } ul.sponsorlar li a { float : left; } .yazibaslik { background : url(http://i.hizliresim.com/O7Z9Z5.png) repeat-x #182846; padding : 5px 10px; border-top-left-radius : 14px; border-top-right-radius : 14px; box-shadow : 0 1px 6px rgba(0, 0, 0, 0.4); list-style : none; } .yazibaslik img { opacity : 0.699999988079071044921875; } .yazibaslik h3 { color : #fff; display : inline; font-size : 12px; font : 100% Regular; list-style : none; } .yazibaslik span { float : right; color : #fff; font-size : 11px; margin : 1px 0 0; font-family : Medium; } .yazibaslik a:link, .yazibaslik a:visited { color : #FFF; text-decoration : none; } .liste { font-size : 11px; padding : 7px; border : #c0c0c0 solid 1px; text-align : justify; } .post { font : 100% "Segoe UI"; background-color : #FFF; padding : 7px; border : #c0c0c0 solid 1px; border-top : none; overflow : hidden; text-align : justify; } .post1 { background-color : #FFF; padding : 7px; border : #c0c0c0 solid 1px; border-top : none; overflow : hidden; text-align : justify; } .onecikar img { float : left; border : #DBDBDB solid 1px; margin : 3px; padding : 4px; height : 130px; margin : 3px; opacity : 0.89999997615814208984375; transition : 0.5s ease; } .onecikar img:hover { opacity : 0.5; transition : 0.5s ease; } .post h4 { color : #666; font-size : 16px; border-bottom : 1px dashed #e1e1e1; padding : 0 0 5px; margin : 16px 0; } .yazilar { font-size : 11px; } .yazilar li { background : url(http://img.webme.com/pic/c/css-tasarimdeneme/ok.png) 5px 0% no-repeat; border-bottom : 1px dashed #ddd; padding : 5px 5px 5px 20px; } .kategoriler { border-top : none; padding : 5px; margin : 0 auto; border : #c0c0c0 solid 1px; font-size : 11px; padding-bottom : 20px; overflow : hidden; } .kategoriler ul li { border-bottom : 1px dashed #ddd; float : left; width : 119px; } .kategoriler ul li a { padding : 5px 5px 5px 20px; display : block; color : #656565; background : url("http://img.webme.com/pic/c/css-tasarimdeneme/ok.png") 5px no-repeat; } .cerceve { background : #fff; width : 100%; margin : 0 auto 10px; padding : 1px; } .yazibilgi1 { background : url(http://img.webme.com/pic/c/css-tasarimdeneme/tcatbg.png) repeat-x #182846; color : #000; font-size : 11px; padding : 5px 5px; text-align : right; border : #c0c0c0 solid 1px; border-top : none; } .yazibilgi1 ul li { float : right; display : inline; margin-left : 10px; } .yazar { background : url(http://img.webme.com/pic/c/css-tasarimdeneme/iconcuklar.png) left no-repeat; background-position : -394px 0%; float : left; margin : 0 2px 2px 0; padding : 0 0 0 20px; } .kategori { background : url(http://img.webme.com/pic/c/css-tasarimdeneme/iconcuklar.png) left no-repeat; background-position : -262px 0%; float : left; margin : 0 2px 2px 0; padding : 0 0 0 20px; overflow : hidden; } .yorumsayisi { background : url(http://img.webme.com/pic/c/css-tasarimdeneme/iconcuklar.png) left no-repeat; background-position : -460px 0%; float : left; padding : 0 0 0 20px; overflow : hidden; } .goruntulenme { background : url(http://img.webme.com/pic/c/css-tasarimdeneme/iconcuklar.png) left no-repeat; background-position : -132px 0%; float : left; padding : 0 0 0 20px; overflow : hidden; } .tarih { background : url(http://img.webme.com/pic/c/css-tasarimdeneme/iconcuklar.png) left no-repeat; background-position : -328px 0%; float : left; padding : 0 0 0 20px; overflow : hidden; } .devami { background : url(http://img.webme.com/pic/c/css-tasarimdeneme/iconcuklar.png) left no-repeat; background-position : 0% 0%; float : left; padding : 0 0 0 20px; overflow : hidden; } .etiket { background : url(http://img.webme.com/pic/c/css-tasarimdeneme/iconcuklar.png) left no-repeat; background-position : -66px 0%; float : left; padding : 0 0 0 20px; overflow : hidden; } #benzer-yazilar ul li { list-style : none !important ; } .benzeryazilar span { font-weight : bold; color : #525252; margin-left : 5px; } .benzeryazilar { font : 12px Regular; border-bottom : 1px dotted #DDD; padding : 7px 12px 12px !important ; margin : 0 !important ; text-align : justify; } .benzeryazilar:hover { background : #EFEFEF !important ; } .benzeryazilar p { padding : 0; margin : -30px 0 0 86px; font-size : 11px; line-height : 15px; } .benzeryazilar p a, .benzeryazilar p a:visited, .benzeryazilar p a:hover { color : #666; text-decoration : none; } .benzeryazilar img { width : 70px; height : 50px; float : left; margin-right : 10px; border : #DDD solid 1px; } .temizle { clear : both; } #s { float : right; padding : 3px 6px 5px 23px; position : relative; border-radius : 30px; background-clip : padding-box; color : #aaa; background : url(http://img.webme.com/pic/c/css-tasarimdeneme/ara.png) center 6px no-repeat #f9f9f9; border : rgba(0, 0, 0, 0.2) solid 1px !important ; margin-right : 2px; margin-top : -13px; width : 140px; box-shadow : 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.1) inset; transition : all 0.3s ease-in-out; transition-duration : 0.3s; } #s:focus { width : 200px; background : url(http://img.webme.com/pic/c/css-tasarimdeneme/ara.png) center 6px no-repeat #fff; transition : all 0.3s ease-in-out; transition-duration : 0.3s; } textarea:focus { border-radius : 2px; box-shadow : 0 0 8px #000000; border : #56b4ef solid 1px; padding : 2px; outline : none; }</body></html>

Ana sayfaya eklenecek kod:<script type="text/javascript" src="http://img5.xooimage.com/files/d/e/5/jquery-2--f80ba5.js"></script><script type="text/javascript" src="http://img25.xooimage.com/files/c/d/0/easyslider1.5-11fb25a.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ controlsBefore: '<p id="controls">', controlsAfter: '</p>', auto: true, continuous: true }); $("#slider2").easySlider({ controlsBefore: '<p id="controls2">', controlsAfter: '</p>', prevId: 'prevBtn2', nextId: 'nextBtn2' }); }); </script><style type="text/css"> img{border:none;} #container2{ margin:0 auto; position:relative; text-align:left; width:px; background:#fff; margin-bottom:2em; } #content2{ position:relative; } /* Easy Slider */ #slider{} #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:650px; height:241px; overflow:hidden; } #slider2 li{ background:#f1f1f1; } #slider2 li h2{ margin:0 20px; padding-top:20px; } #slider2 li p{ margin:20px; } p#controls, p#controls2{ margin:0; position:relative; } #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ display:block; margin:0; overflow:hidden; text-indent:-8000px; width:60px; height:75px; position:absolute; left: 0px; top:-160px; } #nextBtn, #nextBtn2{ left:590px; } #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{ display:block; width:60px; height:75px; background:url('http://img.webme.com/pic/o/osmantalay/left_manset.png') no-repeat 0 0; } #nextBtn a, #nextBtn2 a{ background:url('http://img.webme.com/pic/o/osmantalay/right_manset.png') no-repeat 0 0; } /* // Easy Slider */</style> <div id="container2"> <div id="content2"> <div id="slider"> <ul> <li><a href="#" _fcksavedurl="#"> <img alt="Css Template Preview" src="http://i.hizliresim.com/knXNvy.png" _fcksavedurl="http://i.hizliresim.com/knXNvy.png" width="696" height="241" /></a></li> <li><a href="h#" _fcksavedurl="h#"> <img alt="Css Template Preview" src="http://i.hizliresim.com/5MG5Md.png" _fcksavedurl="http://i.hizliresim.com/5MG5Md.png" width="696" height="241" /></a></li> <li><a href="#" _fcksavedurl="#"> <img alt="Css Template Preview" src="http://i.hizliresim.com/3YpbYp.png" _fcksavedurl="http://i.hizliresim.com/3YpbYp.png" width="696" height="241" /></a></li> </ul> </div> </div> </div> <div class="cerceve"> <div class="yazibaslik"> <h3><a href="#" _fcksavedurl="#">Manşet/Slider</a></h3> <span class="yorumsayisi">Yorum Yok</span></div> <div class="post"> <div class="onecikar" style="float:left;"><img width="150" height="150" src="http://img27.xooimage.com/files/5/2/f/02-15766a0.jpg" _fcksavedurl="http://img27.xooimage.com/files/5/2/f/02-15766a0.jpg" class=" wp-post-image" alt="maskot" /></div> <div style="text-align: justify; margin-left: 5px;"><font face="Trebuchet MS" size="2"><b>Siteniz için çok hoş manşet bölümü aynısını bende kullanmaktayım<br /> Konuya ışınlanın ve kodu alın güle güle kullanın. <img src="http://wtheme.webme.com/smiles/cool.gif" _fcksavedurl="http://wtheme.webme.com/smiles/cool.gif" alt="" /><br /> <br type="_moz" /> </b></font></div> </div> <div class="yazibilgi1"> <ul class="fix"> <li class="devami"><b><a href="http://fozkandizayn.tr.gg/Slider2.htm" _fcksavedurl="http://fozkandizayn.tr.gg/Slider2.htm">Konuya Işınlan</a></b></li> <li class="goruntulenme"><b> Görüntülenme : 25</b></li> <li class="kategori"><b> Kategori : </b>HTML</li> <li class="tarih"><b> Tarih : </b><span style="color: rgb(153, 153, 153); font-family: 'Trebuchet MS'; font-size: x-small;">16 Ocak 2016</span></li> </ul> </div> </div> <div class="yazibaslik"> <h3><a href="#" _fcksavedurl="#">Grafik İstek Üzerine Yaptığımız Çalışmalar</a></h3> <span class="yorumsayisi">Yorum Yok</span></div> <div class="post"> <div class="onecikar" style="float:left;"><img width="150" height="150" src="http://www.rbmiy.com/wpimages/wpb2823201_06.png" _fcksavedurl="http://www.rbmiy.com/wpimages/wpb2823201_06.png" class=" wp-post-image" alt="maskot" /></div> <div style="margin-left:5px;"><strong style="text-align: justify;"><span style="padding: 0px; margin: 0px; font-family: 'Trebuchet MS';"><span style="padding: 0px; margin: 0px; font-size: small;">Grafik alanında sizlere ücretsiz banner logo vb herşeyi yapıyoruz bu kampanya yoğun ilgi gördü , bazı yaptığımız banner ve profil resimlerini siz değerli takipçilerime sunuyorum.Sizde istiyorsanız bir alttaki konudan ulaşın.</span></span></strong></div> </div> <div class="yazibilgi1"> <ul class="fix"> <li class="devami"><b><a href="http://fozkandizayn.tr.gg/Grafik-Istek.htm" _fcksavedurl="http://fozkandizayn.tr.gg/Grafik-Istek.htm">Konuya Git </a></b></li> <li class="goruntulenme"><b> Görüntülenme : </b>20</li> <li class="kategori"><b> Kategori : </b>Grafik</li> <li class="tarih"><b> Tarih : </b><span style="color: rgb(153, 153, 153); font-family: 'Trebuchet MS'; font-size: x-small;">15 OCAK 2016</span></li> </ul> </div> </center></body></html>