EgiticiBilgiler | Bilmemek Değil, Öğrenmemek Ayıp!

Css Tasarimlar

TASARIMIN ÜSTÜNE

<title>" [K]ate[K]o "</title>  <link type='text/css' rel='stylesheet'  href='http://www.blogger.com/static/v1/widgets/2486998032-widget_css_bundle.css'  />  <link rel="stylesheet" type="text/css"  href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=821343966345510071&zx=f5bbe682-970b-451e-923d-bcca874e984c"/>  <style type="text/css">#navbar-iframe { display:block }  </style>  <script  src='http://sites.google.com/site/wwwbestthemenet/www-besttheme-net/jquery.js'  type='text/javascript'></script> <script  src='http://sites.google.com/site/wwwbestthemenet/www-besttheme-net/s3Slider.js'  type='text/javascript'></script>  <script  type='text/javascript'> $(document).ready(function() { $('#s3slider').s3Slider({ timeOut: 4000 }); }); </script> <script  src='http://chicablogger.chica-web.es/smooth.pack.js'  type='text/javascript'></script> <style>.comment-link  {display:none;} .post-footer-line-1 {display:none;} .post-footer-line-3  {display:none;} .post-labels {display:none;} </style> <script  type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script></head> <body> <div class='navbar section'  id='navbar'><div class='widget Navbar' id='Navbar1'><script  type="text/javascript">     function setAttributeOnload(object, attribute, val) {       if(window.addEventListener) {         window.addEventListener("load",           function(){ object[attribute] = val; }, false);       } else {         window.attachEvent('onload', function(){ object[attribute] =  val; });       }     }   </script> <div></div></div></div>  <div id='wrapper'> <div class='container' id='container'>  <div class='span-24'>  <div class='span-16'> <div  id='pagemenucontainer'> <ul id='pagemenu'> <li  class='current_page_item'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu1</a></li> <li  class='page_item page-item-64'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title='About'>Menu1</a></li> <li class='page_item  page-item-64'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title='About'>Menu1</a></li> <li class='page_item  page-item-64'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title='About'>Menu1</a></li> <li class='page_item  page-item-64'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title='About'>Menu1</a></li> </ul>  </div></div> <div class='span-8 last' id='topsearch'>  <div id='search'>  <form action='/search' id='searchform'  method='get'> <input id='s' name='s'  onblur_fckprotectedatt="%20onblur%3D'if%20(this.value%20%3D%3D%20%5C'"')   {this.value = 'Search';}'  onfocus_fckprotectedatt="%20onfocus%3D'if%20(this.value%20%3D%3D%20%5C'"Search')  {this.value = '';}' type='text' value='Search'/> <input  src='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeJPFY7wNI/AAAAAAAACMg/MBsKAs5dFXA/s1600/search.gif'  style='border:0; vertical-align: top;' type='image'/> </form>  </div></div></div> <div class='span-24'  id='header'> <div class='span-12'> <a  href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'><img alt=''  src='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeKFPnt_oI/AAAAAAAACMo/FwNYJne-Nno/s1600/logo+(1).png'   _fcksavedurl='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeKFPnt_oI/AAAAAAAACMo/FwNYJne-Nno/s1600/logo+(1).png'  title=''/></a> </div> <div class='span-12 last'  style='padding-top: 14px; text-align:right;'> <a  href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'><img alt=''  src='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeKw9yw5lI/AAAAAAAACMw/Ie0cGIk-P9w/s1600/ftb.gif'   _fcksavedurl='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeKw9yw5lI/AAAAAAAACMw/Ie0cGIk-P9w/s1600/ftb.gif'  style='border: 0;'/></a></div></div> <div  class='span-24'> <div class='navcontainer'> <ul id='nav'>  <li class='current-cat'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu2</a></li> <li  class='cat-item cat-item-3'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li> <li class='cat-item  cat-item-3'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li> <li class='cat-item  cat-item-3'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li> <li class='cat-item  cat-item-3'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li> <li class='cat-item  cat-item-3'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li> <li class='cat-item  cat-item-3'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li> </ul>  </div></div> <div class='span-24' id='contentwrap'>  <div class='span-16'> <div id='main-wrapper'> <div  class='main section' id='main'><div class='widget Blog'  id='Blog1'>

TASARIMIN ALTINA

</div></div>  </div></div> <div class='span-8 last'> <div  class='sidebar'> <div class='addthis_toolbox'> <div  class='custom_images'> <a  class='addthis_button_twitter'><img alt='Twitter' height='32'  src='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeEyjVzmyI/AAAAAAAACLU/BM1YbIfLVq0/s1600/twitter.png'   _fcksavedurl='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeEyjVzmyI/AAAAAAAACLU/BM1YbIfLVq0/s1600/twitter.png'  width='32'/></a> <a  class='addthis_button_delicious'><img alt='Delicious' height='32'  src='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeE8FWrVpI/AAAAAAAACLc/r5un9RffBBQ/s1600/delicious.png'   _fcksavedurl='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeE8FWrVpI/AAAAAAAACLc/r5un9RffBBQ/s1600/delicious.png'  width='32'/></a> <a  class='addthis_button_facebook'><img alt='Facebook' height='32'  src='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFGUB8WEI/AAAAAAAACLk/pX7d_QTI69c/s1600/facebook.png'   _fcksavedurl='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFGUB8WEI/AAAAAAAACLk/pX7d_QTI69c/s1600/facebook.png'  width='32'/></a> <a class='addthis_button_digg'><img  alt='Digg' height='32'  src='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFOTaMyjI/AAAAAAAACLs/YKqWavASrIs/s1600/digg.png'   _fcksavedurl='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFOTaMyjI/AAAAAAAACLs/YKqWavASrIs/s1600/digg.png'  width='32'/></a> <a  class='addthis_button_stumbleupon'><img alt='Stumbleupon'  height='32'  src='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeFad-OkWI/AAAAAAAACL0/Ij9bHt2K3fc/s1600/stumbleupon.png'   _fcksavedurl='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeFad-OkWI/AAAAAAAACL0/Ij9bHt2K3fc/s1600/stumbleupon.png'  width='32'/></a> <a  class='addthis_button_favorites'><img alt='Favorites' height='32'  src='http://4.bp.blogspot.com/_yPlAAAH9bEo/TAeFkDqSF5I/AAAAAAAACL8/xiCHH6T2_ws/s1600/favorites.png'   _fcksavedurl='http://4.bp.blogspot.com/_yPlAAAH9bEo/TAeFkDqSF5I/AAAAAAAACL8/xiCHH6T2_ws/s1600/favorites.png'  width='32'/></a> <a class='addthis_button_more'><img  alt='More' height='32'  src='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFrTNIVuI/AAAAAAAACME/a0M5z3F6kYo/s1600/more.png'   _fcksavedurl='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFrTNIVuI/AAAAAAAACME/a0M5z3F6kYo/s1600/more.png'  width='32'/></a> </div> <script  src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94'  type='text/javascript'></script> </div> <div  class='sidebaradbox'> <a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/' target='_new'><img  class='ad125' src='https://img.webme.com/pic/k/kateko/bannerweb.png'  _fcksavedurl='https://img.webme.com/pic/k/kateko/bannerweb.png'/></a>  <a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'  target='_new'><img class='ad125'  src='https://img.webme.com/pic/k/kateko/bannerweb.png'  _fcksavedurl='https://img.webme.com/pic/k/kateko/bannerweb.png'/></a></div>  <div class='rssbox'> <a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'><img alt='RSS Feed'  src='http://lh5.ggpht.com/_yPlAAAH9bEo/TAeGfcGQB-I/AAAAAAAACMc/3exYWlWdtcI/rss.png'   _fcksavedurl='http://lh5.ggpht.com/_yPlAAAH9bEo/TAeGfcGQB-I/AAAAAAAACMc/3exYWlWdtcI/rss.png'  style='vertical-align:middle; margin-right: 5px;' title='RSS  Feed'/></a><a href='Enter feed burner rss feed url '  _fcksavedurl='Enter feed burner rss feed url '>RSS Feed</a>  </div>  <div class='twitterbox'> <a  href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'><img alt='Follow me on  Twitter!'  src='http://lh4.ggpht.com/_yPlAAAH9bEo/TAeGfFVUxiI/AAAAAAAACMY/cmSTzCu2_h4/twitter.png'   _fcksavedurl='http://lh4.ggpht.com/_yPlAAAH9bEo/TAeGfFVUxiI/AAAAAAAACMY/cmSTzCu2_h4/twitter.png'  style='vertical-align:middle; margin-right: 5px;' title='Follow me on  Twitter!'/></a><a href='http://twitter.com/your twitter user  name' _fcksavedurl='http://twitter.com/your twitter user  name'>Twitter</a> </div><ul> <div  class='section' id='sidebar1'><div class='widget LinkList'  id='LinkList1'> <h2>Menu</h2> <div  class='widget-content'> <ul> <li><a  href='http://kateko.es,tl/'  _fcksavedurl='http://kateko.es,tl/'>Menu</a></li>  <li><a href='http://kateko.es,tl/'  _fcksavedurl='http://kateko.es,tl/'>Menu</a></li>  <li><a href='http://kateko.es,tl/'  _fcksavedurl='http://kateko.es,tl/'>Menu</a></li>  <li><a href='http://kateko.es,tl/'  _fcksavedurl='http://kateko.es,tl/'>Menu</a></li>  </ul> <div class='clear'></div> </div>  </div> <div class='widget HTML' id='HTML1'> <h2  class='title'>Affiliados</h2> <div  class='widget-content'> <a href="http://kateko.es.tl/"  _fcksavedurl="http://kateko.es.tl/" target="_new"><img  class="ad125"  src="http://4.bp.blogspot.com/_luXdt_wa0oM/TBdzix4rzNI/AAAAAAAAAFA/3Gh799dxKWY/s1600/ad125.png"   _fcksavedurl="http://4.bp.blogspot.com/_luXdt_wa0oM/TBdzix4rzNI/AAAAAAAAAFA/3Gh799dxKWY/s1600/ad125.png"  /></a> <a href="http://kateko.es.tl/"  _fcksavedurl="http://kateko.es.tl/" target="_new"><img  class="ad125"  src="http://4.bp.blogspot.com/_luXdt_wa0oM/TBdzix4rzNI/AAAAAAAAAFA/3Gh799dxKWY/s1600/ad125.png"   _fcksavedurl="http://4.bp.blogspot.com/_luXdt_wa0oM/TBdzix4rzNI/AAAAAAAAAFA/3Gh799dxKWY/s1600/ad125.png"  /></a> </div> <div class='clear'></div>  </div> </div> </ul>  </div></div></div> <div class='span-24'> <div  id='footer'>© <strong>Tu Web Aquí.</strong> Todos los  Derechos Reservados </div> <div id='footer2'><a  href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'><strong>Plantilla por  KATEKO.ES.TL</strong></a>  </div></div></div></div> </body>  </html>

CSS-BÖLÜMÜNE

lli.nav_element{display: none;}  li.nav_element a{display: none;} h1#title{display: none;} h2#title span  {display: none;} div.header{display: none;}  li.nav_element{list-style-type: none;} li.nav_element{display: none;}   table {margin-left:auto;margin-right:auto;}   [/*  ----------------------------------------------- Plantilla por  KATEKO.ES.TL  -----------------------------------------------------------------------  */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,  blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q,  dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,  tbody, tfoot, thead, tr, th, td  {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}  body {line-height:1.5;} table  {border-collapse:separate;border-spacing:0;} caption, th, td  {text-align:left;font-weight:normal;} table, td, th  {vertical-align:middle;} blockquote:before, blockquote:after, q:before,  q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;}  /* typography.csshttp://www.besttheme.net/ */ body  {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue",  Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6  {font-weight:normal;color:#111;} h1  {font-size:3em;line-height:1;margin-bottom:0.5em;} h2  {font-size:2em;margin-bottom:0.75em;} h3  {font-size:1.5em;line-height:1;margin-bottom:1em;} h4  {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5  {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6  {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5  img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left  {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right  {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;}  a {color:#009;text-decoration:underline;} blockquote  {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;}  em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub  {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address  {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre  {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono',  'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0  1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;}  ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt  {font-weight:bold;} dd {margin-left:1.5em;} table  {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th  {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;}  tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption  {background:#eee;} .small  {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large  {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide  {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight  {background:#ff0;} .added {background:#060;color:#fff;} .removed  {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;}  .last {margin-right:0;padding-right:0;} .top  {margin-top:0;padding-top:0;} .bottom  {margin-bottom:0;padding-bottom:0;} /* forms.css  http://www.besttheme.net/*/ label {font-weight:bold;} fieldset  {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend  {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea,  select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus,  input.title:focus, textarea:focus, select:focus {border:1px solid #666;}  input.text, input.title {width:300px;padding:5px;} input.title  {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;}  .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px  solid #ddd;} .error  {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice  {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success  {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a  {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;}  /* grid.css http://www.besttheme.net/*/ .container {width:950px;margin:0  auto;} .showgrid {background:url(src/grid.png);} .column, div.span-1,  div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7,  div.span-8, div.span-9, div.span-10, div.span-11, div.span-12,  div.span-13, div.span-14, div.span-15, div.span-16, div.span-17,  div.span-18, div.span-19, div.span-20, div.span-21, div.span-22,  div.span-23, div.span-24 {float:left;margin-right:10px;} .last, div.last  {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3  {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6  {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9  {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12  {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15  {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18  {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21  {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24,  div.span-24 {width:950px;margin:0;} input.span-1, textarea.span-1,  input.span-2, textarea.span-2, input.span-3, textarea.span-3,  input.span-4, textarea.span-4, input.span-5, textarea.span-5,  input.span-6, textarea.span-6, input.span-7, textarea.span-7,  input.span-8, textarea.span-8, input.span-9, textarea.span-9,  input.span-10, textarea.span-10, input.span-11, textarea.span-11,  input.span-12, textarea.span-12, input.span-13, textarea.span-13,  input.span-14, textarea.span-14, input.span-15, textarea.span-15,  input.span-16, textarea.span-16, input.span-17, textarea.span-17,  input.span-18, textarea.span-18, input.span-19, textarea.span-19,  input.span-20, textarea.span-20, input.span-21, textarea.span-21,  input.span-22, textarea.span-22, input.span-23, textarea.span-23,  input.span-24, textarea.span-24  {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}  input.span-1, textarea.span-1 {width:18px!important;} input.span-2,  textarea.span-2 {width:58px!important;} input.span-3, textarea.span-3  {width:98px!important;} input.span-4, textarea.span-4  {width:138px!important;} input.span-5, textarea.span-5  {width:178px!important;} input.span-6, textarea.span-6  {width:218px!important;} input.span-7, textarea.span-7  {width:258px!important;} input.span-8, textarea.span-8  {width:298px!important;} input.span-9, textarea.span-9  {width:338px!important;} input.span-10, textarea.span-10  {width:378px!important;} input.span-11, textarea.span-11  {width:418px!important;} input.span-12, textarea.span-12  {width:458px!important;} input.span-13, textarea.span-13  {width:498px!important;} input.span-14, textarea.span-14  {width:538px!important;} input.span-15, textarea.span-15  {width:578px!important;} input.span-16, textarea.span-16  {width:618px!important;} input.span-17, textarea.span-17  {width:658px!important;} input.span-18, textarea.span-18  {width:698px!important;} input.span-19, textarea.span-19  {width:738px!important;} input.span-20, textarea.span-20  {width:778px!important;} input.span-21, textarea.span-21  {width:818px!important;} input.span-22, textarea.span-22  {width:858px!important;} input.span-23, textarea.span-23  {width:898px!important;} input.span-24, textarea.span-24  {width:938px!important;} .append-1 {padding-right:40px;} .append-2  {padding-right:80px;} .append-3 {padding-right:120px;} .append-4  {padding-right:160px;} .append-5 {padding-right:200px;} .append-6  {padding-right:240px;} .append-7 {padding-right:280px;} .append-8  {padding-right:320px;} .append-9 {padding-right:360px;} .append-10  {padding-right:400px;} .append-11 {padding-right:440px;} .append-12  {padding-right:480px;} .append-13 {padding-right:520px;} .append-14  {padding-right:560px;} .append-15 {padding-right:600px;} .append-16  {padding-right:640px;} .append-17 {padding-right:680px;} .append-18  {padding-right:720px;} .append-19 {padding-right:760px;} .append-20  {padding-right:800px;} .append-21 {padding-right:840px;} .append-22  {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1  {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3  {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5  {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7  {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9  {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11  {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13  {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15  {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17  {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19  {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21  {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23  {padding-left:920px;} div.border  {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}  div.colborder {padding-right:24px;margin-right:25px;border-right:1px  solid #eee;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;}  .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5  {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7  {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9  {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11  {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13  {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15  {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17  {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19  {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21  {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23  {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2,  .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10,  .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17,  .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24  {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;}  .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em  120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px  1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0  -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9  {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;}  .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em  480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0  -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16  {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;}  .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em  760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0  -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23  {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;}  .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8,  .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15,  .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22,  .push-23, .push-24 {float:right;position:relative;} .prepend-top  {margin-top:1.5em;} .append-bottom {margin-bottom:1.5em;} .box  {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr  {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0  0 1.45em;border:none;} hr.space {background:#fff;color:#fff;}  .clearfix:after, .container:after  {content:"?020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}  .clearfix, .container {display:block;} .clear {clear:both;} /* LAYOUT  */ body {background:  url(http://2.bp.blogspot.com/_yPlAAAH9bEo/TAeBBct3mYI/AAAAAAAACKc/mdzq59UDr_I/s1600/background.png);}  #wrapper {background:  url(http://2.bp.blogspot.com/_yPlAAAH9bEo/TAeBIHbUlII/AAAAAAAACKk/PLj1YmPLOec/s1600/wrapper-background.png)  top left repeat-x;} #container {padding-bottom: 10px;} #contentwrap  {background:  url(http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeBPvYNNaI/AAAAAAAACKs/e-tIlvJ7tSM/s1600/contentwrap.png)  top left repeat-y;} a {color: #913e10;} a:hover {color: #ef5b02;} /*  HEADER */ #header {height: 105px;} #header h1 {margin-bottom: 0px  !important;padding: 8px 0 0 0;font-weight: normal;font-family: Arial,  Helvetica, Sans-serif;font-weight: bold;font-size: 52px;} #header h1 a,  #header h1 a:visited {color: #fff;text-decoration: none;} #header h2  {padding-left: 0;color: #8d7748;font-size: 14px;line-height: 14px;  font-family: Arial, Helvetica, Sans-serif;} /* NAVIGATION MENUS */  #pagemenucontainer {height: 63px;} #pagemenu {height: 63px;} #pagemenu,  #pagemenu ul { padding: 0;margin: 0;list-style: none;line-height: 1;}  #pagemenu {margin-bottom: 1px;} #pagemenu ul {float: left;list-style:  none;margin: 0px 0px 0px 0px;padding: 0px;} #pagemenu li {float:  left;list-style: none;margin: 0px;padding: 0px;} #pagemenu ul li  {list-style: none;margin: 0px;padding: 0px;} #pagemenu li a, #pagemenu  li a:link {color: #fff;display: block; margin: 0px 6px 0px 0px;padding:  12px 15px 10px 15px ;text-decoration: none;font-weight:  bold;text-transform: uppercase;font-size: 11px;font-family: Arial,  Helvetica, sans-serif;text-shadow: 0 1px 0 #282828; -moz-border-radius: 0  0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0  5px 5px;border-radius: 0 0 5px 5px;} #pagemenu li a:hover, #pagemenu li  a:active{background: #d5830b;color: #fff;display:  block;text-decoration: none;} #pagemenu  li.current_page_item a  {background: #d5830b;color: #fff;} #pagemenu li:hover, #pagemenu  li.sfhover { position: static;} .navcontainer {height: 36px;margin-top:  6px;} #nav {height: 36px;background:  url(http://2.bp.blogspot.com/_yPlAAAH9bEo/TAeBYuGeXzI/AAAAAAAACK0/CDYRoxEy4-8/s1600/nav-backgr.png);background-repeat:  repeat-x;} #nav, #nav ul { padding: 0;margin: 0;list-style:  none;line-height: 1;} #nav {margin-bottom: 1px;padding-left: 10px;} #nav  ul {float: left;list-style: none;margin: 0px 0px 0px 0px;padding: 0px;}  #nav li {float: left;list-style: none;margin: 0px;padding: 0px;} #nav  ul li {list-style: none;margin: 0px;padding: 0px;} #nav li a, #nav li  a:link {color: #fff;display: block; margin: 0px 3px 0px 3px;padding:  12px;text-decoration: none;font-size: 12px;font-weight:  bold;text-transform: uppercase;font-family: Arial, Helvetica,  Sans-serif; text-shadow: 0 1px 0 #b16f0f;} #nav li a:hover, #nav li  a:active {background:  url(http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeBgOhxmWI/AAAAAAAACK8/ixeXqjfnZTs/s1600/nav-backgr-hover.png)  top left repeat-x;color: #fff;display: block;text-decoration:  none;text-shadow: 0 1px 0 #482c04;} #nav  li.current-cat a {background:  url(http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeBgOhxmWI/AAAAAAAACK8/ixeXqjfnZTs/s1600/nav-backgr-hover.png)  top left repeat-x;color:#fff;text-shadow: 0 1px 0 #482c04;} #nav  li:hover, #nav li.sfhover { position: static;} /*  CONTENTWWW.BESTTHEME.NET */ #slider-holder{width: 610px;height:  320px;overflow: hidden; margin-bottom:-10px; margin-left:17px;  margin-top:-20px;padding: 35px 0 0 0;} #s3slider { width: 610px; /*  important to be same as image width */ height: 320px; /* important to be  same as image height */position: relative; /* important */overflow:  hidden; /* important */} #s3sliderContent {width: 610px; /* important to  be same as image width or wider */ position: absolute; /* important  */top: 0; /* important */margin-left: 0; /* important */} .s3sliderImage  {float: left; /* important */ position: relative; /* important */  display: none; /* important */} .s3sliderImage span { position:  absolute; /* important */ left: 0; font-weight: 700; font-size: 0.834em;  color: #ffffff;  padding: 10px 15px 13px 13px;  height: 38px;  width:  610px;  background-color: #302610; filter: alpha(opacity=70); /* here  you can set the opacity of box with text */ -moz-opacity: 0.7; /* here  you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here  you can set the opacity of box with text */ opacity: 0.7; /* here you  can set the opacity of box with text */ display: none; /* important  */bottom: 0;/* if you put top: 0; -> the box with text will be shown  at the top of the image if you put bottom: 0; -> the box with text  will be shown at the bottom of the image*/} .s3sliderImage span  a.featured-title:link, .s3sliderImage span  a.featured-title:visited{color: #fff;padding: 0px 0px 2px 0px;font-size:  1.167em;} .s3sliderImage span a.featured-title:hover{color: #999;}  .s3sliderImage span a:link, .s3sliderImage span a:visited{color: #888;}  .s3sliderImage span a:hover{color: #555;} #main-wrapper {padding: 15px  5px 15px 15px;} .main .widget {  margin:0 0 1.5em; padding:0 0 1.5em; }  .main .Blog {  border-bottom-width: 0;} .postwrap {margin: 0 0 15px  0;border: 1px solid #ffffff;background-color: #fff;} .post {background:   none top left repeat-x;border-bottom: 1px solid #e6e8c9;padding:  15px;} .post p {margin-bottom: 10px;    } .title {margin: 0 0 8px  0;padding: 0px;line-height: 22px;font-size: 22px;font-family: Arial,  Verdana;color: #323232;font-weight: bold;} .title a {text-decoration:  none;color: #323232;} .title a:hover {text-decoration: none;color:  #c62703;} .pagetitle {margin-bottom: 20px;line-height: 22px;font-family:  Arial, Verdana;text-decoration: underline;}  .readmorecontent{text-align:right} a.readmore{padding:4px  15px;background:#302610;color:#ffffff;text-decoration:none;text-shadow:0  1px 0 #ffffff;font-size:12px}  a.readmore:hover{background-color:#302610;text-shadow:0 1px 0  #302610;color:#ffffff} .jump-link {text-align: right;} .jump-link a  {padding: 4px 15px;background: #b33519;color: #fff;text-decoration:  none;text-shadow: 0 1px 0 #601302;} .jump-link a:hover  {background-color: #af2001;} .post-header{font-size: 11px;padding: 1px  4px;font-family: Arial, Verdana;color: #5b5b5b;} .post-header img  {border: none;vertical-align: middle;margin:2px;} .post-body{text-align:  justify;line-height: 20px;padding-top: 8px;font-family: Arial,  Verdana;font-size: 14px;color: #474747;} blockquote {overflow:  hidden;padding-left: 9px;font-style: italic;color: #666;border-left: 3px  solid #ffffff;} .post img {-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;  -khtml-border-radius:  5px;  padding: 5px;background: #ffffff; border-top: 1px solid  #969696;border-left: 1px solid #969696; -moz-box-shadow: 2px 2px 4px  #ffffff; -webkit-box-shadow:2px 2px 4px #696969;-ms-filter:  "progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=120,strength=4)";  .post-footer {    font-size: 11px;padding: 2px 4px;font-family: Arial,  Verdana;color: #474747;}} .comment-link {margin-left:.6em; } .post img {   padding:4px; } .post blockquote { margin:1em 20px;} .post blockquote p  { margin:.75em 0; } #comments h4 { margin:1em 0;font-weight: bold; }  #comments-block {margin:1em 0 1.5em; line-height:1.6em; }  #comments-block .comment-author {margin:.5em 0; } #comments-block  .comment-body { margin:.25em 0 0; } #comments-block .comment-footer {  margin:-.25em 0 2em; } #comments-block .comment-body p { margin:0 0  .75em;  } #blog-pager-newer-link { float: left;} #blog-pager-older-link  {float: right; } #blog-pager {  text-align: center;} .feed-links {clear:  both;line-height: 2.5em;} /* SIDEBAR(S) */ .sidebaradbox {margin-top:  5px; text-align:center;} .ad125 {margin: 6px;} .sidebar {margin: 0 10px  10px 10px; color: #fceacf;font-size: 13px;} .sidebar a {text-decoration:  none;color: #fceacf;} .sidebar a:hover {text-decoration:  underline;color:#f99401;} #search { border: 1px solid #5c5036;height:  30px;padding: 0;background: #4f432a;text-align: right;} #search input  {border: 0;background: none;color: #e9d9b7;} #s {width: 206px;padding:  4px;margin:3px 0 0 0;background: none;} #topsearch {margin-top: 16px; }  #topsearch #s { width: 224px; } .rssbox {background: #dcdbd9;border: 1px  solid #a3a19f;padding: 10px;margin: 10px 0 0 0;} .rssbox:hover {  border-color: #c88b06;} .rssbox a {color: #555;text-transform:  uppercase;font-size: 14px;font-weight: bold;text-decoration: none;}  .rssbox a:hover {color: #333; text-decoration: underline;} .twitterbox  {background: #dcdbd9;border: 1px solid #a3a19f;padding: 10px;margin:  10px 0 0 0;} .twitterbox:hover {border-color: #c88b06;} .twitterbox a  {color: #333;text-transform: uppercase;font-size: 14px;font-weight:  bold;text-decoration: none;} .twitterbox a:hover {color: #555;  text-decoration: underline;} /* Social icons */ .addthis_toolbox {  padding: 15px 0 0px 0;text-align: center;} .addthis_toolbox  .custom_images a{ width: 32px; height: 32px;  margin: 0 2px 0 2px;  padding: 0;} .addthis_toolbox .custom_images a:hover img{ opacity: 1;}  .addthis_toolbox .custom_images a img{ opacity: 0.85;} .sidebarvideo {}  .sidebar h2 {margin: 10px 0 0 0;padding: 6px 0 6px 10px;background:  url(http://4.bp.blogspot.com/_yPlAAAH9bEo/TAeCJTyB5LI/AAAAAAAACLE/o8VCtYpoQAM/s1600/tab_backgr.png);background-repeat:  repeat-x;background-position: top;font-size: 16px;font-family: Arial,  Helvetica, Sans-serif;font-weight: bold;text-transform:  uppercase;text-shadow: 0 1px 0 #a66b14;color: #fff;} .sidebar ul  {list-style-type: none;margin: 0px 0px 10px 0px;padding: 0px;} .sidebar  ul li {list-style-type: none;margin: 0px 0px 5px 0px;padding: 0px;}  .sidebar ul ul {list-style-type: none;margin: 0px;padding: 0px;}  .sidebar ul li {padding: 4px 0px 4px 18px;margin: 0px;background:  url(http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeCRFJZSdI/AAAAAAAACLM/Jdzx0nhPNC0/s1600/bullet.gif)  no-repeat top left;border-bottom: 1px solid #5e533b;} .sidebar ul li ul  li {background:  url(http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeCRFJZSdI/AAAAAAAACLM/Jdzx0nhPNC0/s1600/bullet.gif)  no-repeat top left;padding: 4px 0px 6px 18px;margin: 2px  0;border-bottom: 1px solid #5e533b;} /* FOOTER */ #footer {background:  #2e2511;padding: 22px;text-align: center;color: #fff;font-size: 13px;}  #footer a {color: #fff;} #footer a:hover {text-decoration: none;}  #footer2 {color: #8f7e5a;font-size: 11px;text-align: center;padding:  10px;} #footer2 a {color: #8f7e5a;text-decoration: none;}

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div></div> <div  id='main-bottom'> <div class='mainbottom section'  id='mainbottom-l'><div class='widget Text' id='Text4'> <h2  class='title'>Texto</h2> <div class='widget-content'>  Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto    </div>  <div class='clear'></div>  </div></div> <div class='mainbottom section'  id='mainbottom-m'><div class='widget Text' id='Text5'> <h2  class='title'>Texto</h2> <div class='widget-content'>  Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto    </div> <div class='clear'></div>  </div></div> <div class='mainbottom section'  id='mainbottom-r'><div class='widget Text' id='Text6'> <h2  class='title'>Texto</h2> <div class='widget-content'>  Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto    </div> <div class='clear'></div>  </div></div> </div> </div> <div  id='sidebar-wrapper'> <div class='sidebar section'  id='sidebar'><div class='widget LinkList' id='LinkList1'>   <h2>Menu</h2> <div class='widget-content'> <ul>  <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu</a></li>  <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu</a></li>  <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu</a></li>  <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu</a></li>  <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu</a></li>  </ul> <div class='clear'></div></div>  </div> </div> </div> </div> <div  class='clear'> </div> </div> <div  id='footer-wrapper'><div id='credits'>  <center><p>Copyright © 2010 <a  href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'  title=''>[K]ate[K]o</a> <br/> <a  href='http://www.kateko.es.tl/' _fcksavedurl='http://www.kateko.es.tl/'  title=''>Plantilla por  KATEKO.ES.TL</a></p></center></div></div>   </div></div> </body> </html>

CSS-BÖLÜMÜNE

TASARIMIN ÜSTÜNE :

TASARIM ALTINA:

<div  id="sidebar">  <div id="sidebar-top">     <h3>PaginaWebGratis.es</h3>      <ul>    <li  class="page_item page-item-2"><a href="#" _fcksavedurl="#"  ">Foro</a></li>    <li><a href="#"  _fcksavedurl="#">Normas del Foro</a></li>     <li><a href="#" _fcksavedurl="#">Moderadores del  Foro</a></li>  </ul> </div>    <div id="sidebar-bottom"> <h3>Web's  Amigas</h3> <ul class='xoxo blogroll'>    <li><a  href="#" _fcksavedurl="#">Enlace 1</a></li>     <li><a href="#" _fcksavedurl="#">Enlace  2</a></li>    <li><a href="#"  _fcksavedurl="#">Enlace 3</a></li>    <li><a  href="#" _fcksavedurl="#">Enlace 4</a></li>     <li><a href="#" _fcksavedurl="#">Enlace  5</a></li> </ul> </div>      <div  id="sidebar-bottom"> <h3>Lo mas Destacado</h3> <ul  class='xoxo blogroll'>    <li><a href="#"  _fcksavedurl="#">Enlace 1</a></li>    <li><a  href="#" _fcksavedurl="#">Enlace 2</a></li>     <li><a href="#" _fcksavedurl="#">Enlace  3</a></li>    <li><a href="#"  _fcksavedurl="#">Enlace 4</a></li>    <li><a  href="#" _fcksavedurl="#">Enlace 5</a></li> </ul>  </div>      </div> </div>    </div> <div  id="front-popular" class="clearfloat"> <div id="recentpost"  class="clearfloat">    <h3>Webmaster Tux !</h3>           <ul id="recentcomments">    <li><a href='#'  _fcksavedurl='#'>Nombre</a></li>    <li><a  href='#' _fcksavedurl='#'>Nombre</a></li>     <li><a href='#' _fcksavedurl='#'>Nombre</a></li>     <li><a href='#'  _fcksavedurl='#'>Nombre</a></li>    <li><a  href='#' _fcksavedurl='#'>Nombre</a></li>     <li><a href='#' _fcksavedurl='#'>Nombre</a></li>   </ul> </div>         <div id="mostcommented"  class="clearfloat"> <h3>Webmaster Tux !</h3> <ul>     <li><a href='#'  _fcksavedurl='#'>Nombre</a></li>    <li><a  href='#' _fcksavedurl='#'>Nombre</a></li>     <li><a href='#' _fcksavedurl='#'>Nombre</a></li>     <li><a href='#'  _fcksavedurl='#'>Nombre</a></li>    <li><a  href='#' _fcksavedurl='#'>Nombre</a></li>     <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  </ul> </div>  <div id="recent_comments"  class="clearfloat"> <img  src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg"  _fcksavedurl="http://www.fileden.com/files/2009/5/1/2426283/square.jpg"  width="280px" height="210px" /> </div> </div> <div  id="footer"> Potenciado por <a href="http://es.tl"  _fcksavedurl="http://es.tl">Pagin web gratis</a> | Diseño  Creado por : www.Team-AyudaWebs </div>

Css BÖLÜMÜNE :

#pre_header  {display: none;} #post_header {display: none;} #header_container  {display: none;} lli.nav_element{display: none;} li.nav_element  a{display: none;} h1#title{display: none;} h2#title span {display:  none;} #header {display: none;} #title {display: none;} #nav_container  {display:none;} table {margin-left:auto;margin-right:auto;}   *  {margin:0;padding:0;}  body {    font: 100% Arial, Helvetica;     background: #FFF;    color: #333;    }  p {       margin: 15px 0;    }   a:link, a:visited {    color: #3c78a7;    text-decoration:none    }   a:hover, a:active {    color: #3c78a7;    text-decoration:underline;    }   a img {    border:0;    }  code {    font: 1.0em 'Courier New',  Courier, Fixed;    background:#ececec;    }     acronym, abbr, span.caps  {       font-size: 0.9em;    letter-spacing: .07em;    cursor: help;     }           acronym, abbr {    border-bottom: 1px dashed #999;    }   blockquote {    padding: 10px 10px 0 10px;    border-top: 1px solid  #ddd;    border-bottom: 1px solid #ddd;    background: #eee;     font:1.0em Arial;    line-height:1.5em;    margin:10px 0px;    }  select  {    width: 130px;    }       /* Structure */   #head {    width:960px;     margin:0px auto;    margin-top:15px;    padding:0px;     font-size:0.7em;    }   #page {    width:940px;    margin:0px auto;     padding:10px;    background:#ececec;    font-size:0.7em;    }  .left,  .alignleft {    float:left;    }  .right, .alignright {    float:right;     }   /* Navigation Bar*/ #navbar {    margin:0 auto;     margin-top:15px;    padding:0px 10px;    text-transform:uppercase;     background:#2c2c2c  url("https://img.webme.com/pic/p/pruebas-webmaster-tux/navbar.png");    }   #page-bar {    width:722px;    }  #page-bar ul {    list-style: none;     }  #page-bar li {    float:left;    list-style:none;    cursor:  pointer;    display:block;    border-right:1px solid #333;    }   #page-bar li:hover {    background: #402020;    }   #page-bar a,  #page-bar a:visited {    margin: 0px;    padding:10px 16px;     font-weight:bold;    color:#FFF;    display:block;    }  #page-bar  a:hover {    text-decoration:none;    display:block;    }  #searchform {     width:194px;    float:right;    text-align:right;     padding-top:8px;    margin-right:10px;    }  /* Dropdown Menus */       #page-bar li {    float: left;    margin: 0px;    padding: 0px;    }      #page-bar li li {    float: left;    margin: 0px;    padding: 0px;     width: 122px;    text-transform:none;    }     #page-bar li li a,  #page-bar li li a:link, #page-bar li li a:visited {    background:  #2B2B2B;    width: 122px;    float: none;    margin: 0px;    padding:  5px 10px 5px 18px;    border-top: 1px solid #C0C0C0;    }     #page-bar  li li a:hover, #page-bar li li a:active {    background: #666666;     padding: 5px 10px 5px 18px;    }  #page-bar li ul {    position:  absolute;    width: 10em;    left: -999em;    }  #page-bar li:hover ul {     left: auto;    display: block;    }     #page-bar li:hover ul,  #page-bar li.sfhover ul {    left: auto;    }   /* Text*/  h1 {     font:3.5em Arial;    font-weight:bold;    letter-spacing:-0.08em;    }   h2 {    font:2.3em Georgia, "Times New Roman";    }  h3 {    font:1.3em  Arial;    margin-bottom:3px;    color:#3c78a7;    font-weight:bold;    }   h4 {    font:1.0em Arial;    }  h3.cat_title, h3.cat_title a {     color:#333;    letter-spacing:-0.05em;    font-size:0.85em;    }   h3#respond {    margin-top:0px;    padding-top:20px;    }  h3#comments {     margin-top:32px;    padding-left:0px;    }  h3.authors {     margin-top:15px;    }  /* Index Page*/  #logo {    width:350px;    }   #tagline {    margin-top:5px;    font-size:1em;    color:#333;    }   #top {    padding:0;    }  #headline {    width:590px;    float:left;     background:#fff;    padding:10px;    font-size:1.05em;     line-height:1.5em;    margin:0;    }  #headline  div.title {     font-weight:bold;    font:2.4em Georgia;    letter-spacing:-0.05em;     display:block;    padding-bottom:5px;    }  #headline div.meta {     display:block;    margin-top:-5px;    padding-bottom:2px;    }   #headline p {    padding-bottom:15px;    }  #featured {    width:300px;     background:#fff;    float:right;    padding:10px 10px 9px 10px;    }   #featured .clearfloat {    margin-top:7px;    margin-bottom:8px;    }   #featured .info {    margin-top:5px;    padding-top:5px;    float:right;     width:180px;    }  #featured .title {    font-weight:bold;    }   #headline a img, #featured a img {    border:1px solid #ccc;     margin-top:5px;    margin-right:10px;    padding:2px;    }     .category  {    width:164px;    float:left;    border-top:8px solid #333;     margin:0px;    padding:5px 10px 10px 10px;    background:#fff;    }   .category p {    margin:0;    }  #cat-1, #cat-3, #cat-5  {border-top:8px  solid #333333;} #cat-2, #cat-4 {border-top:8px solid #3c78a7;}   .category span.cat_title, #front-popular h3, #front-list .cat_title,  #archive .cat_title {    text-transform:lowercase;    margin:0;     font-weight:bold;    font-size:1.5em;    letter-spacing:-0.05em;    }   #front-popular h3 {    color:#fff;    }  .category a {    color:#333;     display:block;    background:none;    }  .category a:hover {     background:none;    color:#fff;    text-decoration:none;    }  #waper {     width: 940px;    }  #content {    width:590px;    background:#fff;     padding:10px;    font-size:1.05em;    line-height:1.75em;     float:left;    }  #archive {    padding-top:15px;    font-size:1.05em;     line-height:1.75em;    }  #front-list blockquote {    padding: 0px  10px 0 10px;    }  #front-list .title, #archive .title {     font-weight:bold;    font:2.0em Georgia;    letter-spacing:-0.05em;    }   #front-list .clearfloat, #archive .clearfloat {     padding-bottom:10px;    border-bottom:1px dotted #ccc;     margin-bottom:10px;    }  #front-list .spoiler, #archive .spoiler {     display:block;    margin-top:3px;    }  #front-list p, #archive p {     margin:0px;    padding:0px;    }  .author {    font-size:0.8em;     font-weight:bold;    }  .meta {    font-size:0.8em;    color:#333;    }   .meta a {    color:#333;    }  #headline p, #featured p {    margin:0;     }   /* Content Page*/    /* Sidebar*/ #sidebar {    width:320px;     float:right;    margin:0px 0px 0px 0px;    }  #sidebar h3 {     font:1.1em Arial;    font-weight:bold;    background:  url(https://img.webme.com/pic/p/pruebas-webmaster-tux/navbar.png);     color:#fff;    margin:10px 0px 5px 0px;    padding:3px 10px;    }   #sidebar-top, #sidebar-bottom {    width:300px;    float:right;     padding:0px 10px 10px 10px;    background:#fff;    }  #sidebar-bottom,  #sidebar-middle {    margin-top:10px;    }  #sidebar-middle {     width:320px;    float:right;    }  #sidebar-left {    width:135px;     padding:0px 10px 10px 10px;    float:left;    background:#fff;    }   #sidebar-right {    width:135px;    padding:0px 10px 10px 10px;     float:right;    background:#fff;    }   #sidebar li {     list-style:none;    border-bottom:1px dotted #ccc;    display:block;     padding:2px 0px 2px 13px;     background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png")  no-repeat 0 0px;    }  #sidebar li ul li:last-child{    list-style:none;     border-bottom:0px dotted #ccc;    display:block;    padding:2px 0px  0px 13px;     background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png")  no-repeat 0 0px;    }  #sidebar-ads {    width:300px;    float:right;     margin-bottom:10px;    padding:10px;    background:#fff;    }   /* Form  Elements */  select {    border:1px solid #333;    width:100%    }      .field {    padding: 2px;    border:1px solid #333;    background:#fff;     font-size:1.0em;    }  #s {    padding:1px;    font-size:1.0em;     width:150px;    }     #searchsubmit {    padding-left:5px;    }   #commentform input {    width: 140px;    margin: 5px 5px 1px 0;    }   #commentform textarea {    width: 99%;    margin-top:5px;    }    /*  Comments*/  .commentlist cite {    font-style:normal;     margin-bottom:4px;    display:block;    }     .commentlist blockquote {     background:#ededed;    }           .commentlist li {    padding: 10px  0px 10px 0px;    list-style:none;    margin-bottom:3px;    }   .commentlist li li {    background:none;    border:none;     list-style:square;    margin:3px 0 3px 20px;    padding:3px 0;    }   .commenttext {    padding: 10px 10px 0px 10px;    background:#f2f2f2;     border-top:1px solid #ddd;    border-bottom: 1px solid #ddd;     width:495px;    float:right    }       .commentlist cite strong {     font-size:1.1em;    }     li.my_comment {    background: #FFF;     border:none;    }  li.my_comment cite strong {    font-size: 1.3em;     color:#313228;    }     #commentform small {    background:#FFF;     font-weight:bold;    padding:0;    }     .commentmetadata {     color:#4d4d4d;    display: block;    margin-top:3px;     text-align:right;    font-size:0.9em;    }  .commentmetadata a,  .commentmetadata a:visited {    color:#959382;    }     .commentlist  small {    background:#e9e9e9;    }  .avatar {    border:1px solid #bbb;     margin:0px 10px 0px 0px;    float:left;    padding:2px;     width:55px;    height:55px;    }     #comment {    width:590px;     background:#fff;    }  /* Footer*/  #front-popular {    font-size:0.7em;     color:#fff;    width: 940px;    background:#2c2c2c  url("https://img.webme.com/pic/p/pruebas-webmaster-tux/bottombar.png")  bottom no-repeat;    margin: 0 auto;    padding:10px;    }  #recentpost,  #mostcommented {    width:280px;    float:left;    padding:10px;     border:1px solid #fff;    }  #mostcommented {    margin-left:17px;    }   #recent_comments {    width:280px;    float:right;    padding:10px;     border:1px solid #fff;    }  #recentpost a, #mostcommented a,  #recent_comments a {    color:#fff;    }  #recentpost ul, #mostcommented  ul, #recent_comments ul {    margin-top:5px;    }  #recentpost ul li,  #mostcommented ul li, #recent_comments ul li {    list-style:none;     border-top:1px dotted #fff;    padding:5px;    display:block;    }   #recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul  li:hover {    background:#402020;    color:#fff;    }  #recentpost ul  li:first-child, #mostcommented ul li:first-child, #recent_comments ul  li:first-child {    border-top:0px dotted #fff;    }   #footer {     margin: 0 auto;    width: 960px;    font-size:0.6em;     padding-top:10px;    padding-bottom:10px;    }   /* Float Properties*/   .clearfloat:after {    content:".";    display:block;    height:0;     clear:both;    visibility:hidden;    }  .clearfloat {    display:  inline-block;    }   /* Hides from IE-mac */ * html .clearfloat {     height:1%;    }  *+html .clearfloat {    height:1%;    }  .clearfloat {     display:block;    }

EgiticiBilgiler | Bilmemek Değil, Öğrenmemek Ayıp!

Webmaster

Css Tasarimlar

Facebook'ta Paylaş

Reklam

Hızlı Menü

Webmaster Başlangıç

Google & Seo

Hit - Ziyaretçi Kaynakları

Hazır Sistemler

Adobe