Forum'da ara:
Ara


Yazar Mesaj
Mesaj18.10.2011, 13:27 (UTC)    
Mesaj konusu: Çok Güzel Bir Css Tasarımı

Tasarım Üstüne

Kod:
<link rel="stylesheet" href="http://www.simplewpthemes.com/demo/squareamag/wp-content/themes/squaremag/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="Square Mag RSS Feed" href="http://www.simplewpthemes.com/demo/squareamag/?feed=rss2" />
<link rel="pingback" href="http://www.simplewpthemes.com/demo/squareamag/xmlrpc.php" />
 
<link rel="alternate" type="application/rss+xml" title="Square Mag RSS Feed" href="http://www.simplewpthemes.com/demo/squareamag/?feed=rss2" />
<link rel="alternate" type="application/atom+xml" title="Square Mag Atom Feed" href="http://www.simplewpthemes.com/demo/squareamag/?feed=atom" />
<link rel="pingback" href="http://www.simplewpthemes.com/demo/squareamag/xmlrpc.php" />
<link rel="stylesheet" href="http://www.simplewpthemes.com/demo/squareamag/wp-content/themes/squaremag/style.css" type="text/css" media="screen" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.simplewpthemes.com/demo/squareamag/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.simplewpthemes.com/demo/squareamag/wp-includes/wlwmanifest.xml" />
<link rel='index' title='Square Mag' href='http://www.simplewpthemes.com/demo/squareamag' />
<meta name="generator" content="WordPress 3.2.1" />
   <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<script type="text/javascript" src="http://www.simplewpthemes.com/demo/squareamag/wp-content/themes/squaremag/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="http://www.simplewpthemes.com/demo/squareamag/wp-content/themes/squaremag/js/slider.js"></script>
<script type="text/javascript" src="http://www.simplewpthemes.com/demo/squareamag/wp-content/themes/squaremag/js/superfish.js"></script>
<script type="text/javascript">
$(document).ready(function() {
        $('ul.sf-menu').superfish();
});
</script>
 
 
</head>
<body>
<div id="shadow">
<div id="mainwrap">
   <div id="header">
 <div id="blogtitle">
      <h1><a id="heading" href="http://www.simplewpthemes.com/demo/squareamag/">Square Mag</a></h1>
      <div class="description">Just another WordPress weblog</div>
 </div>
<a href=""><img src="http://envato.s3.amazonaws.com/referrer_adverts/gr_468x60_v4.gif" class="adv" alt="advertisement" /></a> 
 
 </div>
 
 <div id="nav2">
 <ul class="sf-menu">
         <li class="category_item current_category_item"><a href="http://www.simplewpthemes.com/demo/squareamag" id="home">Home</a></li>
      <li class="cat-item cat-item-5"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=5" title="View all posts filed under Typography">Typography</a>
</li>
   <li class="cat-item cat-item-1"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
<ul class='children'>
   <li class="cat-item cat-item-3"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=3" title="sdfsdf">Browsers</a>
</li>
   <li class="cat-item cat-item-4"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=4" title="View all posts filed under Categorized">Categorized</a>
</li>
</ul>
</li>
  </ul>
  </div>
  <div id="top">
 <ul class="sf-menu">
          <li class="page_item page-item-40"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=40" title="About">About</a></li>
<li class="page_item page-item-31"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=31" title="Tutorials">Tutorials</a>
<ul class='children'>
   <li class="page_item page-item-130"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=130" title="Free themes">Free themes</a></li>
   <li class="page_item page-item-133"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=133" title="Browsers">Browsers</a></li>
   <li class="page_item page-item-135"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=135" title="WordPress">WordPress</a></li>
</ul>
</li>
<li class="page_item page-item-53"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=53" title="Marketing">Marketing</a></li>
<li class="page_item page-item-55"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=55" title="Contact">Contact</a></li>
<li class="page_item page-item-57"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=57" title="Custom Themes">Custom Themes</a>
<ul class='children'>
   <li class="page_item page-item-143"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=143" title="WordPress">WordPress</a></li>
   <li class="page_item page-item-145"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=145" title="Joomla">Joomla</a></li>
   <li class="page_item page-item-147"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=147" title="Elxis">Elxis</a></li>
</ul>
</li>
 
   </ul>
    <div id="rsslinks">
       <a href="http://www.simplewpthemes.com/demo/squareamag/?feed=rss2">Entries (RSS)</a>
      <a href="http://www.simplewpthemes.com/demo/squareamag/?feed=comments-rss2">Comments (RSS)</a>
    </div>
  </div>
 
 
 
   <!-- END HEADER --><div id="contentwrap">
<div class="inside">
<script type="text/javascript">
stepcarousel.setup({
   galleryid: 'mygallery', //id of carousel DIV
   beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
   panelclass: 'panel', //class of panel DIVs each holding content
   panelbehavior: {speed:500, wraparound:true, persist:true},
   defaultbuttons: {enable: true, moveby: 1, leftnav: ['http://www.simplewpthemes.com/demo/squareamag/wp-content/themes/squaremag/images/left.png', -1, 240], rightnav: ['http://www.simplewpthemes.com/demo/squareamag/wp-content/themes/squaremag/images/right.png', -50, 240]},
   statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
   contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
 
 
</script>
 
<div id="mygallery" class="stepcarousel">
<div class="belt">
 
 
 
</div>
 
</div>
 
 
   
      
         <div class="post-157 post type-post status-publish format-standard hentry category-4-category category-uncategorized" id="post-157">
            <h2><a href="http://www.simplewpthemes.com/demo/squareamag/?p=157" rel="bookmark" title="Permanent Link to Lorem Ipsum">Lorem Ipsum</a></h2>
                <div class="meta">
                <span class="date">September, 18th, 2009</span> |
                <span class="comm"><a href="http://www.simplewpthemes.com/demo/squareamag/?p=157#comments" title="Comment on Lorem Ipsum">7 Comments »</a></span>
                <span class="edit"></span>
                </div>
 
            <div class="entry">



Tasarım Altına

Kod:
</div>
 
            <p class="postmetadata"><span class="tags"></span><a class="more-link" href="http://www.simplewpthemes.com/demo/squareamag/?p=67#more">Read More</a> </p>
         </div>
 
      
      <div class="navigation">
       <div class="wp-pagenavi">
<span class="pages">Page 1 of 4</span><span class="current">1</span><a href="http://www.simplewpthemes.com/demo/squareamag/?paged=2" class="page" title="2">2</a><a href="http://www.simplewpthemes.com/demo/squareamag/?paged=3" class="page" title="3">3</a><a href="http://www.simplewpthemes.com/demo/squareamag/?paged=4" class="page" title="4">4</a><a href="http://www.simplewpthemes.com/demo/squareamag/?paged=2" >»</a></div>
      </div>
 
   </div>
</div>
<div id="sidebar2">
<div id="featured-category">
 
 
 
 
<div class="feat-cat-entry">
<h3>Latest Articles On Uncategorized</h3>
 
 
<div class="feat-cat-meta post-157">
 
 
<div class="feat-cat-img">
<a href="http://www.simplewpthemes.com/demo/squareamag/?p=157" title="Lorem Ipsum"><img src="http://www.simplewpthemes.com/demo/squareamag/wp-content/themes/squaremag/includes/timthumb.php?src=http://www.simplewpthemes.com/demo/squareamag/wp-content/uploads/2009/09/Traveler1.jpg&w=155&h=120&zc=1" alt="Lorem Ipsum" /></a>
</div>
 
 
<h4><a href="http://www.simplewpthemes.com/demo/squareamag/?p=157" title="Lorem Ipsum">Lorem Ipsum</a></h4>
 
<div class="clearfix"></div>
 
</div><!-- FEAT META 157 END -->
 
 
<div class="feat-cat-meta post-73">
 
 
<div class="feat-cat-img">
<a href="http://www.simplewpthemes.com/demo/squareamag/?p=73" title="Testing headings"><img src="http://www.simplewpthemes.com/demo/squareamag/wp-content/themes/squaremag/includes/timthumb.php?src=http://www.simplewpthemes.com/demo/squareamag/wp-content/uploads/2009/09/Chrome.jpg&w=155&h=120&zc=1" alt="Testing headings" /></a>
</div>
 
 
<h4><a href="http://www.simplewpthemes.com/demo/squareamag/?p=73" title="Testing headings">Testing headings</a></h4>
 
<div class="clearfix"></div>
 
</div><!-- FEAT META 73 END -->
 
 
<div class="feat-cat-meta post-67">
 
 
<div class="feat-cat-img">
<a href="http://www.simplewpthemes.com/demo/squareamag/?p=67" title="Image floated left"><img src="http://www.simplewpthemes.com/demo/squareamag/wp-content/themes/squaremag/includes/timthumb.php?src=http://www.simplewpthemes.com/demo/squareamag/wp-content/uploads/2009/09/Firefox.jpg&w=155&h=120&zc=1" alt="Image floated left" /></a>
</div>
 
 
<h4><a href="http://www.simplewpthemes.com/demo/squareamag/?p=67" title="Image floated left">Image floated left</a></h4>
 
<div class="clearfix"></div>
 
</div><!-- FEAT META 67 END -->
 
 
</div><!-- FEAT CAT ENTRY END -->
 
 
 
</div><!-- FEATURED CATEGORY END -->
 
<div class="advert2">
<h3>Sponsors</h3>
 
      <a href="http://www.leemilthorpe.com/demo/wp-content/uploads/fd_125x125_v4.gif"><img src="http://www.leemilthorpe.com/demo/wp-content/uploads/fd_125x125_v4.gif" class="add" alt="advertisement" /></a>
      <a href="http://www.leemilthorpe.com/demo/wp-content/uploads/tf_125x125_v2.gif"><img src="http://www.leemilthorpe.com/demo/wp-content/uploads/tf_125x125_v2.gif" class="add" alt="advertisement" /></a>
       <a href="http://www.leemilthorpe.com/demo/wp-content/uploads/gr_125x125_v2.gif"><img src="http://www.leemilthorpe.com/demo/wp-content/uploads/gr_125x125_v2.gif" class="add" alt="advertisement" /></a>
</div>
 
      <div class="widget">      <h3>Recent Posts</h3>      <ul>
            <li><a href="http://www.simplewpthemes.com/demo/squareamag/?p=157" title="Lorem Ipsum">Lorem Ipsum</a></li>
            <li><a href="http://www.simplewpthemes.com/demo/squareamag/?p=87" title="Miscellaneous HTML">Miscellaneous HTML</a></li>
            <li><a href="http://www.simplewpthemes.com/demo/squareamag/?p=73" title="Testing headings">Testing headings</a></li>
            <li><a href="http://www.simplewpthemes.com/demo/squareamag/?p=67" title="Image floated left">Image floated left</a></li>
            <li><a href="http://www.simplewpthemes.com/demo/squareamag/?p=11" title="Testing lists">Testing lists</a></li>
            </ul>
      </div><div class="widget"><h3>Recent Comments</h3><ul id="recentcomments"><li class="recentcomments">admin on <a href="http://www.simplewpthemes.com/demo/squareamag/?p=157&cpage=1#comment-9">Lorem Ipsum</a></li><li class="recentcomments">admin on <a href="http://www.simplewpthemes.com/demo/squareamag/?p=157&cpage=1#comment-7">Lorem Ipsum</a></li><li class="recentcomments">admin on <a href="http://www.simplewpthemes.com/demo/squareamag/?p=157&cpage=1#comment-6">Lorem Ipsum</a></li><li class="recentcomments">admin on <a href="http://www.simplewpthemes.com/demo/squareamag/?p=157&cpage=1#comment-5">Lorem Ipsum</a></li><li class="recentcomments"><a href='http://ww.simplewpthemes.com' rel='external nofollow' class='url'>sin2384</a> on <a href="http://www.simplewpthemes.com/demo/squareamag/?p=157&cpage=1#comment-3">Lorem Ipsum</a></li></ul></div></div>
 
 
<div id="sidebar">
 
<div class="advert">
<h3>Sponsors</h3>
      <a href="http://www.leemilthorpe.com/demo/wp-content/uploads/gr_125x125_v2.gif"><img src="http://www.leemilthorpe.com/demo/wp-content/uploads/gr_125x125_v2.gif" class="add" alt="advertisement" /></a>
      <a href="Bhttp://www.leemilthorpe.com/demo/wp-content/uploads/aj_125x125_v5.gif"><img src="http://www.leemilthorpe.com/demo/wp-content/uploads/aj_125x125_v5.gif" class="add" alt="advertisement" /></a>
</div>
<div class="clear"></div>
    <div class="side-widget widget_categories"><h3>Categories</h3>      <ul>
   <li class="cat-item cat-item-3"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=3" title="sdfsdf">Browsers</a>
</li>
   <li class="cat-item cat-item-4"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=4" title="View all posts filed under Categorized">Categorized</a>
</li>
   <li class="cat-item cat-item-5"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=5" title="View all posts filed under Typography">Typography</a>
</li>
   <li class="cat-item cat-item-1"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
      </ul>
</div><div class="side-widget widget_pages"><h3>Pages</h3>      <ul>
         <li class="page_item page-item-40"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=40" title="About">About</a></li>
<li class="page_item page-item-55"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=55" title="Contact">Contact</a></li>
<li class="page_item page-item-57"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=57" title="Custom Themes">Custom Themes</a>
<ul class='children'>
   <li class="page_item page-item-147"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=147" title="Elxis">Elxis</a></li>
   <li class="page_item page-item-145"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=145" title="Joomla">Joomla</a></li>
   <li class="page_item page-item-143"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=143" title="WordPress">WordPress</a></li>
</ul>
</li>
<li class="page_item page-item-53"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=53" title="Marketing">Marketing</a></li>
<li class="page_item page-item-31"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=31" title="Tutorials">Tutorials</a>
<ul class='children'>
   <li class="page_item page-item-133"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=133" title="Browsers">Browsers</a></li>
   <li class="page_item page-item-130"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=130" title="Free themes">Free themes</a></li>
   <li class="page_item page-item-135"><a href="http://www.simplewpthemes.com/demo/squareamag/?page_id=135" title="WordPress">WordPress</a></li>
</ul>
</li>
      </ul>
      </div><div class="side-widget widget_links"><h3>Blogroll</h3>
   <ul class='xoxo blogroll'>
<li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
 
   </ul>
</div>
<div class="side-widget widget_calendar"><h3> </h3><div id="calendar_wrap"><table id="wp-calendar">
   <caption>October 2011</caption>
   <thead>
   <tr>
      <th scope="col" title="Monday">M</th>
      <th scope="col" title="Tuesday">T</th>
      <th scope="col" title="Wednesday">W</th>
      <th scope="col" title="Thursday">T</th>
      <th scope="col" title="Friday">F</th>
      <th scope="col" title="Saturday">S</th>
      <th scope="col" title="Sunday">S</th>
   </tr>
   </thead>
 
   <tfoot>
   <tr>
      <td colspan="3" id="prev"><a href="http://www.simplewpthemes.com/demo/squareamag/?m=200909" title="View posts for September 2009">« Sep</a></td>
      <td class="pad"> </td>
      <td colspan="3" id="next" class="pad"> </td>
   </tr>
   </tfoot>
 
   <tbody>
   <tr>
      <td colspan="5" class="pad"> </td><td>1</td><td>2</td>
   </tr>
   <tr>
      <td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
   </tr>
   <tr>
      <td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td>
   </tr>
   <tr>
      <td>17</td><td id="today">18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td>
   </tr>
   <tr>
      <td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td>
   </tr>
   <tr>
      <td>31</td>
      <td class="pad" colspan="6"> </td>
   </tr>
   </tbody>
   </table></div></div></div>
<div class="clear"></div>
<div id="sidebar3">
<div class="in">
<div class="widget2"><h3>Blogroll</h3>
   <ul class='xoxo blogroll'>
<li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
 
   </ul>
</div>
<div class="widget2"><h3>Recent Comments</h3><ul id="recentcomments"><li class="recentcomments">admin on <a href="http://www.simplewpthemes.com/demo/squareamag/?p=157&cpage=1#comment-9">Lorem Ipsum</a></li><li class="recentcomments">admin on <a href="http://www.simplewpthemes.com/demo/squareamag/?p=157&cpage=1#comment-7">Lorem Ipsum</a></li><li class="recentcomments">admin on <a href="http://www.simplewpthemes.com/demo/squareamag/?p=157&cpage=1#comment-6">Lorem Ipsum</a></li><li class="recentcomments">admin on <a href="http://www.simplewpthemes.com/demo/squareamag/?p=157&cpage=1#comment-5">Lorem Ipsum</a></li><li class="recentcomments"><a href='http://ww.simplewpthemes.com' rel='external nofollow' class='url'>sin2384</a> on <a href="http://www.simplewpthemes.com/demo/squareamag/?p=157&cpage=1#comment-3">Lorem Ipsum</a></li></ul></div><div class="widget2"><h3>Blogroll</h3>
   <ul class='xoxo blogroll'>
<li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
 
   </ul>
</div>
<div class="widget2"><h3>Categories</h3>      <ul>
   <li class="cat-item cat-item-3"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=3" title="sdfsdf">Browsers</a>
</li>
   <li class="cat-item cat-item-4"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=4" title="View all posts filed under Categorized">Categorized</a>
</li>
   <li class="cat-item cat-item-5"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=5" title="View all posts filed under Typography">Typography</a>
</li>
   <li class="cat-item cat-item-1"><a href="http://www.simplewpthemes.com/demo/squareamag/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
      </ul>
</div></div>
</div>
 
 
 
</div>
</div>
<div id="footer">
Copyright © 2009 <a href="http://www.simplewpthemes.com/demo/squareamag">Square Mag</a>. All Rights Reserved. Designed by <a href="http://unreinehaut.net/">unreinehaut.net</a> and <a href="http://www.brengo.de/">Business Webhosting</a>
.</div>
<div class="sponsors">
<a href="http://www.adressen-aus-berlin.de">Berlin Info</a>
<a href="http://www.wettbewerb.ch">Wettbewerbe Schweiz</a>
</div>
 
<script type="text/javascript">
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-1666527-7']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
</script>
</body>
</html>



Css Koduna


Kod:
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: Square Mag
Theme URI: http://www.simplewpthemes.com
Description: Theme Description
Version: 1.0
Author: sin2384
Author URI: http://www.simplewpthemes.com
Tags: gray, fixed width, two columns, widgetized
*/
@import url("css/comments.css");
@import url("css/reset.css");
@import url("css/slide.css");
@import url("css/superfish.css");
@import url("css/featuredcats.css");
@import url("css/pagenavi-css.css");

* {
  margin: 0;
  padding: 0;
}
/***************LINKS*************************/

a:link, a:visited {
  color: #024873;
  text-decoration: none;
}

a:hover {
  color: #000;
}
/***************END LINKS*************************/

html body {
  background: url(http://img.webme.com/pic/t/thbdesign/bg.jpg);
  font-size: 12px;
  font-family: Trebuchet MS;
}

/***************LAYOUT*************************/

#shadow {
  width: 980px;
  background: url(http://img.webme.com/pic/t/thbdesign/shadow.jpg) repeat-y scroll 0 0;
  margin: 0 auto;
}


#mainwrap {
  margin: 0 auto;
  width: 960px;
}


#header {
  width: 960px;
  height: 85px;
  background: #000;
}
#blogtitle {
  color: #fff;
  text-transform: uppercase;
  float: left;
  position: relative;
  top: 10px;
  left: 15px;
  background: url(http://img.webme.com/pic/t/thbdesign/logo.jpg) no-repeat;
  height: 61px;
  padding-left: 60px;
  padding-top: 10px;
}
#heading {
  color: #0fffff;
  font-weight: normal;
}

.description {
  margin-left: 7px;
  font-weight: bold;

}
.adv {
  float: right;
  margin: 10px 5px 0 0;
}

/***************NAVIGATION*************************/
/* CAT MENU */

#nav2 {
 clear: both;
 float: left;
 height: 38px;
 background: url(http://img.webme.com/pic/t/thbdesign/nav.gif) repeat-x;
 width: 960px;
 position: relative;
 z-index: 2;
}
#nav2 li {

}
#nav2 li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  background: url(http://img.webme.com/pic/t/thbdesign/nav.gif) repeat-x;
}
#nav2 li ul {
  width: 250px;
  margin-top: 8px;
}

#nav2 li a:hover {

}
/* END CAT MENU */

#top {
  clear: both;
  width: 960px;
  height: 40px;
  background: url(http://img.webme.com/pic/t/thbdesign/nav2.gif) repeat-x;
  position: relative;
  z-index: 1;
}

#top li {

}

#top li a {
  float: left;
  display: block;
  padding: 14px;
  color: #000;
  background: url(http://img.webme.com/pic/t/thbdesign/nav2.gif) repeat-x;
  text-transform: uppercase;
}
#top li ul {
  width: 250px;
  margin-top: 7px;
}


#top li li {
  width: 250px;
  background: url(http://img.webme.com/pic/t/thbdesign/nav2.gif) repeat-x;
  line-height: 5px;
}


#top li.current_page_item a {
  color: #fff;
}
#top li a:hover {

}


#rsslinks {
  float: right;
  text-transform: uppercase;
  padding: 14px;
}

#rsslinks a {
  color: #d8e3dc;
  background: url(http://img.webme.com/pic/t/thbdesign/rss.png) no-repeat scroll 0 2px;
  padding-left: 20px;
}

/***************NAVIGATION*************************/



/* Twitter, RSS, Email

#topsoc {
  float: right;
  margin-top: 10px;
}
.tweet, .rss, .mail {
  float: left;
  margin-left: 20px;
  margin-right: 5px;
  display: inline;
}

End Twitter, RSS, Email */

.aboutimage {
  float: left;
  border: 1px solid #ccc;
  padding: 2px;
  margin: 0px 5px 5px 5px;
}



#contentwrap {
  clear: both;
  float: left;
  width: 420px;
  margin-right: 25px;
}
#sidebar2 {
  float: left;
  width: 185px;
  margin-left: 10px;
  display: inline;
}
#sidebar {
  float: right;
  width: 300px;
}
#sidebar3 {
  width: 960px;
  margin:0 auto;
  background: #000305 url(http://img.webme.com/pic/t/thbdesign/sb3.gif) repeat-x;
  overflow: hidden;
}


/* ADVERT */

.advert{
 float: right;
 width: 300px;
 margin: 0px 0px 10px 0;
 display: inline;
 border-top: 1px solid #000;
 background: #0F82B8;
 }


.advert img{
 padding:5px 10px 10px 13px;
 border:none;
 margin:0;
 float: left;
 }
 .advert2 {
  background: #0042a2;
  margin-bottom: 10px;
}


.advert2 img{
  margin: 0 0 0 22px;
}


 /* END ADVERT */
h2.spread {
  font-size: 36px;
  text-align: center;
  margin-bottom: 10px;
}
.custom_images {
  margin-bottom: 15px;
}
#footer {
  width: 960px;
  margin: 0 auto;
  clear: both;
  text-align: center;
  padding: 10px 0;
  background: url(http://img.webme.com/pic/t/thbdesign/footshad.gif) repeat-x;
  color: #fff;
  text-transform:uppercase;
}
.sponsors a, #footer a {
  color: #3aaaaa;
  text-transform: uppercase;
}


.sponsors {
  text-align: center;
}


.clear {
  clear: both;
}
.in {
  padding: 15px;
}


.inside {
  padding: 20px 0px 20px 20px;
}
/***************END LAYOUT*************************/

/***************WP STYLES*************************/

#sidebar h3, .widget h3, #sidebar2 h3 {
  padding: 7px;
  font-size: 14px;
  background: #0043a4;
  border-top: 1px solid #005ee6;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
}
#sidebar h3 {
  margin-bottom: 0px;
}



.side-widget {
  width: 300px;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.side-widget ul li {
  line-height: 23px;
  padding: 0 0 0 17px;
  border-top: 1px solid #000;
  background: url(http://img.webme.com/pic/t/thbdesign/li.jpg) no-repeat;
}
*+html .side-widget ul li, *+html .widget ul li {
  line-height: 22px;
}


.side-widget a, .side-widget a:visited {
  color: #fff;
}
.side-widget a:hover {
  color: #ccc;
}


.side-widget ul li ul li {
  margin: 0;
  padding: 0;
  margin-left: -17px;
  padding: 0 17px;
}
.side-widget li:hover {
  background: url(http://img.webme.com/pic/t/thbdesign/lihover.png) no-repeat;
}


#featured-category {
  background: #0042a2;
  margin-bottom: 10px;
}
.widget h3 {
  margin-bottom: -2px;
}


.widget {
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 10px;
}
.widget2 h3 {
  color: #d0d0d0;
  font-weight: normal;
}
.widget ul li {
  line-height: 23px;
  padding: 0 0 0 17px;
  border-top: 1px solid #000;
  background: url(http://img.webme.com/pic/t/thbdesign/li2.jpg) no-repeat;
}
.widget ul li:hover {
  background: url(http://img.webme.com/pic/t/thbdesign/lihover2.png) no-repeat;
}


.widget a:link, .widget a:visited {
  color: #fff;
}


#sidebar3 h3 {
  font-style: italic;
  font-size: 14px;
  font-weight: bold;
}


.widget2 {
  float: left;
  width: 200px;
  font-size: 10px;
  text-transform: uppercase;
  margin: 0 15px;
  color: #dde1e2;
  font-weight: bold;
  padding-bottom: 20px;
}
.widget2 ul li {
  line-height: 25px;
  background: url(http://img.webme.com/pic/t/thbdesign/dart.gif) no-repeat scroll 0px 7px;
  padding-left: 12px;
  border-bottom: 1px dashed #4e8d9b;
}
.widget2 a:link, .widget2 a:visited {
  color: #fff;
}
.widget2 a:hover {
  color: #22d2d2;
}


/***************POST STYLES*************************/
.post h2 {
  margin-bottom: 10px;
}

.post h2 a, post h2 a:visited {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  font-family: Arial;
  font-size: 15px;
}

.post h2 a:hover {

}

.meta, .meta a {
  color: #3385fd;
  text-transform: uppercase;
}

.cat {

}

.author {

}
.edit {

}

.comm {

}

a.more-link {
  float: right;
  background: url(http://img.webme.com/pic/t/thbdesign/more.png) no-repeat;
  color: #fff;
  padding: 8px 10px;
  text-transform: uppercase;
}
a.more-link:hover {
  background: url(http://img.webme.com/pic/t/thbdesign/morehover.png) no-repeat;
}


.postmetadata {
  margin-top: 15px;
}

.post {
  margin-bottom: 15px;
  padding-bottom: 34px;
  background: url(http://img.webme.com/pic/t/thbdesign/postsep.gif) repeat-x scroll bottom;
}

.entry {
  margin-top: 10px;
  line-height: 20px;
  color: #9fa0a2;
  text-align: justify;
}

.entry li {
  margin-left: 20px;
  list-style: circle;
}

.entry ol li {
  list-style: decimal;
}

blockquote {
  border-left: 10px solid #666666;
  margin-left: 20px;
}

blockquote p {
  padding: 10px;
}

.alignleft {
  float: left;
  margin: 0 5px 5px 0px;
}

.alignright {
  float: right;
  margin: 0 5px 5px 5px;
}
/***************END POST STYLES*************************/
#calendar_wrap {
  text-align: center;
}

caption {
  background: #fff;
  width: 100%;
  color: #000;
}

#wp-calendar {

}

th {
  padding: 17px 17px 17px 18px;
}

td a:link {
  background: #0f84b9;
  padding: 1px 6px;
  color: #fff;
  line-height: 29px;
}
.side-widget #wp-calendar {
  background: #0f84b9;
  color: #fff;
}


/***************END WP STYLES*************************/


Mesaj18.10.2011, 14:19 (UTC)    
Mesaj konusu:

Tasarım Önizlemesi


http://www.simplewpthemes.com/demo/squareamag/

Emeğe Saygı İçin Teşekkürü Eksik Etmeyin ve Dost Site Bölümünde Sitem İçinde Yer Verin ( Sitemin Adını Yazın )

Teşekkürler
Mesaj18.10.2011, 14:22 (UTC)    
Mesaj konusu:

http://www.bedava-sitem.com/forum/viewtopic.php?t=184931
______________
Dalga geçerim ama kırmam. Ciddiye alırım ama takmam. Çevremde birçok arkadaşım olabilir ama hepsini dostum yapmam, Biz ışıklı cɑddelerin züppe çocuklɑrı değil! Biz ıssız sokɑklɑrın delikɑnlı yürekleriyiz!!! CW
Mesaj18.10.2011, 14:23 (UTC)    
Mesaj konusu:

http://www.bedava-sitem.com/forum/viewtopic.php?t=184931
______________
Dalga geçerim ama kırmam. Ciddiye alırım ama takmam. Çevremde birçok arkadaşım olabilir ama hepsini dostum yapmam, Biz ışıklı cɑddelerin züppe çocuklɑrı değil! Biz ıssız sokɑklɑrın delikɑnlı yürekleriyiz!!! CW
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu