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:

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

Önceki mesajları göster:   


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