Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj06.01.2010, 17:51 (UTC)    
Mesaj konusu: Free Temayı Kendi Sitene Düzenleme

Arkadaslar Elimde Free Bir Tema Var İyi Güzel Tasarimin Üstüne Altına css Koduna Eklemeleri Yapiyorum Takir Takir Çalışıyor Fakat Sitem İle Alakasi Olmayan Bölümleri Kendime Göre Düzenlemem Gerekli Kod Bilgim Yetersiz Bana Yardimci Olabilirmisiniz Bu Konuda



Tasarimin Üstüne Bunu Koyuyoruz

Kod:
<div id="wrap">
<div id="header">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="styles.html">Styles</a></li>
<li><a href="notes.html">Notes</a></li>
<li><a href="#nogo">Nogo</a></li>
</ul>
</div>
<div id="breadcrumb"><a href="#">YourWebsite.com</a> &raquo; <a href="#">Home </a></div>
<h1 id="sitename"><a href="#">RS Tech Blog</a><span class="caption">High Quality Templates &amp; Themes</span> </h1>
</div>
<div id="contents">
<div id="left">
<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">HackeR FrienD.Net </span>
<h5>Bilgi Güçtür, Paylaştıkça Büyür!</h5>


Tasarımın Altına Bunu Koyuyoruz

Kod:
</div>
<div class="post_b">
Link 1 | Link 2 | Link 3</div>
</div>




<div id="pagination">
<span class="alignleft"><a href="#">&laquo; Önceki Sayfa</a></span>
<span class="alignright"><a href="#">Sonraki Sayfa &raquo;</a></span></div>
</div>
<div id="sidebar">
      
         <h3>Categories</h3>
         <ul>            
   <li class="cat-item cat-item-4"><a href="#" title="cat">Lorem Ipsum </a></li>
   <li class="cat-item cat-item-5"><a href="#" title="cat">Apple Macintosh </a></li>
   <li class="cat-item cat-item-3"><a href="#" title="cat">Linux Ubuntu </a></li>
   <li class="cat-item cat-item-1"><a href="#" title="cat">Wordpress Themes</a></li>
         <li class="cat-item cat-item-1"><a href="#">XHTML Themes</a></li>
         <li class="cat-item cat-item-1"><a href="#">Free Releases  </a></li>
         </ul>

         <h3>Archives</h3>
         <ul>            
   <li><a href='#' title='March 2008'>March 2008</a></li>
   <li><a href='#' title='February 2008'>February 2008</a></li>
   <li><a href='#' title='January 2008'>January 2008</a></li>

   <li><a href='#' title='December 2007'>December 2007</a></li>
         </ul>   
            
         <h3>Links</h3>
         <ul>
                   <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>
         
         <h3>Meta</h3>
         <ul>
                        <li><a href="#">Log in</a></li>
               <li><a href="#" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>

            <li><a href="#"><abbr title="XHTML Friends Network">XFN</abbr></a></li>

               <li><a href="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
     </ul>   
         
         <h3>Search Box</h3>   
<form action="http://demo.themelab.com/" class="searchform">
            <p>
            <input name="s" class="textbox" type="text" />

              <input class="button" value="Search" type="submit" />
            </p>         
     </form>

</div>
<div class="clear"></div>
</div>
<div id="pagebottom"></div>

<div id="footer">
<p>&copy; All Contents are Copy-righted 2006 - 2008</p>
<p><a href="#">Put</a> | <a href="#">Some More</a> | <a href="#">Links</a> | <a href="#">In the</a> | <a href="#">Bottom</a> | <a href="#">Of the </a>| <a href="#">Page </a></p>
<p><a href="http://ramblingsoul.com">CSS Template</a> by Ramblingsoul </p>

</div>
</div>


Css Kodunada Bunu Koyuyoruz

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;}

* {padding:0; margin:0;}
#wrap #header #sitename {
   display: block;
   font: normal 28px Georgia, "Times New Roman", Times, serif;
   padding-left: 45px;
   padding-top: 15px;
   color: #000000;
   width: 300px;
   float: left;
}
#wrap #header .intro {
   display: block;
   float: right;
   width: 500px;
   padding-right: 55px;
   padding-top: 20px;
   font: italic normal 18px Georgia, "Times New Roman", Times, serif;
   color: #005979;
}
#wrap #header #breadcrumb a {
   color: #CCCCCC;
   text-decoration: none;
}
#wrap #header #breadcrumb a:visited, #wrap #header #breadcrumb a:active {
   color: #CCCCCC;
   text-decoration: none;
}#wrap #header #breadcrumb a:hover {
   color: #fff;
   text-decoration: none;
}
#wrap #header #sitename .caption {
   font-size: 12px;
   display: block;
}

ul {list-style:none}
a {
   color: #069;
}


html {
   background: #14222b url(http://ramblingsoul.com/preview/rs12/images/bodybg.jpg);
}
.clear {clear:both;}
body {background:url(http://ramblingsoul.com/preview/rs12/images/bgtop.jpg) repeat-x; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
#wrap {background:url(http://ramblingsoul.com/preview/rs12/images/pagebg.jpg) repeat-y; width:953px; margin:auto;}
#header {background:url(http://ramblingsoul.com/preview/rs12/images/header3.jpg) no-repeat; height:210px;}
#contents {
   background:url(http://ramblingsoul.com/preview/rs12/images/pageheader.jpg) no-repeat top;
   padding-left: 35px;
   padding-right: 35px;
   padding-top: 15px;
}
#footer{
   background:url(http://ramblingsoul.com/preview/rs12/images/footer.jpg) no-repeat;
   height:130px;
   text-align: center;
   color: #9AACB8;
   padding-top: 50px;
}
#wrap #footer a {
   color: #C7D9E5;
   text-decoration: none;
}

#left {width:652px; float:left;}
#left .post {
   width: 639px;
   margin-left: 4px;
   margin-bottom: 15px;
   background: url(http://ramblingsoul.com/preview/rs12/images/postbg.jpg) repeat-y;
}
#left .post .post_h {
   background: url(http://ramblingsoul.com/preview/rs12/images/postheader.jpg) no-repeat;
   height: 17px;
}
.post .post_b {
   background: url(http://ramblingsoul.com/preview/rs12/images/postfooter.jpg) no-repeat;
   height: 30px;
   padding-top: 10px;
   padding-left: 20px;
   padding-right: 20px;
}
.post_b .permalink {
   display: block;
   float: left;
   background: url(http://ramblingsoul.com/preview/rs12/images/readmore.jpg) no-repeat;
   height: 16px;
   padding-left: 20px;
   padding-top: 2px;
   margin-right: 5px;
   margin-left: 5px;
}

.post .postcontent {
   padding: 5px 25px;
}
.post .date {
   font-size: 10px;
   color: #999999;
   display: block;
   background: url(http://ramblingsoul.com/preview/rs12/images/posticon.jpg) no-repeat;
   padding-left: 20px;
   height: 16px;
   padding-top: 4px;
}
.post  h5 {
   font: normal 18px Georgia, "Times New Roman", Times, serif;
   color: #007993;
   display: block;
   margin-bottom: 18px;
   padding-top: 5px;
}


#pagebottom {background:url(http://ramblingsoul.com/preview/rs12/images/paginationbg.jpg) no-repeat; height:44px; clear:both;}
#topnav {
   height:50px;
   padding-top: 32px;
   padding-left: 30px;
}#breadcrumb {
   color: #CCCCCC;
   padding-left: 135px;
   padding-top: 6px;
}
#wrap #contents #left #pagination {
   background: #9AACB8;
   margin-right: 15px;
   margin-left: 15px;
   padding: 8px;
   margin-bottom: 15px;
}
#pagination .alignleft {
   display: block;
   float: left;
   width: 200px;
}
#pagination .alignright {
   text-align: right;
   display: block;
   margin-left: 400px;
}
#topnav li {
   display: inline;
   text-transform: uppercase;
   font: bold 14px "Trebuchet MS", Arial, Halvetica, sans-serif;
}
#topnav a {
   display: block;
   height: 35px; width: 137px; float: left; margin:0 3px 0 3px; text-align:center; padding-top:15px; color:#ccc; text-decoration:none;}
#topnav .active a {background:url(http://ramblingsoul.com/preview/rs12/images/menuhover.png) no-repeat; color:#fff;}
#topnav a:hover {background:url(http://ramblingsoul.com/preview/rs12/images/menunormal.png) no-repeat; color:#333;}#wrap #contents #sidebar {
   margin-left: 665px;
}
#wrap #contents #sidebar h3 {
   background: url(http://ramblingsoul.com/preview/rs12/images/sidebarheading.jpg) no-repeat;
   display: block;
   width: 195px;
   height: 30px;
   color: #FFFFFF;
   padding-top: 6px;
   padding-right: 10px;
   padding-left: 10px;
   font: 16px "Trebuchet MS", Arial, Halvetica, sans-serif;
   text-transform: uppercase;
   margin-bottom: 8px;
}
#sidebar .cat-item {
   display: block;
   height: 24px;
   border:none!important; padding:0!important;
}
#sidebar li {
   margin-left: 10px;
   margin-right: 10px;
}
#sidebar li {
   display: block;
   padding-top: 5px;
   padding-bottom: 5px;
   border-bottom: 1px solid #91B5CC;
}
#sidebar ul li a {
   text-decoration: none;
   color: #15222B;
}


.cat-item  a {
   display: block;
   height: 19px;
   padding-top: 5px;
   text-decoration: none;
   color: #15222B;
   border-bottom: 1px solid #91B5CC;
}
#sidebar ul {
   margin-bottom: 15px;
}



.post p {
   line-height: 18px;
   margin-bottom: 18px;
}
.post_b .category {
   display: block;
   float: left;
   background: url(http://ramblingsoul.com/preview/rs12/images/category.jpg) no-repeat;
   height: 16px;
   padding-left: 20px;
   padding-top: 2px;
   margin-right: 5px;
   margin-left: 5px;
}
.post_b  a {
   color: #FFFFFF;
   text-decoration: none;
}

.post_b .comment {

   display: block;
   float: left;
   background: url(http://ramblingsoul.com/preview/rs12/images/comment.jpg) no-repeat;
   height: 16px;
   padding-left: 24px;
   padding-top: 2px;
   margin-right: 5px;
   margin-left: 5px;
}
.post_b a:visited, .post_b a:active {
   color: #FFFFFF;
   text-decoration: none;
}
.post_b a:hover {
   color: #FFFFFF;
   text-decoration: underline;
}
a:visited, active {
   color: #000033;
}
a:hover {
   color: #000000;
   text-decoration: none;
}
#pagination a {
   text-decoration: none;
}
#sidebar ul li a:visited, #sidebar ul li a:active {
   text-decoration: none;
   color: #15222B;
}
#sidebar ul li a:hover {

   text-decoration: none;
   color: #000000;
}
.cat-item a:visited .cat-item a:active {

   display: block;
   height: 19px;
   padding-top: 5px;
   text-decoration: none;
   color: #15222B;
   border-bottom: 1px solid #91B5CC;
}
.cat-item a:hover {
   display: block;
   height: 19px;
   padding-top: 5px;
   text-decoration: none;
   color: #000000;
   border-bottom: 1px solid #91B5CC;
   background: #DEE9EF;
}
#wrap #contents #sidebar .searchform p {
   padding: 8px;
}
#wrap #contents #sidebar .searchform .button {
   display: block;
   float: left;
}
#wrap #contents #sidebar .searchform .textbox {
   display: block;
   border: 1px solid #15222B;
   float: left;
   width: 140px;
   margin-right: 3px;
   padding: 2px;
}
#wrap #footer a:visited {

   color: #C7D9E5;
}
#wrap #footer a:hover {
   color: #FFFFFF;
   text-decoration: none;
}
img.alignleft {
   float: left;
   margin: 5px;
   padding: 5px;
   display: block;
   background: #C7D9E5;
   border: 1px solid #8E98A1;
}
img.alignright {
   float: right;
   margin: 5px;
   padding: 5px;
   display: block;
   background: #C7D9E5;
   border: 1px solid #8F9EA5;
}
#wrap #header #sitename a {
   text-decoration: none;
   color: #000;
}
blockquote {
   font: 14px Georgia, "Times New Roman", Times, serif;
   color: #006699;
   display: block;
   padding: 5px;
   border-top: 1px solid #C7D9E5;
   border-bottom: 1px solid #C7D9E5;
   margin-top: 10px;
   margin-bottom: 10px;
}
h1 a {
   text-decoration: none;
}
h5 a {
   text-decoration: none;
}

blockquote p {
   margin-bottom: 0!important;
}
.post ul, .post ol {
   margin-bottom: 15px;
}
.post ol {
   list-style: decimal outside;
   padding-left: 15px;
}
.post ol li {
   padding: 4px;
}


#wrap #contents #left .post .postcontent code {
   display: block;
   margin-bottom: 15px;
   padding: 10px;
   background: #C7D9E5 url(http://ramblingsoul.com/preview/rs12/images/codebg.jpg) no-repeat right bottom;
   color: #000000;
   font: 11px "Courier New", Courier, monospace;
   white-space: pre;
}
#wrap #contents #left #comments {
   width: 639px;
   margin-left: 6px;
}
#wrap #contents #left #comments  ol {
   list-style: none;
}
#wrap #contents #left #comments  ol li {
   display: block;
   padding: 5px;
   margin-bottom: 10px;
   border-bottom: 1px solid #D4D0C8;
   background: #f4f4f4;
}
#wrap #contents #left #comments  ol.odd {
   background: #fff!important;
}
h3 a {
   text-decoration: none;
}
h3 {
   font-size: 16px;
   margin-bottom: 15px;
}

#wrap #contents #left #comments #commentop {
   background: url(http://ramblingsoul.com/preview/rs12/images/commenttop.jpg) no-repeat;
   height: 64px;
}
#wrap #contents #left #comments #commentcontent {
   background: url(http://ramblingsoul.com/preview/rs12/images/commentbg.jpg) repeat-y;
   padding: 5px 15px;
}
#wrap #contents #left #comments #commentbtm {
   background: url(http://ramblingsoul.com/preview/rs12/images/commentbtm.jpg) no-repeat;
   height: 38px;
}
#wrap #contents #left #comments .text {
   border: 1px solid #C7D9E5;
   margin-bottom: 15px;
   padding: 3px;
   display: block;
   width: 200px;
}
#wrap #contents #left #comments #commentcontent form {
   padding-left: 45px;
}
#comment {
   border: 1px solid #C7D9E5;
   margin-bottom: 15px;
}

______________
Siteni Ekle Hit Kazan Wink


En son 2010toplist tarafından 18.01.2010 19:04:01 tarihinde değiştirildi, toplam 1 kere değiştirildi
Önceki mesajları göster:   


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