- kavanoz tasarimi

kavanoz tasarimi

Tasarım Üstü

<div id="ustcizgi"> </div> <div id="Kavanozv1"> <div style="padding-top:10px;"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img id="HeaderLogo" src="https://img.webme.com/pic/c/css-tasarimdeneme/dfhfgh.png" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimdeneme/dfhfgh.png" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimdeneme/dfhfgh.png" width="400" height="111" alt="" /></a></div> <div id="ustreklam">reklam kodu2</div> <div id="menu"> <div id="aramaFormu"> <form method="get" id="searchform" action="#">     <span class="a1"><input type="text" name="s" value="ara" onfocus_fckprotectedatt_fckprotectedatt="%20onfocus_fckprotectedatt%3D%22%20onfocus%3D%22"if(this.value==this.defaultValue)this.value='';"" onblur_fckprotectedatt_fckprotectedatt="%20onblur_fckprotectedatt%3D%22%20onblur%3D%22"if(this.value=='')this.value=this.defaultValue;"" /></span> <span class="a2"><input type="submit" value="" /></span> </form> </div> <ul>     <li><a title="Ana Sayfa" href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li>     <li class="page_item page-item-144"><a href="#" _fcksavedurl="#" _fcksavedurl="#">baslık</a></li>     <li class="page_item page-item-144"><a href="#" _fcksavedurl="#" _fcksavedurl="#">baslık</a></li>     <li class="page_item page-item-144"><a href="#" _fcksavedurl="#" _fcksavedurl="#">baslık</a></li>     <li class="page_item page-item-144"><a href="#" _fcksavedurl="#" _fcksavedurl="#">baslık</a></li>     <li class="page_item page-item-144"><a href="#" _fcksavedurl="#" _fcksavedurl="#">baslık</a></li> </ul> </div> <div id="ortakisim" class="clearfix"> <div id="solkisim">

Tasarım Altı

</div> <div id="sagkisim"> <div class="cizgi-kirmizi"> <h3>Reklam Alanı</h3> </div> <div class="liste"> <ul class="yanreklam">     <li>reklam kodu</li> </ul> </div> <div class="cizgi-mavi"> <h3>Kategoriler</h3> </div> <div class="liste yazilar"> <ul>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li>     <li class="cat-item cat-item-42"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="acıklama">baslık</a></li> </ul> </div> </div> </div> <div class="footer"> <div class="genel"> <div class="sol"> <div class="resimsol"><img src="https://img.webme.com/pic/c/css-tasarimdeneme/bulut.png" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimdeneme/bulut.png" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimdeneme/bulut.png" alt="Bulut" /></div> <div class="icerik"> <p>copyright 2011 - 2012</p> </div></div></div></div>

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;}   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 { font : 100% Segoe UI; font-size : smaller; background : url('https://img.webme.com/pic/c/css-tasarimdeneme/bg4.png') repeat #EEE; color : #535252; } code { background : #fff; color : #000; border : #c0c0c0 solid 1px; margin : 0 0 1px; padding : 5px 10px; font-size : 12px; line-height : 1.6em; overflow : auto; display : block; font-family : Courier New; } blockquote { background : #fff; color : #000; border : #c0c0c0 solid 1px; margin : 0 0 1px; padding : 5px 10px; font-size : 12px; line-height : 1.6em; overflow : auto; display : block; font-family : Courier New; } .overflow { overflow : hidden; } .wp-caption { background : #eee; text-align : center; padding-top : 4px; border : #ddd solid 1px; } .wp-caption img { margin : 0; padding : 0; border : 0; } .wp-caption p.wp-caption-text { font-size : 11px; line-height : 17px; padding : 0 4px 5px; margin : 0; } 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; overflow : hidden; } h1 { font-size : 17px; overflow : hidden; } h2 { font-size : 30px; overflow : hidden; } h3 { font-size : 15px; overflow : hidden; } h4 { font-size : 14px; overflow : hidden; } h5 { font-size : 13px; overflow : hidden; } h6 { font-size : 12px; overflow : hidden; } .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; } #Kavanozv1 { width : 960px; min-width : 720px; margin : 0 auto; padding : 0; position : relative; } #ortakisim { background-color : #FFF; width : 955px; padding : 10px 0 0 5px; padding-bottom : 10px; } .footer { padding : 0; margin : 0 auto 0 auto; background : url(https://img.webme.com/pic/c/css-tasarimdeneme/altbg.png) repeat; margin-top : 25px; height : 70px; font-size : 12px; border-top-left-radius : 8px; border-top-right-radius : 8px; } .genel { margin : 0 auto 0 auto; padding-top : 10px; } .sol { width : 495px; float : left; margin-right : 20px; line-height : 18px; } .resimsol { float : left; width : 43px; padding-top : 5px; margin : 0 15px 0 0; } .resimsag { float : right; width : 43px; margin-top : -5px; padding-top : 5px; margin : 0 0 0 15px; } .sag { width : 335px; margin-left : 110px; margin-top : 2px; float : left; line-height : 18px; text-align : right; } .bosalt { padding-bottom : 15px; } #content { margin : 10px; padding : 0; } #solkisim { width : 645px; float : left; } #sagkisim { width : 30%; padding : 0 0 0 660px; } #menu { background : url("https://img.webme.com/pic/c/css-tasarimdeneme/menu.png") no-repeat; height : 43px; width : 960px; bottom : 0; } #menu ul { padding : 1px 0 0 0; } #menu ul li { float : left; font-size : 14px; background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi1.png") right no-repeat; padding-right : 2px; } #menu ul li a { display : block; padding : 10px 22px 10px 15px; color : #3f3f3f; } #menu ul li a:hover { color : #4c8da5; } #ustreklam { background : url("https://img.webme.com/pic/c/css-tasarimdeneme/ustreklam1.png") 0% 0% repeat scroll transparent; float : right; height : 60px; padding : 1px 1px 1px 10px; margin-top : -96px; width : 468px; } #ustcizgi { background : url("https://img.webme.com/pic/c/css-tasarimdeneme/ustcizgii.png") repeat-x; height : 4px; } #ust-reklam img { border : #D4D4D4 solid 2px; height : 68px; width : 82px; } #icerikreklam { background : url("https://img.webme.com/pic/c/css-tasarimdeneme/ustreklam1.png") 0% 0% repeat scroll transparent; height : 60px; padding : 1px 1px 1px 10px; width : 468px; } #icerikreklam img { box-shadow : 0 1px 6px rgba(0, 0, 0, 0.4); } ul.yanreklam { background : url("https://img.webme.com/pic/c/css-tasarimdeneme/reklamm.png") no-repeat; margin : 0 0 0 5px; margin : 0 0 0 1px; overflow : auto; padding : 0 0 0 4px; 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("https://img.webme.com/pic/c/css-tasarimdeneme/sponsorlarr.png") no-repeat; margin : 0 0 0 1px; overflow : auto; padding : 0 0 0 4px; width : 336px; } ul.sponsorlar li { float : left; height : 125px; margin : 4px; padding : 0; width : 125px; } ul.sponsorlar li a { float : left; } #dinlediklerim { width : 570px; background : #fff; padding : 10px; font-size : 11px; line-height : 1.75em; float : left; } .videolar { margin : 8px 2px 0 0; padding : 0; float : left; position : relative; vertical-align : middle; font-size : 11px; width : 280px; line-height : 15px; color : #525252; } .videolar img { border : #DBDBDB solid 1px; margin : 1px 3px 1px 1px; padding : 3px; text-align : center; } .videolar img:hover { border : #666666 solid 1px; margin : 1px 3px 1px 1px; padding : 3px; text-align : center; } .videolar img a { padding : 4px 4px 0 4px; border : #EBEBEB solid 1px; } .videolar a { text-decoration : none; } .cizgi-mavi { background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi_mavi.png") bottom no-repeat; padding : 2px 0; list-style : none; padding-bottom : 5px; padding-top : 10px; } .cizgi-mavi .cizgi-kirmizi .cizgi-turuncu .cizgi-yesil h3 { color : #000; display : inline; font-size : 15px; font : 100%; list-style : none; } .cizgi-kirmizi { background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi_kirmizi.png") bottom no-repeat; padding : 2px 0; list-style : none; padding-bottom : 5px; padding-top : 10px; } .cizgi-turuncu { background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi_turuncu.png") bottom no-repeat; padding : 2px 0; list-style : none; padding-bottom : 5px; padding-top : 10px; } .cizgi-yesil { background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi_yesil.png") bottom no-repeat; padding : 2px 0; list-style : none; padding-bottom : 5px; padding-top : 10px; } .yazibaslik { background : url("https://img.webme.com/pic/c/css-tasarimdeneme/cizgi_mavi.png") bottom repeat-x; padding : 2px 0; list-style : none; padding-bottom : 5px; padding-top : 10px; text-shadow : none; overflow : hidden; } .yazibaslik a:hover { text-shadow : none; color : #4c8da5; overflow : hidden; } .yazibaslik span h3 { color : #000; font-size : 15px; font : 100%; float : right; text-shadow : none; list-style : none; overflow : hidden; } .liste { font-size : 11px; padding : 7px; text-align : justify; } .cizgi { margin-top : 8px; border-bottom : 1px solid #e0e0e0; } .post { padding : 7px; border-top : 1px solid #fff; text-align : justify; padding-bottom : 15px; font-size : 12px; font-family : Tahoma; } li { background : url(https://img.webme.com/pic/c/css-tasarimdeneme/okk.png) 5px 0% no-repeat; padding : 5px 5px 5px 20px; } .onecikar img { float : left; width : 130px; height : 130px; margin : 3px; opacity : 0.89999997615814208984375; transition : 0.5s ease; } .onecikar img:hover { opacity : 0.5; transition : 0.5s ease; } .post img { margin : 0 10px 0 0; } .post h4 { color : #666; font-size : 16px; border-bottom : 1px dashed #e1e1e1; padding : 0 0 5px; margin : 16px 0; } .rss { font-size : 11px; } .rss li { padding : 5px 5px 5px 20px; } .yazilar { font-size : 11px; } .yazilar li { background : url(https://img.webme.com/pic/c/css-tasarimdeneme/okk.png) 5px 0% no-repeat; padding : 5px 5px 5px 20px; } .kategoriler { border-top : none; padding : 5px; margin-left : -2px; margin-bottom : 20px; font-size : 11px; padding-bottom : 10px; } .kategoriler ul li { float : left; width : 119px; } .kategoriler ul li a { padding : 5px 5px 5px 20px; display : block; color : #656565; background : url("https://img.webme.com/pic/c/css-tasarimdeneme/okk.png") 5px no-repeat; } .yazibilgi { color : #000; font-size : 11px; padding : 5px 0; margin-right : -2px; text-align : left; } .yazibilgi a:link, .tcat a:visited, .tcat a:hover, .tcat a:active { color : #000; text-decoration : none; } .yazibilgi a:hover, .tcat a:active { text-decoration : none; } .yazibilgi li { float : right; display : inline; margin-left : 10px; } .yazar { background : url(resim/sprite.png) left no-repeat; background-position : -643px 0%; float : left; margin : 0 2px 2px 0; padding : 0 0 0 20px; height : 16px; } .kategori { background : url(https://img.webme.com/pic/c/css-tasarimdeneme/kategorii.png) left no-repeat; float : left; margin : 0 2px 2px 0; padding : 0 0 0 20px; height : 16px; overflow : hidden; } .goruntulenme { background : url(https://img.webme.com/pic/c/css-tasarimdeneme/goruntulenme.png) left no-repeat; float : left; padding : 0 0 0 20px; height : 16px; overflow : hidden; } .tarih { background : url(https://img.webme.com/pic/c/css-tasarimdeneme/tarih.png) left no-repeat; height : 16px; float : left; padding : 0 0 0 20px; overflow : hidden; } #aramaFormu { top : 61px; left : 875px; width : 335px; height : 31px; overflow : hidden; float : right; margin-top : 10px; margin-right : -50px; } #aramaFormu input { width : 190px; height : 18px; margin-left : 50px; margin-top : 3px; float : left; border : none; background-color : transparent; font-size : 13px; font-family : Tahoma, Tahoma, Arial, Sans-Serif; outline : none; color : #908f8f; } #aramaFormu button { width : 17px; height : 21px; float : right; text-indent : -9999px; border : none; background-color : transparent; cursor : pointer; margin-top : 5px; margin-right : 10px; } .download { background : url(https://img.webme.com/pic/c/css-tasarimdeneme/indirr.png) 6px 6px no-repeat #e1e9ff; border : #b0c3f8 solid 1px; font-size : 13px; padding : 4px 10px 4px 25px; margin : 0 0 10px 0; } #commentform textarea { width : 99%; margin-top : 5px; background : #fff; border : #ccc solid 1px; } #commentform input { width : 170px; padding : 2px; margin : 5px 5px 1px 0; box-shadow : 1px 1px 7px rgba(0, 0, 0, 0.1) inset; } #commentform { margin : 5px 10px 0 0; font-family : Tahoma; } #commentform textarea { width : 100%; padding : 2px; } #respond:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; } #commentform #submit { box-shadow : 1px 1px 7px rgba(0, 0, 0, 0.1) inset; width : 150px; margin : 5px 5px 1px 0; background : #fff; border : #ccc solid 1px; margin-top : -8px; float : right; } .commentlist li, #commentform input, #commentform textarea { box-shadow : 1px 1px 7px rgba(0, 0, 0, 0.1) inset; font : 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size : 1em; } .commentlist li { box-shadow : 1px 1px 7px rgba(0, 0, 0, 0.1) inset; border : #E2E2E2 solid 1px; font-weight : bold; } .commentlist li .avatar { float : right; border : #eee solid 1px; padding : 2px; } .commentlist cite, .commentlist cite a { font-weight : bold; font-style : normal; font-size : 1.1em; } .commentlist p { font-weight : normal; line-height : 1.5em; text-transform : none; } #commentform p { font-family : Tahoma; } .commentmetadata { font-weight : normal; } .alt { margin : 0; padding : 10px; } .commentlist { padding : 0; text-align : justify; } .commentlist li { margin : 15px 0 10px; padding : 5px 5px 10px 10px; list-style : none; } .commentlist li ul li { border : #d2d2d2 dashed 1px; box-shadow : 1px 1px 7px rgba(0, 0, 0, 0.1) inset; margin-right : -1px; margin-left : 5px; } .commentlist p { margin : 10px 5px 10px 0; } .children { padding : 0; } #commentform p { margin : 5px 0; } .nocomments { text-align : center; margin : 0; padding : 0; } .commentmetadata { margin : 0; display : block; } .wp-pagenavi { display : block !important ; clear : both !important ; } .wp-pagenavi a, .wp-pagenavi span.pages, .wp-pagenavi span { color : #636D7F !important ; background : #FFFFFF !important ; border-radius : 5px !important ; border : #DCDCDC solid 1px !important ; padding : 6px 9px 7px 9px !important ; margin-right : 8px !important ; text-decoration : none !important ; font-size : 12px !important ; } .wp-pagenavi span.extend { color : #636D7F !important ; background : #FFFFFF !important ; border-radius : 5px !important ; border : #DCDCDC solid 1px !important ; padding : 6px 9px 7px 9px !important ; margin-right : 8px !important ; text-decoration : none !important ; font-size : 12px !important ; } .wp-pagenavi span.current { padding : 5px 9px 7px 9px !important ; border : #DCDCDC solid 1px !important ; border-color : #3390CA !important ; border-radius : 5px !important ; color : #000 !important ; margin-right : 8px !important ; text-shadow : 0 1px #898989 !important ; border-color : #5D5D5D !important ; } .gravatar { padding : 5px 5px; } .gravatar p { padding : 0 18px; width : 600px; font-size : 12px; } .gravatar img { background : #fff; border : #ddd solid 1px; padding : 3px; float : left; margin : 9px 10px 0 0; width : 50px; height : 50px; } .gravatar1 { padding : 5px 5px; } .gravatar1 p { padding : 0 18px; width : 660px; font-size : 12px; } .gravatar1 img { background : #fff; border : #ddd solid 1px; padding : 3px; float : left; margin : 9px 10px 0 0; width : 35px; height : 35px; } #temizle { padding-top : 10px; } .sosyalsag { width : 283px; height : 32px; padding : 0; margin : 0 0 0 0; } .sosyalmedyaicon2 { padding : 5px 2px 5px 5px; margin : 0; float : left; } .sosyalmedyaicon { padding : 5px 2px 5px 5px; margin : 0; float : left; } .sosyalmedyaicon img:hover { opacity : 0.60000002384185791015625; } .left, .alignleft { float : left; position : relative; } ul.videolar li { float : left; list-style : none; padding : 0 7px 10px 0; overflow : hidden; } #archive { padding-top : 10px; font-size : 1em; line-height : 1.75em; } #archive .title { font-family : "Tahoma", Arial, Helvetica, sans-serif; font-size : 2.2em; letter-spacing : -0.039em; line-height : 0.9em; } #archive .clearfloat { padding-bottom : 10px; border-bottom : 1px dotted #ccc; margin-bottom : 10px; } #archive .spoiler { display : block; margin-top : 3px; } #archive p { margin : 0; padding : 0; } #content { background : #fff; padding : 10px; font-size : 1.08em; line-height : 1.75em; float : left; min-height : 400px; } .contactPage { background : #ddecfc; margin : 0 0 15px 0; border : #86c1f8 solid 1px; padding : 5px 10px; } .contactPage ul { margin : 0; padding : 0; } .contactPage li { background : none; padding : 0; }