Slash Paylaşım | Türkiyenin Paylaşım Platformu

CSS GALERİLİ TASARIM

Tasarımın Üstüne Eklenecek

<link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/plugins/wp-pagenavi/pagenavi-css.css" type="text/css" media="screen" />     <link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/style.css" type="text/css" media="screen" />        <link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/jquery.jcarousel.css" type="text/css" media="screen" />    <link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/skin.css" type="text/css" media="screen" />    <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/pngfix.js"></script>     <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.min.js"></script>    <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.lavalamp.1.3.2-min.js"></script>    <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.easing.1.3.js"></script>    <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.jcarousel.js"></script>    <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/superfish.js"></script>    <script type="text/javascript">
      function mycarousel_initCallback(carousel)
      {
         // Disable autoscrolling if the user clicks the prev or next button.
         carousel.buttonNext.bind('click', function() {
            carousel.startAuto(0);
         });
         
         carousel.buttonPrev.bind('click', function() {
            carousel.startAuto(0);
         });
         
         // Pause autoscrolling if the user moves with the cursor over the clip.
         carousel.clip.hover(function() {
            carousel.stopAuto();
         }, function() {
            carousel.startAuto();
         });
      };
      
      $(document).ready(function(){
         // dropdown
         $("ul.superfish").superfish();
         
         // featured carousel effect
         jQuery('#mycarousel').jcarousel({
            auto: 3,
            scroll:1,
            wrap: 'last',
            initCallback: mycarousel_initCallback
         });
      });
   </script>  </head> <body> <div id="base">    <div id="header">       <div id="page-menu" class="clearfix">          <script type="text/javascript">
            $(function() {
               $('#nav1').lavaLamp({fx: 'swing', speed: 333,click: function(event, menuItem) {return true;}});
            });
         </script>          <ul id="nav1" class="left">             <li class="current_page_item" style="border:0; "><a href="http://wpcrunchy.com/preview/wordpress" _fcksavedurl="http://wpcrunchy.com/preview/wordpress">Home</a></li>             <li class="page_item page-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=5" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?page_id=5" title="About">About</a></li>  <li class="page_item page-item-55"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=55" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?page_id=55" title="Design">Design</a></li> <li class="page_item page-item-57"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=57" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?page_id=57" title="Photoshop">Photoshop</a></li> <li class="page_item page-item-40"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=40" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?page_id=40" title="PROGRAMMING">PROGRAMMING</a></li>          </ul>          <div id="rss-button" class="right clearfix">             <a href="http://wpcrunchy.com/preview/wordpress/?feed=rss2" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?feed=rss2" class="left">POST</a>             <a href="http://wpcrunchy.com/preview/wordpress/?feed=comments-rss2" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?feed=comments-rss2" class="left">COMMENTS</a>          </div>        </div>       <div id="logo">          <div class="logo-image clearfix">             <a class="left" href="http://wpcrunchy.com/preview/wordpress" _fcksavedurl="http://wpcrunchy.com/preview/wordpress">                                  <img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/images/logo.png" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/images/logo.png" border="0" alt="Logo" />                            </a>             <div class="ads-topwide right">                <div style="background:#fff; width:468px; height:60px; "><script type="text/javascript">
</script>  <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>             </div>          </div>       </div>       <div id="category-menu" class="clearfix">          <ul class="nav superfish">                <li class="cat-item cat-item-3"><a href="http://wpcrunchy.com/preview/wordpress/?cat=3" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=3" >Apple</a> <ul class='children'>    <li class="cat-item cat-item-19"><a href="http://wpcrunchy.com/preview/wordpress/?cat=19" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=19" >Desktop PC</a>     <ul class='children'>    <li class="cat-item cat-item-20"><a href="http://wpcrunchy.com/preview/wordpress/?cat=20" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=20" >Mac Notebook</a> </li>    </ul> </li>    <li class="cat-item cat-item-18"><a href="http://wpcrunchy.com/preview/wordpress/?cat=18" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=18" >Ipod</a> </li>    <li class="cat-item cat-item-17"><a href="http://wpcrunchy.com/preview/wordpress/?cat=17" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=17" >Phone</a>    <ul class='children'>     <li class="cat-item cat-item-21"><a href="http://wpcrunchy.com/preview/wordpress/?cat=21" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=21" >Iphone</a> </li>    <li class="cat-item cat-item-22"><a href="http://wpcrunchy.com/preview/wordpress/?cat=22" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=22" >Iphone 3G</a>       <ul class='children'>    <li class="cat-item cat-item-23"><a href="http://wpcrunchy.com/preview/wordpress/?cat=23" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=23" >Application</a> </li>    <li class="cat-item cat-item-24"><a href="http://wpcrunchy.com/preview/wordpress/?cat=24" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=24" >Themes</a> </li>        </ul> </li>    </ul> </li> </ul> </li>    <li class="cat-item cat-item-4"><a href="http://wpcrunchy.com/preview/wordpress/?cat=4" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=4" >Featured</a> </li>    <li class="cat-item cat-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?cat=5" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=5" >Hotel</a> </li>    <li class="cat-item cat-item-6"><a href="http://wpcrunchy.com/preview/wordpress/?cat=6" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=6" >HTML</a>  </li>    <li class="cat-item cat-item-7"><a href="http://wpcrunchy.com/preview/wordpress/?cat=7" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=7" >Internet</a> </li>    <li class="cat-item cat-item-8"><a href="http://wpcrunchy.com/preview/wordpress/?cat=8" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=8" >Introduction</a> </li>    <li class="cat-item cat-item-9"><a href="http://wpcrunchy.com/preview/wordpress/?cat=9" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=9" >Movie</a> </li>    <li class="cat-item cat-item-10"><a href="http://wpcrunchy.com/preview/wordpress/?cat=10" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=10" >Programming</a> </li>     <li class="cat-item cat-item-25"><a href="http://wpcrunchy.com/preview/wordpress/?cat=25" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=25" >Six Preview</a> </li>    <li class="cat-item cat-item-11"><a href="http://wpcrunchy.com/preview/wordpress/?cat=11" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=11" >Web</a> </li>          </ul>       </div>    </div>        <div class="shadow"></div>       <div id="main">        <div id="content-body" class="clearfix">                    <div id="posts" class="left">             <div class="slideshow irelative">                <div class="hangtext">What's new</div>                <div class="slider">                   <ul id="mycarousel" class="jcarousel-skin-tango">                                                          <li><a href="http://wpcrunchy.com/preview/wordpress/?p=35" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=35"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/twilight07dp7.jpg&w=590&h=280&zc=1" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/twilight07dp7.jpg&w=590&h=280&zc=1" border="0" alt="Twilight Movie and Book" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=35" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=35">Twilight Movie and Book</a></strong><span><p style="line-height:18px; ">Mauris faucibus velit ac lorem. Aliquam auctor laoreet erat. Phasellus luctus odio nec risus. Cum sociis [...]</p></span></div></li>                                         <li><a href="http://wpcrunchy.com/preview/wordpress/?p=31" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=31"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/index4a.jpg&w=590&h=280&zc=1" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/index4a.jpg&w=590&h=280&zc=1" border="0" alt="Ponce Suites, Davao City, Philippines" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=31" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=31">Ponce Suites, Davao City, Philippines</a></strong><span><p style="line-height:18px; ">Suspendisse aliquet sem ut nulla. Cras mollis ornare nisl. Morbi ac mi. Nunc eget nisi. Donec at enim. [...]</p></span></div></li>                                        <li><a href="http://wpcrunchy.com/preview/wordpress/?p=28" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=28"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/final_fantasy_vii_advent_children.jpg&w=590&h=280&zc=1" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/final_fantasy_vii_advent_children.jpg&w=590&h=280&zc=1" border="0" alt="Final Fantasy: Advent Children" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=28" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=28">Final Fantasy: Advent Children</a></strong><span><p style="line-height:18px; ">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime [...]</p></span></div></li>                                     </ul>                </div>             </div>                         <div class="post">                <div class="post-head clearfix">                    <h1 class="post-heading left"><a href="http://wpcrunchy.com/preview/wordpress/?p=35" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=35" title="Permalink to Twilight Movie and Book">Twilight Movie and Book</a></h1>                   <h1 class="post-meta right">March 29th, 2009</h1>                </div>                <div class="post-body clearfix">

Tasarımın Altına Eklenecek Kod

</div> </div>          </div>                     <div id="sidebar" class="right">             <div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Pages</h2>      <ul>          <li class="page_item page-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=5" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?page_id=5" title="About">About</a></li> <li class="page_item page-item-55"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=55" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?page_id=55" title="Design">Design</a></li> <li class="page_item page-item-57"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=57" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?page_id=57" title="Photoshop">Photoshop</a></li> <li class="page_item page-item-40"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=40" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?page_id=40" title="PROGRAMMING">PROGRAMMING</a> <ul>    <li class="page_item page-item-42"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=42" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?page_id=42" title="Javascript">Javascript</a>     <ul>       <li class="page_item page-item-53"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=53" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?page_id=53" title="AJAX">AJAX</a></li>    </ul> </li>    <li class="page_item page-item-48"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=48" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?page_id=48" title="PHP">PHP</a></li> </ul> </li>       </ul>       </div><div class="widget-foot"></div></div><div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Archives</h2>      <ul>           <li><a href='http://wpcrunchy.com/preview/wordpress/?m=200903' _fcksavedurl='http://wpcrunchy.com/preview/wordpress/?m=200903' title='March 2009'>March 2009</a></li>       </ul> </div><div class="widget-foot"></div></div><div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Categories</h2>      <ul>    <li class="cat-item cat-item-3"><a href="http://wpcrunchy.com/preview/wordpress/?cat=3" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=3" title="View all posts filed under Apple">Apple</a> </li>    <li class="cat-item cat-item-4"><a href="http://wpcrunchy.com/preview/wordpress/?cat=4" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=4" title="View all posts filed under Featured">Featured</a> </li>    <li class="cat-item cat-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?cat=5" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=5" title="View all posts filed under Hotel">Hotel</a>  </li>    <li class="cat-item cat-item-6"><a href="http://wpcrunchy.com/preview/wordpress/?cat=6" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=6" title="View all posts filed under HTML">HTML</a> </li>    <li class="cat-item cat-item-7"><a href="http://wpcrunchy.com/preview/wordpress/?cat=7" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=7" title="View all posts filed under Internet">Internet</a> </li>    <li class="cat-item cat-item-8"><a href="http://wpcrunchy.com/preview/wordpress/?cat=8" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=8" title="View all posts filed under Introduction">Introduction</a> </li>    <li class="cat-item cat-item-9"><a href="http://wpcrunchy.com/preview/wordpress/?cat=9" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=9" title="View all posts filed under Movie">Movie</a> </li>     <li class="cat-item cat-item-10"><a href="http://wpcrunchy.com/preview/wordpress/?cat=10" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=10" title="View all posts filed under Programming">Programming</a> </li>    <li class="cat-item cat-item-25"><a href="http://wpcrunchy.com/preview/wordpress/?cat=25" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=25" title="View all posts filed under Six Preview">Six Preview</a> </li>    <li class="cat-item cat-item-11"><a href="http://wpcrunchy.com/preview/wordpress/?cat=11" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?cat=11" title="View all posts filed under Web">Web</a> </li>       </ul> </div><div class="widget-foot"></div></div><div class="widget">    <div class="widget-body">        <h2 class="widget-title">Subscribe + Follow</h2>       <div>          Sign up to receive breaking news as well as receive other site updates. Alternatively you can subscribe to our <a href="http://wpcrunchy.com/preview/wordpress/?feed=rss2" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?feed=rss2">RSS feed</a> or follow us at <a href="http://twitter.com/Wpcrunchy" _fcksavedurl="http://twitter.com/Wpcrunchy">Twitter</a>.<br/><br/>          <form style="padding:0; margin:0; " action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit_fckprotectedatt="%20onsubmit%3D%22window.open('http%3A%2F%2Ffeedburner.google.com%2Ffb%2Fa%2Fmailverify%3Furi%3DWpcrunchy'%2C%20'popupwindow'%2C%20'scrollbars%3Dyes%2Cwidth%3D550%2Cheight%3D520')%3Breturn%20true%22">             <input type="text" class="rss-subscribe text" name="email" id="email" value="Type in email adress and hit Enter..." onblur_fckprotectedatt="%20onblur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'Type%20in%20email%20adress%20and%20hit%20Enter...'%3B%7D%22"  onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Type%20in%20email%20adress%20and%20hit%20Enter...')%20%7Bthis.value%20%3D%20''%3B%7D%22" />              <input type="hidden" value="Wpcrunchy" name="uri"/><input type="hidden" name="loc" value="en_US"/>          </form>       </div>    </div>    <div class="widget-foot"></div> </div>         </div>       </div>    </div>    <div id="footer">        <div class="footer-content clearfix">           <div class="foot-box">              <h2>Recent Posts</h2>                           <ul>                                 <li><a href="http://wpcrunchy.com/preview/wordpress/?p=35" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=35">Twilight Movie and Book</a></li>                                 <li><a href="http://wpcrunchy.com/preview/wordpress/?p=31" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=31">Ponce Suites, Davao City, Philippines</a></li>                                 <li><a href="http://wpcrunchy.com/preview/wordpress/?p=28" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=28">Final Fantasy: Advent Children</a></li>                                 <li><a href="http://wpcrunchy.com/preview/wordpress/?p=24" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=24">Gimme Gimme Extra Style</a></li>                                 <li><a href="http://wpcrunchy.com/preview/wordpress/?p=17" _fcksavedurl="http://wpcrunchy.com/preview/wordpress/?p=17">Styling all the elements</a></li>                              </ul>           </div>                      <div class="foot-box">              <h2>Archives</h2>              <ul>                    <li><a href='http://wpcrunchy.com/preview/wordpress/?m=200903' _fcksavedurl='http://wpcrunchy.com/preview/wordpress/?m=200903' title='March 2009'>March 2009</a></li>              </ul>           </div>                      <div class="foot-box">              <h2>About Us</h2>              <div class="abouttext">                 You can put anything you want here. An about page for example.             </div>           </div>        </div>        <div class="credits">           <div class="credits-content">              Powerd by <a href="http://wordpress.org" _fcksavedurl="http://wordpress.org" target="_blank">Wordpress</a> and <a href="http://wpcrunchy.com" _fcksavedurl="http://wpcrunchy.com" target="_blank">Crunchy wordpress themes</a> | Designed by <a href="http://www.hostreviewgeeks.com" _fcksavedurl="http://www.hostreviewgeeks.com">small business web hosting</a>. In collaboration of <a href="http://webhosting.reviewitonline.net/web_hosting_reviews/fatcow_review.htm" _fcksavedurl="http://webhosting.reviewitonline.net/web_hosting_reviews/fatcow_review.htm">FatCow</a>, <a href="http://www.digitaldiscountcodes.com/Categories/Travel/" _fcksavedurl="http://www.digitaldiscountcodes.com/Categories/Travel/">Travel Deals</a> Adaptado por<a href="http://www.pwg-designs.es.tl" _fcksavedurl="http://www.pwg-designs.es.tl"> PwG-DesignS</a>           </div>        </div>     </div>  </div>    <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script> <script type="text/javascript">
var pageTracker = _gat._getTracker("UA-7411740-1");
pageTracker._initData();
pageTracker._trackPageview();

</script>  </body>  </html>

CSS Bölümüne Eklenecek Kod

li.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;}  /*     Theme Name: Obscure     Theme URI: http://wpcrunchy.com     Description: Premium dark magazine wordpress theme by <a href="http://wpcrunchy.com" _fcksavedurl="http://wpcrunchy.com">wpcrunchy</a> for free download. Built with in-demand features that can be access through admin panel.     Version: 1.0     Author: akosipau     Author URI: http://akosipau.com/     Tags: three column, dark, jquery, gray, white  */    /* GLOBAL ELEMENTS  ----------------------------------  */    /* Resets  --------------------------  */  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, 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;     font-weight: inherit;     font-style: inherit;     font-size: 100%;     font-family: inherit;     vertical-align: baseline;  }  :focus {     outline: 0;  }  body {     line-height: 1;     font-size:11px;     font-family: Georgia, "Times New Roman", Times, serif;     background:#171615;     height: 100%;  }  html, body {     height: 100%;  }  ol, ul {     list-style: none;  }  table {     border-collapse: separate;     border-spacing: 0;  }  caption, th, td {     text-align: left;     font-weight: normal;  }  blockquote:before, blockquote:after, q:before, q:after {     content: "";  }  blockquote, q {     quotes: "" "";  }  blockquote {     line-height: 1.2em;     font-style: italic;     padding: 5px 20px 5px 60px;     margin: 20px 0;  }  acronym {     cursor: help;     border-bottom: 1px dashed #333;  }  strong {     font-weight: bold;  }  em {     font-style: italic;  }  hr {     display: none;  }  a {     text-decoration:none;     color:#b0483b;  }  a:hover {     text-decoration:underline;  }  .right {     float: right;  }  .left {     float: left;  }  .hide {     display: none;  }  .irelative {     position:relative;  }  .text {     padding:5px;     font-family:Georgia, "Times New Roman", Times, serif;  }  .incomment {     padding:5px 0 !important;  }  .clear {     clear: both;  }  .clearfix:after {     content: ".";     display: block;     clear: both;     visibility: hidden;     line-height: 0;     height: 0;  }  .clearfix {     display: block;  }  html[xmlns] .clearfix {     display: block;  }  * html .clearfix {     height: 1%;  }    /* BASE STYLE  ---------------------  */    #base {  }    #header {     background:#252423;     background:url(http://img2.imageshack.us/i/headerbgs.png/) repeat-x top;  }    #main {     background:#e9e9e9 url(http://img3.imageshack.us/i/shadowbg.png/) repeat-x top;     padding-bottom:30px;  }    #footer {     background:#171615;     border-top:8px solid #707171;  }    /* header  ---------------------  */    #page-menu {     height:30px;     width:1000px;     margin:0 auto;     background:#171615;     border-bottom:1px solid #393837;  }       #nav1 {        padding-left:30px;     }       #nav1 li {        float: left;        list-style: none;     }          #nav1 li.backLava {        background:#393837;        width: 9px;        position: absolute;        border:0;     }          #nav1 li a {        color:#a4a5a1;        text-decoration:none;        text-align: center;        padding:11px 20px 10px 20px;        z-index: 10;        display: block;        position: relative;        margin: auto 5px;        text-transform:uppercase;        font-size:9px !important;     }          #nav1 li a:hover, #nav1 li a:active, #nav1 li.current_page_item a {        background:none !important;     }          #rss-button a {        color:#a4a5a1;        padding:11px 20px 10px 20px;        background:url(http://img171.imageshack.us/i/feedt.png/) no-repeat 0% 50%;     }          #rss-button a:hover {        text-decoration:none;        background:url(http://img2.imageshack.us/i/feed2.png/) no-repeat 0% 50%;     }    #logo {     height:180px;     width:1000px;     margin:0 auto;  }       #logo .logo-image {        padding:45px 20px 20px 20px;        color:#fff;     }          #logo .ads-topwide {        width:468px; height:60px; background:#a4a5a1; padding:10px;     }    #category-menu {     height:40px;     padding:0 10px;     background:#393b3b;     border-top:1px solid #4a4d4c;     width:980px;     margin:0 auto;  }       #category-menu ul {     margin: 0px;     padding-left: 0px;     list-style-type: none;     list-style-image: none;     float: left;     }          #category-menu ul li {     float: left;     display: block;     padding-left: 0px;     z-index:1000;     }          #category-menu ul li a:link,#category-menu ul li a:visited, #category-menu ul li a:active  {     display: block;     color: #e1e2df;     padding: 15px 20px 16px 20px;     float: left;     margin: 0px;     text-transform:uppercase;     font-family: Cambria, Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;     font-size:9px !important;     letter-spacing:1.5px;     background:url(http://img171.imageshack.us/i/libg.jpg/) no-repeat right center;     }          #category-menu ul li a:hover {     background-color: #393b3b;     text-decoration:none !important;     color:#a4a5a1;     }          .nav, .nav * {margin:0;padding:0;list-style:none;}          .nav ul {position:absolute;top:-999em;}          .nav li {float:left;position:relative;z-index:99;}          .nav a {display:block;}          .nav ul li{width: 100%;}          .nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:40px;}          .nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}          .nav li li:hover ul,ul.nav li li.sfHover ul {left:220px;top:0px;}          .nav li:hover ul,.nav li li:hover ul {top: -999em;}          /*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/       .nav li li {     display: block;     padding: 0px;     height: auto !important;     }          .nav li:hover {     background-color: #393b3b !important;     }          .nav li li a:link, .nav li li a:visited {     width: 180px;     display: block;     background:none !important;     background-color: #666 !important;     height: auto !important;     color:#FFFFFF !important;     }          .nav li li a:hover {     background-color: #717171 !important;     text-decoration:none !important;     color:#FFFFFF !important;     }       /* Main  ----------------------  */    #content-body {     width:1000px;     margin:0 auto;  }    /* post */    #posts {     width:650px;     margin:0 auto 0 auto;     padding-top:15px;  }          #posts .heading {        padding:5px 20px;        color:#666666;        font-size: 2.6em;        letter-spacing:-0.04em;        line-height: 1.05em;        padding-bottom: 10px;        font-family: Helvetica, Arial, sans-serif;        text-transform:capitalize;        margin-bottom:20px;     }       #posts .slideshow {        padding:15px 20px;     }             #posts .slideshow .slider {           width:590px;           padding:10px;           height:280px;           background:#ffffff;           border-bottom:1px solid #dcdcdc;           border-right:1px solid #dcdcdc;        }                #posts .hangtext {           margin:0; padding:5px 10px;           width:auto; height:auto;           background:#b0483b;           position:absolute; display:block;           font:bold 1.5em Arial, Helvetica, sans-serif; color:#FFF;           top:40px; left:19px;           z-index:100;        }       #posts .post {        padding:5px 20px;     }          #posts .post .post-head {        background:url(http://img43.imageshack.us/i/postheadbar.png/) no-repeat bottom center;        border-bottom:1px solid #f1f1f1;        position:relative;     }          #posts .post h1.post-heading {        width:77%;        font-size: 2.6em;        letter-spacing:-0.04em;        line-height: 1.05em;        padding-bottom: 10px;        font-family: Helvetica, Arial, sans-serif;        text-transform:capitalize;     }                #posts .post h1.post-heading a {           color:#171615 !important;        }             #posts .post h1.post-heading a:hover {           color:#393b3b !important;           text-decoration:none !important;        }          #posts .post h1.post-meta {        width:135px;        letter-spacing:-0.04em;        line-height: 1.05em;        padding: 19px 5px 10px 0px;        font-weight:normal;        color:#666666;        text-align:right;        bottom:0;        right:0;        position:absolute;     }          #posts .post .post-thumb {        padding-top:10px;     }             #posts .post .post-thumb div {           padding:3px;           border:1px solid #ccc;        }                #posts .post .post-thumb img {           border:0;           padding:0;           margin:0;        }          #posts .post .post-content-full {        padding-top:10px;        line-height:18px;     }             #posts .post .post-content-full p {           padding:5px 0;        }                #posts .post .post-content-full blockquote {           font-size:1.5em;           color:#a1a1a1;           background:url(http://img3.imageshack.us/i/blockquote.png/) no-repeat 3% 0;        }                #posts .post .post-content-full ul, #posts .post .post-content-full ol {           padding-left:15px;        }                #posts .post .post-content-full ul li {           list-style-type:circle;        }                #posts .post .post-content-full ol li {           list-style-type:decimal;        }                #posts .post .post-content-full .post-image {           padding:10px;           background:#fff;           border-right:1px solid #dcdcdc;           border-left:1px solid #dcdcdc;           border-bottom:1px solid #dcdcdc;        }                /* header */                #posts .post .post-content-full h2, #posts .post .post-content-full h3, #posts .post .post-content-full h4, #posts .post .post-content-full h5, #posts .post .post-content-full h6 {           letter-spacing:-0.04em;           line-height: 1.05em;           padding:10px 0;           color:#393b3b;           text-transform:capitalize;        }                #posts .post .post-content-full h2 {           font-size: 2.5em;        }                #posts .post .post-content-full h3 {           font-size: 2.2em;        }                #posts .post .post-content-full h4 {           font-size: 2em;        }                #posts .post .post-content-full h5 {           font-size: 1.8em;        }                #posts .post .post-content-full h6 {           font-size: 1.5em;        }                /* custom style - credits to themehybrid*/             #posts .post .post-content-full p.note {           display:block;           margin:10px;           padding:10px;           background:#eff1e1;           border:1px solid #e2e2e2;        }                #posts .post .post-content-full p.warning {           display:block;           margin:10px;           padding:10px;           background:#fffbbc;           border:1px solid #e6db55;        }                #posts .post .post-content-full p.download {           display:block;           margin:10px;           padding:10px;           background:#e7f7d3;           border:1px solid #66cc33;        }             #posts .post .post-bookmark {        width:410px;        padding:20px 0 30px 0;        margin:0 auto;     }             #posts .post .post-bookmark a {           display:block;           height:48px;           width:48px;           padding:0 10px;           float:left;        }                #posts .post .post-bookmark a.rss {           background:url(http://img15.imageshack.us/i/socialrss.png/) no-repeat top center;        }                #posts .post .post-bookmark a.rss:hover {           background:url(http://img15.imageshack.us/i/socialrss2.png/) no-repeat top center;        }                #posts .post .post-bookmark a.digg {           background:url(http://img15.imageshack.us/i/socialdigg.png/) no-repeat top center;        }                #posts .post .post-bookmark a.digg:hover {           background:url(http://img2.imageshack.us/i/socialdelicious2.png/) no-repeat top center;        }                #posts .post .post-bookmark a.delicious {           background:url(http://img3.imageshack.us/i/socialdelicious.png/) no-repeat top center;        }                #posts .post .post-bookmark a.delicious:hover {           background:url(http://img3.imageshack.us/i/socialdigg2.png/) no-repeat top center;        }                #posts .post .post-bookmark a.stumbleupon {           background:url(http://img43.imageshack.us/i/socialstumble.png/) no-repeat top center;        }                #posts .post .post-bookmark a.stumbleupon:hover {           background:url(http://img509.imageshack.us/i/socialstumble2.png/) no-repeat top center;        }                #posts .post .post-bookmark a.technorati {           background:url(http://img43.imageshack.us/i/socialtechnorati.png/) no-repeat top center;        }                #posts .post .post-bookmark a.technorati:hover {           background:url(http://img509.imageshack.us/i/socialtechnorati2.png/) no-repeat top center;        }                #posts .post .post-bookmark a.twitter {           background:url(http://img197.imageshack.us/i/socialtwitter.png/) no-repeat top center;        }                #posts .post .post-bookmark a.twitter:hover {           background:url(http://img171.imageshack.us/i/socialtwitter2.png/) no-repeat top center;        }             #posts .post .post-foot {        margin-bottom:20px;        padding:10px 8px;        background:#f3f3f3;        border-top:1px solid #e2e2e2;        border-bottom:1px solid #e2e2e2;     }          #posts .post .post-meta li {        float:left;        height:14px;     }               /* meta */          #posts .post .post-meta li.meta-author {        background:url(http://img3.imageshack.us/i/userk.png/) no-repeat 0px -1px;        padding-left:20px;        padding-right:10px;     }          #posts .post .post-meta li.meta-share {        float:right !important;     }          #posts .post .post-meta li.meta-date {        background:url(http://img43.imageshack.us/i/calendars.png/) no-repeat 0px -2px;        padding-left:20px;        padding-right:10px;     }          #posts .post .post-meta li.meta-comment {        background:url(http://img43.imageshack.us/i/commentg.png/) no-repeat 0px -1px;        padding-left:20px;        padding-right:10px;     }          #posts .post .post-meta li.meta-category {        background:url(http://img509.imageshack.us/i/category.png/) no-repeat 0px -1px;        padding-left:20px;        padding-right:10px;     }          #posts .post-navigation {        margin-top:10px;        padding:15px 10px;        background:#fff;        font-size:1.2em;        border-top:1px solid #e2e2e2;        border-bottom:1px solid #e2e2e2;     }          #posts .post .post-content-half {        padding-top:10px;        width:430px;     }       /* sidebar */    #sidebar {     padding-top:30px;     width:340px;     margin:0 auto;     line-height:18px;  }       #sidebar .widget {        width:320px;        padding-top:20px;        margin-bottom:20px;        background:url(http://img9.imageshack.us/i/widgetheadbg.png/) no-repeat top center;     }          #sidebar .widget .widget-body {        width:280px;        padding:0 20px 10px 20px;        background:url(http://img509.imageshack.us/i/widgetbodybg.png/) repeat-y;     }             #sidebar .widget .widget-body h2.widget-title {           font-size: 2.0em;           letter-spacing:-0.04em;           line-height: 1.05em;           padding-bottom: 15px;           font-family: Helvetica, Arial, sans-serif;           color:#393b3b;           text-transform:capitalize;        }                #sidebar .widget .widget-body ul li {           padding:10px 0;           border-bottom:1px solid #d1d1d1;        }                #sidebar .widget .widget-body .rss-subscribe {           border:3px solid #ccc; padding:8px; width:255px;           background: #fff url(httpshack.us/i/commentg.png/://img15.imageshack.us/i/emailqg.png/) no-repeat 98% 50%;           color:#999;        }                /* search widget */                #sidebar .search_widget fieldset {           margin: 0;           padding: 0;        }                #sidebar .search_widget .search_term {           display: block;           margin: 0 auto;           border: 3px solid #ccc;           padding: 8px;           padding-right: 24px;           width: 240px;           background: #fff url(http://img197.imageshack.us/i/searchiconk.png/) no-repeat 98% 50%;        }          #sidebar .widget .widget-foot {        width:320px;        height:13px;        background:url(http://img2.imageshack.us/i/widgetfooterbg.png/) no-repeat top center;     }          /* widget body elements */       .widget-body ul li {        padding:15px 10px 15px 5px;        background:url(images/hr-image.png) repeat-x bottom center;     }          .ads125box {        height:125px; width:125px; background:#CCCCCC; float:left; margin:5px 0 0px 5px;     }          .ads125box img {        border:0;     }    /* Comments  ----------------------  */    #comments {     padding:20px 10px;     background:#fff;     border-top:1px solid #e2e2e2;     border-bottom:1px solid #e2e2e2;  }       #comments h3 {        font-size: 2.0em;        letter-spacing:-0.04em;        line-height: 1.05em;        padding-bottom: 15px;        font-family: Helvetica, Arial, sans-serif;        color:#393b3b;        text-transform:capitalize;        border-bottom:3px solid #555;     }          #comments .comment-meta h2 {        font-size: 1.8em;        letter-spacing:-0.04em;        line-height: 1.05em;        padding-bottom: 15px;        color:#393b3b;        text-transform:capitalize;     }          #comments .comment-meta span {        font-size: 1.2em;        letter-spacing:-0.04em;        line-height: 1.05em;        padding-bottom: 15px;        color:#393b3b;        text-transform:capitalize;     }          #comments .comment-box {        padding-top:20px;     }          #comments .comment-box .comment-body {        padding:20px 10px 20px 10px;        line-height:18px;        border-bottom:1px solid #ccc;        margin-bottom:20px;     }          #comments .comment-author-box {        width:300px;        border-top:2px solid #9a9a9a;        border-left:2px solid #9a9a9a;        border-right:1px solid #dcdcdc;        border-bottom:1px solid #dcdcdc;        padding-right:24px;        background:url(http://img3.imageshack.us/i/userk.png/) no-repeat 98% 50%;     }          #comments .comment-email-box {        width:300px;        border-top:2px solid #9a9a9a;        border-left:2px solid #9a9a9a;        border-right:1px solid #dcdcdc;        border-bottom:1px solid #dcdcdc;        padding-right:24px;        background:url(http://img15.imageshack.us/i/emailqg.png/) no-repeat 98% 50%;     }          #comments .comment-url-box {        width:300px;        border-top:2px solid #9a9a9a;        border-left:2px solid #9a9a9a;        border-right:1px solid #dcdcdc;        border-bottom:1px solid #dcdcdc;        padding-right:24px;        background:url(http://img171.imageshack.us/i/linkvf.png/) no-repeat 98% 50%;     }          #comments .comment-textarea-box {        border-top:2px solid #9a9a9a;        border-left:2px solid #9a9a9a;        border-right:1px solid #dcdcdc;        border-bottom:1px solid #dcdcdc;     }          #comments .submitbtn, #comments .resetbtn {        padding:8px 12px;        margin-right:10px;        border:0;        background:#2d2d2d;        color:#fff;        font-family: Georgia, "Times New Roman", Times, serif;        cursor:pointer;     }          #comments .submitbtn:hover, #comments .resetbtn:hover {        background:#3c3c3c;     }    /* Footer  ----------------------  */    #footer .footer-content {     width:960px;     margin:0 auto;     padding:20px;  }       #footer .foot-box {        width:320px;        float:left;     }       #footer h2 {        font-size:1.8em;        font-weight:bold;        font-family: Helvetica, Arial, sans-serif;        color:#fff;        padding-bottom:15px;        width:250px;        border-bottom:1px solid #292827;     }          #footer div.abouttext {        padding-top:10px;        line-height:22px;        color:#a4a5a1;     }          #footer ul {        padding-top:10px;     }          #footer ul li a {        display:block;        padding:12px 0;        color:#a4a5a1;        width:250px;     }          #footer ul li a:hover {        padding:12px 8px;        background:#242222;        text-decoration:none;     }       #footer .credits {     border-top:1px solid #393837;     background:#252423;  }       #footer .credits-content {        width:980px;        margin:0 auto;        padding:10px;        color:#a4a5a1;     }       /* EXTRA  -----------------------------  */    /* wp-pagenavi  -------------------------  */    .wp-pagenavi {     font-size: 1.1em;     text-transform: uppercase;     clear: both;     font-weight: normal;     text-align: right;     margin-bottom: 10px;  }  .wp-pagenavi .current {     color:#CCC !important;  }  .wp-pagenavi a,  .wp-pagenavi .current {     padding: 8px !important;     border: 1px solid #e2e2e2 !important;     margin-left: 3px;     color:#b0483b !important;  }  .wp-pagenavi a:hover,  .wp-pagenavi .current {     background: #e2e2e2;     color:#000;  }  .wp-pagenavi .pages {     float: left;     border:0 !important;  }    /* wordpress css codex  ------------------------  */    .aligncenter,  div.aligncenter {     display: block;     margin-left: auto;     margin-right: auto;     border:4px solid #dcdcdc;  }    .alignleft {     float: left;     margin-right:10px;     border:4px solid #dcdcdc;  }    .alignright {     float: right;     margin:10px 0px 10px 10px;     margin-left:10px;     border:4px solid #dcdcdc;  }    .wp-caption {     border: 1px solid #ddd;     text-align: center;     background-color: #f3f3f3;     padding-top: 4px;     margin: 10px;     /* optional rounded corners for browsers that support it */     -moz-border-radius: 3px;     -khtml-border-radius: 3px;     -webkit-border-radius: 3px;     border-radius: 3px;  }    .wp-caption img {     margin: 0;     padding: 0;     border: 0 none;  }    .wp-caption p.wp-caption-text {     font-size: 11px;     line-height: 17px;     padding: 0 4px 5px;     margin: 0;  }

Bugün 15 ziyaretçi (19 klik) kişi burdaydı!

Slash Paylaşım | Türkiyenin Paylaşım Platformu

CSS GALERİLİ TASARIM

Kategoriler #

En son eklenen konular #

Öne çıkan konular #