Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj24.12.2011, 21:19 (UTC)    
Mesaj konusu: Css Tasarımı | Hazır | Forum Sitesi Tipinde

Konudan yararlandıysanız bir teşekkür mesajı yeter ...

Tasarım Şu şekilde verilecektir

Tasarımın Üstü
Tasarımın Altı
Css Kodu
İçeriğe Eklenecek Kod

T.üstü
Kod:
</style>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

<head>

<title>Cover Theme</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link href="style.css" type="text/css" rel="stylesheet" media="screen" />

<!--[if IE 6]><script src="scripts/suckerfish.js" type="text/javascript"></script><link href="ie6.css" type="text/css" rel="stylesheet" media="screen" /><![endif]-->

<!--[if IE 7]><style>ul#menu li li li {padding-left:0;}</style><![endif]-->

<!--[if IE]><style>#searchform input#searchsubmit {height:24px;}#feeds p { padding-top:1px;}</style><![endif]-->

</head>

<body>

<div id="wrapper">

  <div id="feeds">

    <p><a class="rsslink" href="http://tncforum.tr.gg">İletişim</a></p>

  </div>

  <!-- /feeds -->

  <div id="topbar"> </div>

  <!-- /topbar -->

  <div id="header">

    <h1><a href="http://tncforum.tr.gg">Site Adınız</a></h1>

    <h2>Site Açıklama</h2>

  </div>

  <!-- /header -->

  <form method="get" id="searchform" action="#" >

    <input type="text" value="Search this website..."  onfocus="if (this.value == 'Search this website...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this website...';}" name="s" id="s" />

    <input type="submit" id="searchsubmit" value="Go" />

  </form>

  <div id="nav">

    <ul id="menu">

      <li class="current_page_item"><a href="#">Menü 1</a></li>

      <li><a href="#">Menü 2</a></li>

      <li><a href="#">Menü 3</a></li>

      <li>Açılır Menü

        <ul>

          <li><a href="#">Açılır Menü İçerik</a></li>

          <li><a href="#">Açılır Menü İçerik 2</a>

        </ul>

      </li>

      <li><a href="#">Menü 4</a></li>

      <li><a href="#">Menü 5</a></li>

    </ul>

    <!-- /menu -->

  </div>

  <!-- /nav -->

  <div id="content">

    <div id="center">
      <!-- /headline --><!-- /featured -->
      <!-- /popular -->


T.altı
Kod:
<!-- /latest -->
</div>

    <!-- /center -->

    <div id="sidebar">

      <div id="top">

        <div class="topitem">

          <h3>Kategoriler</h3>

          <ul id="categories">

            <li class="cat-item"><a href="#">Kategori 1</a></li>

            <li class="cat-item"><a href="#">Kategori 2</a></li>

            <li class="cat-item"><a href="#">Kategori 3</a></li>         

           <li class="cat-item"><a href="#">Kategori 4</a></li>

          </ul>

          <!-- /categories -->

        </div>

        <!-- /topitem -->

      </div>

      <!-- /top -->

      <div id="left">

        <div class="sitem">

          <h3>Arşiv</h3>

          <ul class="links">

            <li><a href="#">Aralık 2011</a></li>

            <li><a href="#">Ocak 2012</a></li>

            <li><a href="#">Şubat 2012</a></li>

            <li><a href="#">Mart 2012</a></li>

            <li><a href="#">Nisan 2012</a></li>

            <li><a href="#">Mayıs 2012</a></li>

            <li><a href="#">Haziran 2012</a></li>

          </ul>

          <!-- /links -->

        </div>

        <!-- /sitem -->

      </div>

      <!-- /left -->

      <div id="right">

        <div class="sitem">

          <h3>TNCFORUM.TR.GG</h3>

          <ul class="links">

            <li><a href="#">Son Başlık 1</a></li>

            <li><a href="#">Son Başlık 2</a></li>

            <li><a href="#">Son Başlık 3</a></li>

            <li><a href="#">Son Başlık 4</a></li>

            <li><a href="#">Son Başlık 5</a></li>

            <li><a href="#">Son Başlık 6</a></li>

            <li><a href="#">Son Başlık 7</a></li>

          </ul>

          <!-- /links -->

        </div>

        <!-- /sitem -->

      </div>

      <!-- /right -->

      <div id="bottom">

        <div class="sitem">

          <h3>Haberler</h3>

          <ul>

<li class="recentcomments"><a href="#">Haber 1</a></li>

<li class="recentcomments"><a href="#">Haber 2</a></li>

<li class="recentcomments"><a href="#">Haber 3</a></li>

<li class="recentcomments"><a href="#">Haber 4</a></li>

<li class="recentcomments"><a href="#">Haber 5</a></li>

          </ul>

        </div>

        <!-- /sitem -->

      </div>

      <!-- /bottom -->

    </div>

    <!-- /sidebar -->

    <div id="footer">

      <div id="fbar">

        <div class="flinks">

          <h3>Son  6 Üye</h3>

          <ul>

            <li><a href="#">Üye Adı 1</a></li>

            <li><a href="#">Üye Adı 2</a></li>

            <li><a href="#">Üye Adı 3</a></li>

            <li><a href="#">Üye Adı 4</a></li>

            <li><a href="#">Üye Adı 5</a></li>

            <li><a href="#">Üye Adı 6</a></li>

          </ul>

        </div>

        <!-- /flinks -->

        <div class="flinks">

          <h3>TNCFORUM.TR.GG</h3>

          <ul>

            <li><a href="#">Son Başlık 1</a></li>

            <li><a href="#">Son Başlık 2</a></li>

            <li><a href="#">Son Başlık 3</a></li>

            <li><a href="#">Son Başlık 4</a></li>

            <li><a href="#">Son Başlık 5</a></li>

            <li><a href="#">Son Başlık 6</a></li>

          </ul>

        </div>

        <!-- /flinks -->

        <div class="flinks">

          <h3>Etiketler</h3>

          <a href="#" style='font-size: 14pt;'>Bluecorporation</a></div>
         <a href="#" style='font-size: 14pt;'>İce-Bubble</a>

        <!-- /flinks -->

      </div>

      <!-- /fbar -->

      <div id="copyright">

        <p>© 2011 Kod Kullan· <a href="#">Designer</a> by <a href="http://tncforum.tr.gg">TNCforum</a></p>

      </div>

      <!-- /copyright -->

    </div>

    <!-- /footer -->

  </div>

  <!-- /content -->

</div>

<!-- /wrapper -->

</body>

</html>


Css
Kod:
/*Menü Gizleme Kodu*/
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

<style type="text/css">
<!--
@charset "utf-8";

*
{
   margin:0;
   padding:0;
}

body
{
   background-color:#1a1c1d;
   background-image:url(http://b1112.hizliresim.com/s/4/wq4w.png);
   background-position:top center;
   margin:0;
   padding:0;
   font-family:Arial, Helvetica, sans-serif;
   color:#333333;
}

#topbar
{
   height:10px;
   width:974px;
   background-color:#373b3d;
   border-bottom:#444647 1px solid;
   font-size:0;
}

#feeds
{
   float:right;
   padding:0 8px;
   background-image:url(http://b1112.hizliresim.com/s/4/wq50.gif);
   background-position:top left;
   background-repeat:no-repeat;
   width:162px;
   margin-right:160px;
   position:absolute;
   margin-left:636px;
}

#feeds p
{
   padding:0 8px 3px 8px;
   text-align:center;
   height:17px;
}

#feeds a:link, #feeds a:visited
{
   color:#999999;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   text-decoration:none;
   background-image:url(http://c1112.hizliresim.com/s/4/wq54.png);
   background-position:left;
   background-repeat:no-repeat;
   padding-left:14px;
   margin:0 2px;
}

#feeds a:hover, #feeds a:active
{
   text-decoration:underline;
}

#wrapper
{
   background-color:#ffffff;
   width:974px;
   margin:0 auto;
   position:relative;
}

#header
{
   background-color:#505050;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   display:block;
}

#header h1 a, #header h2
{
   color:#eaeaea;
}

#header h1
{
   font-weight:normal;
   padding-top:20px;
   margin-left:40px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin-top:0;
   margin-bottom:0;
}

#header h1 a:hover, #header h1 a:active
{
   text-decoration:none;
   border-bottom:#eaeaea 1px dotted;
}

#header h2
{
   font-weight:normal;
   font-size:14px;
   padding:0 0 20px 80px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin-top:0;
   margin-bottom:0;
}

#searchform
{
   position:absolute;
   left:699px;
   margin-top:5px;
}

#searchform input#s
{
   color:#a0a0a0;
   border:#a0a0a0 1px solid;
   padding:3px 2px;
   font-family:Georgia, "Times New Roman", Times, serif;
   width:225px;
   background-color:#f4f1e9;
   margin-right:0;
}

#searchform input#searchsubmit
{
   margin-right:10px;
   border:#a0a0a0 1px solid;
   padding:2px;
   width:30px;
   text-align:center;
   background-color:#d5c6a6;
   color:#333333;
   font-weight:bold;
   background-image:url(http://c1112.hizliresim.com/s/4/wq5b.png);
}

ul#menu, .menu ul
{
   width:974px;
   height:33px;
   background-color:#d5c6a6;
   background-image:url(http://a1112.hizliresim.com/s/4/wq5k.png);
   list-style-type:none;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:18px;
}

ul#menu li, .menu ul li
{
   float:left;
   margin-top:7px;
   padding:0 5px;
   border-right:#333333 1px dotted;
   margin-left:0;
}

ul#menu li a:link, ul#menu li a:visited, .menu ul li a:link, .menu ul li a:visited
{
   display:block;
   text-align:center;
   padding:0 15px;
   text-decoration:none;
   color:#333333;
}


ul#menu li a:hover, ul#menu li a:active, .menu ul li a:hover, .menu ul li a:active, ul#menu li.current_page_item a, .menu ul li.current_page_item a:link, .menu ul li.current_page_item a:visited, .menu ul li.current_page_item a:hover, .menu ul .current_page_item a:active
{
   background-color:#ffffff;
   text-decoration:none;
   color:#cc3300;
}

ul#menu li li
{
   border-right:none;
   margin:0;
   margin-top:1px;
   width:120px;
   padding:0;
}

ul#menu li li li
{
   padding-left:1px;
}
   
ul#menu li li a, ul#menu li li a:link, ul#menu li li a:visited
{
   background:#d5c6a6 url(http://a1112.hizliresim.com/s/4/wq5r.png) bottom;
   width:120px;
   color:#333333;
   font-size:16px;
   font-family:Georgia, "Times New Roman", Times, serif;
   margin:0;
   line-height:25px;
   text-align:left;
}
   
ul#menu li li a:hover, ul#menu li li a:active
{
   background:#FFFFFF;
   color:#cc3300;
}

ul#menu li ul
{
   z-index:9999;
   position:absolute;
   left:-999em;
   height:auto;
   width:150px;
   margin:0;
   padding:0;
   list-style-type:none;
}

ul#menu li ul a
{
   width:120px;
}

ul#menu li ul ul
{
   margin:-26px 0 0 150px;
}

ul#menu li:hover ul ul, ul#menu li:hover ul ul ul
{
   left:-999em;
}

ul#menu li:hover ul, ul#menu li.sfhover ul, ul#menu li li:hover ul, ul#menu li li.sfhover ul, ul#menu li li li:hover ul, ul#menu li li li.sfhover ul
{
   left: auto;
}

ul#menu li:hover, ul#menu li.sfhover
{
   position: static;
}

#content
{
   clear:both;
}

#center
{
   float:left;
   width:620px;
   margin-bottom:5px;
}

#headline, #latest, #the_loop, #comments_template
{
   width:590px;
   margin:10px;
   padding:10px;
   border:#daccb0 1px solid;
   background-color:#f4f1e9;
   background-image:url(http://b1112.hizliresim.com/s/4/wq5x.png);
   background-position:top;
   background-repeat:no-repeat;
   overflow:hidden;
}

#headline p, #featured p, #popular p, #latest p, #the_loop p, #comments_template p
{
   overflow:hidden;
}

#headline img, #featured img, #popular img, #latest img, #the_loop img.thumb
{
   float:left;
   margin:5px 10px 10px 0;
   padding:1px;
   border:#c9bba0 1px solid;
}

#headline img, #latest img, #the_loop img, #comments_template img
{
   max-width:586px;
}

#featured img, #popular img
{
   float:left;
   margin:5px 5px 5px 0;
   padding:1px;
   border:#c9bba0 1px solid;
   max-width:276px;
}

#latest img
{
   float:left;
   margin:5px 7px 7px 0;
   padding:1px;
   border:#c9bba0 1px solid;
}

#headline h3, #featured h3, #popular h3, #latest h3, .sitem h3, #top h3
{
   background-color:#d5c6a6;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#333333;
   padding:3px 7px;
   text-transform:uppercase;
   border:#cbbb9a 1px solid;
   margin-top:0;
   margin-bottom:3px;
}

#headline h2 a, #the_loop h2 a
{
   display:block;
   font-family:Arial, Helvetica, sans-serif;
   margin-top:7px;
   padding-bottom:2px;
   font-size:20px;
   color:#333333;
   border-bottom:#333333 1px dotted;
}

#headline h2 a:link, #headline h2 a:visited, #featured h2 a:link, #featured h2 a:visited, #popular h2 a:link, #popular h2 a:visited, #latest h2 a:link, #latest h2 a:visited, #the_loop h2 a:link, #the_loop h2 a:visited
{
   color:#333333;
   text-decoration:none;
}

#headline h2 a:hover, #headline h2 a:active, #featured h2 a:hover, #featured h2 a:active, #popular h2 a:hover, #popular h2 a:active, #latest h2 a:hover, #latest h2 a:active, #the_loop h2 a:hover, #the_loop h2 a:active
{
   color:#333333;
   text-decoration:underline;
}

p.postmeta
{
   line-height:25px;
}

#headline p, #featured p, #popular p, #latest p
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:20px;
   color:#333333;
}

#headline p,  #latest p
{
   text-align:justify;
}

#headline p a:link, #headline p a:visited,  #featured p a:link, #featured p a:visited, #popular p a:link, #popular p a:visited, #latest p a:link, #latest p a:visited
{
   color:#cc3300;
   text-decoration:none;
}

#headline p a:hover, #headline p a:active, #featured p a:hover, #featured p a:active, #popular p a:hover, #popular p a:active, #latest p a:hover, #latest p a:active
{
   text-decoration:underline;
}

#featured
{
   float:left;
   width:280px;
   margin:0 0 10px 10px;
   padding:10px;
   border:#daccb0 1px solid;
   background-color:#f4f1e9;
   background-image:url(http://b1112.hizliresim.com/s/4/wq64.png);
   background-position:top;
   background-repeat:no-repeat;
   overflow:hidden;
}

#featured h2, #popular h2, #latest h2
{
   font-family:Arial, Helvetica, sans-serif;
   margin-top:7px;
   font-size:16px;
   color:#333333;
}

.spost
{
   clear:both;
   padding-bottom:5px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
}

#featured .spost, #popular .spost
{
   min-height:123px;
}

.spbottom
{
   clear:both;
   border-bottom:#333333 1px dotted;
}

p.read
{
   margin-top:5px;
}

#popular
{
   float:right;
   width:280px;
   padding:10px;
   border:#daccb0 1px solid;
   background-color:#f4f1e9;
   background-image:url(http://b1112.hizliresim.com/s/4/wq64.png);
   background-position:top;
   background-repeat:no-repeat;
   margin-bottom:10px;
   overflow:hidden;
}

#latest, #bottom
{
   clear:both;
}

#sidebar
{
   float:right;
   width:334px;
   margin:10px;
}

.sitem, .topitem
{
   padding:10px;
   border:#daccb0 1px solid;
   background-color:#f4f1e9;
   margin-bottom:10px;
   font-family:Arial, Helvetica, sans-serif;
   color:#333333;
   overflow:hidden;
}

.sitem form, .topitem form, .sitem input, .topitem input, .sitem textarea, .topitem textarea, .sitem select, .topitem select
{
   max-width:306px;
}

#left .sitem form, #right .sitem form, .sitem input, #right .sitem input, .sitem textarea, #right .sitem textarea, .sitem select, #right .sitem select
{
   max-width:135px;
}

.sitem img, .topitem img
{
   max-width:308px;
}

#left .sitem img, #right .sitem img
{
   max-width:137px;
}

.sitem h3, #top h3
{
   margin-bottom:3px;
}

ul#categories, .topitem ul
{
   list-style-type:none;
   font-family:Georgia, "Times New Roman", Times, serif;
   overflow:hidden;
}

ul#categories li, .topitem ul li
{
   margin-left:0;
   min-height:20px;
   padding:5px 0 2px 0;
   font-size:18px;
   color:#333333;
}

ul#categories li ul, .topitem li ul
{
   margin-left:15px;
}

ul#categories li a:link, ul#categories li a:visited, .topitem ul li a:link, .topitem ul li a:visited
{
   color:#cc3300;
   text-decoration:none;
   padding-top:2px;
}

ul#categories li a:hover, ul#categories li a:active, .topitem ul li a:hover, .topitem ul li a:active
{
   color:#cc3300;
   text-decoration:underline;
}

#left
{
   float:left;
   width:163px;
}

#right
{
   float:right;
   width:163px;
}

.sitem, .widget
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
}

.sitem ul
{
   list-style-type:square;
   margin-left:14px;
}

.sitem ul li
{
   padding-left:0;
   margin-left:0;
   margin-bottom:2px;
}

.linkcat h2
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
}

.sitem ul li a:link, .sitem ul li a:visited, .topitem ul li a:link, .topitem ul li a:visited
{
   display:block;
   color:#cc3300;
   text-decoration:none;
   padding-top:2px;
   padding-bottom:1px;
   border-bottom:#cc3300 1px dotted;
}

.sitem ul li a:hover, .sitem ul li a:active, .topitem ul li a:hover, .topitem ul li a:active
{
   text-decoration:underline;
}

.recentcomments a
{
   display:inline !important;
   padding:0 !important;
   margin:0 !important;
}

#footer
{
   clear:both;
   background-color:#d5c6a6;
   padding-top:15px;
   background-image:url(http://c1112.hizliresim.com/s/4/wq6k.png);
   background-position:top;
   background-repeat:repeat-x;
}

#fbar
{
   margin-left:20px;
}

.flinks
{
   float:left;
   width:270px;
   margin:0 20px;
   margin-bottom:10px;
   font-family:Georgia, "Times New Roman", Times, serif;
   color:#333333;
}

.flinks h3
{
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:16px;
   color:#333333;
   margin-bottom:8px;
}

.flinks ul
{
   list-style-type:none;
   font-family:Georgia, "Times New Roman", Times, serif;
}

.flinks ul li
{
   border-bottom:#cc3300 1px dotted;
   margin-left:0;
   margin-bottom:5px;
   min-height:20px;
   padding:0px 0 2px 0;
   font-size:16px;
   color:#333333;
}

.flinks a:link, .flinks a:visited
{
   color:#cc3300;
   text-decoration:none;
}

.flinks a:hover, .flinks a:active
{
   text-decoration:underline;
}

#copyright
{
   clear:both;
   padding:0 0 7px 10px;
   background-color:#505050;
   color:#eaeaea;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   background-image:url(http://c1112.hizliresim.com/s/4/wq6r.png);
   height:28px;
}

#copyright p
{
   padding-top:8px;
   color:#eaeaea;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
}

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

#copyright a:hover, #copyright a:active
{
   text-decoration:underline;
}

.post
{
   padding-bottom:5px;
   background-image:url(http://a1112.hizliresim.com/s/4/wq6v.gif);
   background-position:bottom;
   background-repeat:repeat-x;
   margin-bottom:10px;
}

.the_content p
{
   margin-bottom:5px;
   text-align:justify;
}

p.address
{
   background-image:url(http://a1112.hizliresim.com/s/4/wq6v.gif);
   background-position:bottom;
   background-repeat:repeat-x;
   padding-bottom:3px;
}

p.details
{
   clear:both;
   border-top:#333333 1px dotted;
   margin-top:5px;
   line-height:25px;
}

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

a:hover, a:active
{
   text-decoration:underline;
}

p
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:20px;
   color:#333333;
   text-align:justify;
   margin:0;
}

img
{
   padding:1px;
   border:#c9bba0 1px solid;
}

.alignleft
{
   float:left;
   margin-right:10px;
}

.alignright
{
   float:right;
   margin-left:10px;
}

.aligncenter, div.aligncenter
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

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

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

img.aligncenter, img.centered
{
   display: block;
   margin:10px auto;
}

.wp-caption, .wp-caption-text
{
   background-color:#c9bba0;
   margin-bottom:5px;
}

.wp-caption img
{
   padding:5px;
   border:none;
}

.wp-caption p
{
   text-align:center;
   padding-bottom:5px;
}

hr
{
   border:none;
   height:3px;
   background-image:url(http://a1112.hizliresim.com/s/4/wq6v.gif);
   background-repeat:repeat-x;
   padding:3px 0;
}

h1, h2, h3, h4, h5, h6
{
   font-family:Arial, Helvetica, sans-serif;
   color:#333333;
   margin-bottom:0;
   margin-top:5px;
}

h1, h2
{
   margin-top:5px;
   margin-bottom:3px;
}

dt
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
}

dd
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
}

ol, ul
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   padding:0;
   margin:0;
}

ul
{
   list-style-type:square;
}

ol li, ul li
{
   margin-left:20px;
   color:#333333;
   line-height:20px;
}

fieldset
{
   border:none;
}

form
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#333333;
}

legend
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   font-style:italic;
   line-height:20px;
   color:#333333;
   margin:0 0 10px 10px;
}

label
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   line-height:20px;
}

input, textarea
{
   color:#333333;
   border:#a0a0a0 1px inset;
   padding:2px;
   margin:0 5px 5px 0;
}

input#submit, input[type=submit], input[type=button], input[type=reset]
{
   border:#a0a0a0 1px outset;
}

input[type=radio]
{
   border:none!important;
}

textarea
{
   font-family:Arial, Helvetica, sans-serif;
}

select
{
   font-family:Arial, Helvetica, sans-serif;
   color:#333333;
   margin:0 5px 5px 0;
}

table
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   border-collapse:collapse;
}

table caption
{
   margin-bottom:5px;
}

table tfoot td
{
   border:none;
   text-align:left;
   padding-top:5px;
}

table tfoot td#prev
{
   text-align:left;
}

table tfoot td#next
{
   text-align:right;
}

table th
{
   background-color:#e6d7b7;
}

table th, td
{
   border:#c9bba0 1px solid;
   padding:3px 5px;
}

#wp-calendar th, #wp-calendar td
{
   text-align:center;
}

#right #wp-calendar th, #right #wp-calendar td, #left #wp-calendar th, #left #wp-calendar td
{
   padding:2px 2px 2px 3px;
}

blockquote
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:20px;
   font-style:italic;
   background-image:url(http://b1112.hizliresim.com/s/4/wq7f.png);
   background-position:top left;
   background-repeat:no-repeat;
   padding:0 45px 5px 45px;
   margin-top:10px;
}

code, code p, .code
{
   font-family:"Courier New", Courier, monospace;
   font-size:12px;
   background-image:url(http://b1112.hizliresim.com/s/4/wq7k.png);
   background-position:top left;
   background-repeat:no-repeat;
   padding:0 45px;
   margin-top:10px;
   display:block;
}

.code p
{
   font-family:"Courier New", Courier, monospace;
}

.wp-pagenavi
{
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:14px;
   color:#333333;
   margin:0 0 5px 0;
   background-color:#f4f1e9;
}

.wp-pagenavi a, .wp-pagenavi a:link {
   padding: 2px 4px 2px 4px;
   margin: 2px;
   text-decoration: none;
   border: 1px solid #cc3300;
   color: #cc3300;
   background-color: #f4f1e9;   
}

.wp-pagenavi a:visited {
   padding: 2px 4px 2px 4px;
   margin: 2px;
   text-decoration: none;
   border: 1px solid #cc3300;
   color: #cc3300;
   background-color: #f4f1e9;   
}
.wp-pagenavi a:hover {   
   border: 1px solid #333333;
   color: #333333;
   background-color: #f4f1e9;
}
.wp-pagenavi a:active {
   padding: 2px 4px 2px 4px;
   margin: 2px;
   text-decoration: none;
   border: 1px solid #cc3300;
   color: #cc3300;
   background-color: #f4f1e9;   
}
.wp-pagenavi span.pages {
   padding: 2px 4px 2px 4px;
   margin: 2px 2px 2px 2px;
   color: #333333;
   border: 1px solid #333333;
   background-color: #f4f1e9;
}
.wp-pagenavi span.current {
   padding: 2px 4px 2px 4px;
   margin: 2px;
   font-weight: bold;
   border: 1px solid #333333;
   color: #333333;
   background-color: #f4f1e9;
}
.wp-pagenavi span.extend {
   padding: 2px 4px 2px 4px;
   margin: 2px;   
   border: 1px solid #333333;
   color: #333333;
   background-color: #f4f1e9;
}

#comments_template h3
{
   display:block;
   font-family:Arial, Helvetica, sans-serif;
   margin-top:7px;
   padding-bottom:2px;
   color:#333333;
   border-bottom:#333333 1px dotted;
   border-bottom:none;
   margin-bottom:10px;
}

#comments_template ol li
{
   list-style-type:none;
   margin-left:0;
}

#comments_template ol li.bypostauthor, #comments_template ol li.comment-author-admin
{
   background-color:#e7ddcb;
}

.comment
{
   border:#daccb0 1px solid;
   margin-bottom:10px;
   padding:5px;
}

.comment-author img
{
   float:right;
}

.comment-meta
{
   margin-bottom:10px;
}

#commentform
{
   padding-top:10px;
}

#commentform small
{
   font-size:12px;
}

#commentform textarea
{
   width:583px;
}

#commentform input#submit
{
   color:#333333;
   padding:2px 6px;
   background-color:#e7ddcb;
   background-image:url(http://b1112.hizliresim.com/s/4/wq7v.png);
}

p#page-links
{
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:14px;
   text-align:right;
   margin-bottom:10px;
   float:right;
}

.navigation
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   text-align:center;
   padding-top:15px;
}

.navigation .left, .navigation .right
{
   display:inline;
   margin:0 5px;
}

.addtoany_share_save_container
{
   clear:both;
   float:left;
}

.the_author
{
   clear:both;
   border:#daccb0 1px solid;
   margin-bottom:20px;
   padding:10px;
   background-color:#e7ddcb;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   padding-bottom:25px;
   min-height:74px;
}

.the_author p
{
   line-height:16px;
}

.the_author img
{
   float:left;
   margin-right:10px;
}

.the_author h3 a
{
   color:#333333;
}

.the_author h3 span
{
   color:#a0a0a0;
}

#author_meta
{
   width:490px;
   float:right;
   clear:both;
}

#author_website
{
   float:left;
   width:50%;
}

#author_twitter
{
   float:right;
   width:50%;
}

#author_website p, #author_twitter p
{
   text-align:center;
}

.share_save_container
{
   clear:both;
   float:left;
   margin:16px 0;
}

ul.share_save_list
{
   display:inline;
   list-style-type:none;
   margin:0 !important;
   padding:0 !important;
}

ul.share_save_list li
{
   background:none !important;
   border:0;
   display:inline !important;
   line-height:32px;
   list-style-type:none;
   margin:0 !important;
   padding:0 !important;
}

ul.share_save_list li:before
{
   content:"";
}

ul.share_save_list li a
{
   padding:0 9px;
}

ul.share_save_list img
{
   float:none;
   width:16px;
   height:16px;
   border:0;
   margin:0;
   padding:0;
   vertical-align:middle;
}

ul.share_save_list a img
{
   opacity:.6;
   -moz-opacity:.6;
   filter:alpha(opacity=60);
}

ul.share_save_list a:hover img, ul.share_save_list a.share_save_list img
{
   opacity:1;
   -moz-opacity:1;
   filter:alpha(opacity=100);
}

a.share_save_list img
{
   border:0;
   width:auto;
   height:auto;
}

#related
{
   margin-bottom:5px;
}

#related h3
{
   margin-top:10px;
   margin-bottom:5px;
   font-size:14px;
}

img.wp-smiley
{
   border:none;
}

#wordpress
{
   float:right;
   background-image:url(images/wordpress.png);
   width:78px;
   height:35px;
}

#wordpress a
{
   display:block;
   width:78px;
   height:35px;
}
#feedburner
{
   padding:3px;
   margin-top:10px;
}


İçeriğe Eklenecek kod ( kendinize göre düzenleyeceksiniz )
ve sayfada arka plan gozukmez . yayınladıktan sonra sitede gozukecektır.
Kod:
<div id="headline">
<h3>Kategori</h3>
<h2><a href="#"><span style="color: rgb(0, 0, 255); ">Konu başlık</span></a></h2>
<p class="postmeta" style="margin-bottom:2px;">Aralık 04, 2011 |</p>
<div class="the_content"><img height="165" width="230" border="0" alt="" src="http://a1111.hizliresim.com/r/w/tcqd.png" />
<p><span style="color: rgb(255, 0, 0); "><span class="style1">Tasarım Adı</span></span> : Örnektir</p>
<p><span style="color: rgb(255, 0, 0); "><span class="style1">Tasarım Numarası</span></span> : Örnektir</p>
<p><span style="color: rgb(255, 0, 0); "><span class="style1">Tasarımın Y&uuml;klenme Tarihi</span></span> : Örnektir</p>
<p><span style="color: rgb(255, 0, 0); "><span class="style1">Tasarım Download Se&ccedil;eneği</span></span> : Hotfile</p>
<p><span style="color: rgb(255, 0, 0); "><span class="style1">Tasarım İ&ccedil;indekiler</span></span><span class="style1"> </span>: About // Style.css // images</p>
<p><span style="color: rgb(255, 0, 0); "><span class="style1">Tasarımı G&ouml;nderen</span> </span>: Admin</p>
<p><span style="color: rgb(255, 0, 0); "><span class="style1">Tasarım &Ccedil;izimi</span></span> : Var</p>
<p>&nbsp;</p>
<table width="590" cellspacing="0" border="0">
    <tbody>
        <tr>
            <td width="251"><span style="color: rgb(255, 102, 0); ">G&ouml;nderen</span> : Admin</td>
            <td width="82"><span style="color: rgb(0, 255, 255); ">&Ccedil;izim</span> : Var</td>
            <td width="109"><span style="color: rgb(0, 255, 255); ">Se&ccedil;enek</span> : Hotfile</td>
            <td width="140"><span style="color: rgb(0, 255, 255); ">Tarih</span> : 04 Aralık 2011</td>
        </tr>
    </tbody>
</table>
</div>
<!-- /the_content --></div>


Sayfa içeriği örnektir kendiniz değiştirebilirsiniz ( şuanki tasarıma uygundur . )

Bir Teşekkür yeter ...
Mesaj24.12.2011, 22:08 (UTC)    
Mesaj konusu:

Bir resim veya demo koysan iyi olur.
______________
Nush ile uslanmayanı etmeli tekdir, Tekdir ile uslanmayanın hakkı kötektir.
Mesaj25.12.2011, 07:00 (UTC)    
Mesaj konusu:

berkant-kisisel yazmış:
Bir resim veya demo koysan iyi olur.


pardon kardeşim buyur


http://kodkullan.tr.gg/
Önceki mesajları göster:   


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