kodekleyin

KOD EKLEYİN Türkiye'nin en dolu Html kod ve tasarım arşivi

İstek kodlar,ve görüş bildirmek içinFORUM sayfamızı ziyaret edin...

13TK

TASARIMIN ÜSTÜNE TASARIMIN ALTINA

</div>

</div>
    <div id="sidebar">
      <div class="sidebartop"> <a href="http://www.free-css.com/"><img src="images/feed.jpg" alt="" /></a></div>
      <div class="sidebarcontent">
        <div class="sidebarbox">
          <h2>About</h2>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam commodo ornare massa. Vivamus eu nisi. Pellentesque non quam a mauris lacinia condimentum. Nulla facilisi. Fusce malesuada, ligula ac vehicula lobortis, sapien augue ultrices eros, at imperdiet mi lorem nec ipsum. Cras hendrerit blandit enim. <a href="http://www.free-css.com/">Read More</a></p>

</div>
        <div class="sidebarcol">
          <h2>Pages</h2>
          <ul class="normalmenu">
            <li><a href="http://www.free-css.com/">Welcome Page</a></li>
            <li><a href="tables.html">Tables Example</a></li>
            <li><a href="forms.html">Forms Example</a></li>

<li><a href="http://www.free-css.com/">No Go Link</a></li>
          </ul>
        </div>
        <div class="sidebarcol">
          <h2>Categories</h2>
          <ul class="normalmenu">
            <li><a href="http://www.free-css.com/">Web Design</a></li>

<li><a href="http://www.free-css.com/">Graphic Design</a></li>
            <li><a href="http://www.free-css.com/">CSS & XHTML</a></li>
            <li><a href="http://www.free-css.com/">Wordpress</a></li>
          </ul>
        </div>
        <p class="clear2"></p>

<h2>Recent Posts</h2>
        <ul class="posts">
          <li><a href="http://www.free-css.com/"> Donec mattis metus eget dui. </a></li>
          <li><a href="http://www.free-css.com/">Sed egestas suscipit risus. </a></li>
          <li><a href="http://www.free-css.com/">Nulla odio nunc, consectetuer ut</a></li>
          <li><a href="http://www.free-css.com/"> placerat eleifend, vestibulum eget, justo. </a></li>

<li><a href="http://www.free-css.com/">Morbi non elit. Suspendisse iaculis nisi.</a></li>
          <li><a href="http://www.free-css.com/"> Curabitur nulla. </a></li>
          <li><a href="http://www.free-css.com/">Maecenas scelerisque convallis arcu. </a></li>
        </ul>
      </div>
      <div class="sidebarbtm"></div>
    </div>

<div class="clear"></div>
  </div>
  <div id="footer"> Copy right © Information | <a href="http://www.free-css.com/">And</a> | <a href="http://www.free-css.com/">Some</a> | <a href="http://www.free-css.com/">Links</a> | <a href="http://www.free-css.com/">Goes</a> | <a href="http://www.free-css.com/">Here</a>

<div id="credit"> <a href="http://ramblingsoul.com">CSS Template</a> Rambling Soul | Plantilla adaptada por <a href="http://kilometro6.es.tl">Kilometro6</a> </div>
  </div>
</div>
</body>
</html>

CSS KODU

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

* {
   margin: 0px;
   padding: 0px;
}
#wrap {
   margin: auto;
   width: 893px;
}

#wrap #topbar {
   height: 35px;
   padding-top: 15px;
}
#wrap #header {
   background: url(http://img29.xooimage.com/files/8/1/c/header-125da66.jpg) no-repeat;
   height: 176px;
}

body {
   background: #E6E0D2; url(http://img45.xooimage.com/files/c/2/b/bg-125da69.jpg) repeat;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   }
#wrap #main #content p {
   line-height: 22px;
   margin-bottom: 25px;
   color: #513F33;
}
#wrap #main #sidebar .sidebarcontent .sidebarcol {
   float: left;
   width: 48%;
}
#wrap #main #sidebar .sidebarcontent .sidebarbox {
   color: #513F33;   font-size: 11px;
   padding: 10px;
   background: #F2ECD7;
   margin: 0px 10px 10px 10px;
   line-height: 18px;
}
#wrap #main #content .post .posthead span {
   color: #E84002;
}

#wrap #main #content .post .posthead h2 {
   font-family: "Trebuchet MS", Arial, Verdana;
   font-size: 25px;
   color: #000000;
}
#wrap #main #content .post .posthead .datebox {
   display: block;
   margin: 0px;
   padding: 0px;
   background-image: url(http://img27.xooimage.com/files/f/e/e/date-125da74.jpg);
   background-repeat: no-repeat;
   height: 96px;
   width: 112px;
   float: right;
}
#wrap #main #content h1, h2, h3, h4 {
   color: #000000;
   font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
}
#wrap #main #content .post form {
   padding-right: 15px;
   padding-left: 15px;
}
#wrap #main #content .post #form label {
   font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
   font-size: 12px;
   color: #040507;
   display: block;
}
#wrap #main #content .post #form .textfield {
   display: block;
   width: 250px;
   border: 1px solid #AF9D72;
   background-color: #F2ECD7;
}

#wrap #main #content .post .posthead .datebox .day {
   font-size: 32px;
   display: block;
   text-align: center;
   padding-top: 18px;
   color: #999900;
}
#wrap #main #content .post .posthead .datebox .month {
   display: block;
   text-align: center;
}
#wrap #main #content .post .postinfo {
   background-color: #F2ECD7;
   padding: 3px;
   margin: 0px;
   color: #E83900;
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-top-style: dotted;
   border-bottom-style: dotted;
   border-top-color: #D4CEC2;
   border-bottom-color: #D4CEC2;
   font-size: 10px;
}
#wrap #main #content .post {
   margin-top: 15px;
   margin-bottom: 15px;
}
#wrap #main #sidebar .sidebartop img {
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   padding-top: 5px;
   padding-right: 15px;
   padding-bottom: 5px;
   padding-left: 25px;
}
#wrap #header #description {
   font-family: "Trebuchet MS", Arial, Verdana;
   font-variant: small-caps;
   font-size: 14px;
   display: block;
   float: right;
   width: 100px;
   text-align: center;
   padding-right: 90px;
   padding-top: 55px;
   color: #FFFFFF;
   font-weight: normal;
}
#wrap #main #content .post .readmore {
   display: inline;
   background-color: #F2ECD7;
   padding: 3px;
}
#wrap #topbar #sitename {
   color: #EC4900;
   font-family: "Trebuchet MS", Arial, Verdana;
   font-size: 26px;
   margin: 0px;
   padding-left: 15px;
   display: block;
   float: left;
}
#wrap #main #sidebar .sidebarcontent h2 {
   color: #000000;
   font-family: "Trebuchet MS", Arial, Verdana;
   text-transform: uppercase;
   font-weight: normal;
   font-size: 20px;
   display: block;
   padding-left: 10px;
}
#wrap #main #sidebar .sidebarcontent ul {
   list-style-type: none;
   padding-left: 15px;
   margin-bottom: 15px;
}
#wrap #main #sidebar .sidebarcontent .posts li {
   padding: 5px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #F2ECD7;
}
#wrap #main #sidebar .sidebarcontent .posts a {
   color: #938157;
   text-decoration: none;
}

#wrap #topbar #sitename span {
   color: #000000;
}

.clear {
   clear: both;
}
#wrap #main #content {
   width: 490px;
   float: left;
   padding-top: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-left: 15px;
}
#wrap #main #sidebar {
   margin-left: 520px;
}
#wrap #main #sidebar .sidebartop {
   background-image: url(http://img41.xooimage.com/files/7/7/8/sidebar1-125da7c.jpg);
   background-repeat: no-repeat;
   height: 51px;
}
#wrap #main #sidebar .sidebarcontent {
   background-image: url(http://img45.xooimage.com/files/f/6/1/sidebar2-125da86.jpg);
   background-repeat: repeat-y;
   padding-top: 5px;
   padding-right: 15px;
   padding-bottom: 5px;
   padding-left: 25px;
}
#wrap #main #sidebar .sidebarbtm {
   background: url(http://img25.xooimage.com/files/6/4/c/sidebar3-125da8d.jpg) no-repeat;
   height: 73px;
}
#wrap #main #sidebar .sidebarcontent .posts a:visited, active {
   color: #938157;
   text-decoration: none;
}
#wrap #main #sidebar .sidebarcontent .posts a:hover {
   color: #282317;
   text-decoration: none;
}
#wrap #main #sidebar .sidebarcontent .normalmenu li {
   display: block;
   height: 25px;
   border-bottom: solid 1px#F2ECD7;
}
#wrap #main #sidebar .sidebarcontent .normalmenu a {
   display: block;
   height: 20px;
   padding-top: 5px;
   padding-left: 5px;
   color: #A2816D;
   text-decoration: none;
   border-bottom-color: #DCFC3;
}
#wrap #main #sidebar .sidebarcontent .normalmenu a:visited, active {
   display: block;
   height: 20px;
   padding-top: 5px;
   padding-left: 5px;
   color: #A2816D;
   text-decoration: none;
   border-bottom-color: #DCFC3;
}
#wrap #main #content a {
   color: #993300;
}

#wrap #main #sidebar .sidebarcontent .normalmenu a:hover {
   display: block;
   height: 20px;
   padding-top: 5px;
   padding-left: 5px;
   color: #333333;
   text-decoration: none;
   background-color: #F2ECD7;
}
#wrap #main #content a:visited, active {
   color: #993300;
}
#wrap #main #content a:hover {
   color: #000000;
   text-decoration: none;
}
#wrap #footer {
   background : url(http://img21.xooimage.com/files/4/1/f/footer-125da94.jpg) no-repeat center top;
   padding: 25px 15px 15px 15px;
   text-align: center;
}
#wrap #footer #credit {
   padding-top: 25px;
   font-size: 10px;
}
#wrap #footer a {
   color: #990000;
}
#wrap #footer a:visited, active {
   color: #990000;
}
#wrap #footer a:hover {
   color: #000000;
   text-decoration: none;
}
#wrap #main #sidebar .sidebarcontent  a {
   color: #990000;
}
#wrap #main #sidebar .sidebarcontent a:visited, active {
   color: #990000;
}
#wrap #main #sidebar .sidebarcontent a:hover {
   color: #000000;
   text-decoration: none;
}
#wrap #main #content .post blockquote {
   font-size: 16px;
   font-family: Georgia, "Times New Roman", Times, serif;
   background : url(http://img21.xooimage.com/files/2/e/e/blockquote-125da9b.jpg) no-repeat left top;
   padding : 5px 5px 5px 30px;
   display: block;
   text-align: right;
   border-right: dashed 1px #CEC8BC;
   margin: 5px 10px 5px 5px;
}
#wrap #main #content .post img {
   padding: 3px;
   background-color: #FFFFCC;
   border: 1px solid #D1C6AB;
}
#wrap #main #content .post .alignleft {
   float: left;
   margin: 5px;
}

#wrap #main #content .post .posthead .postinfotop {
   font-size: 10px;
   margin: 0px;
}

#wrap #main #content .post blockquote p {
   color: #993300;
   padding: 0px;
   margin: 0px;
}
#wrap #main #content .post ul {
   padding: 10px;
   list-style-type: none;
   margin-left: 15px;
}
#wrap #main #content .post ol {
   padding: 10px;
   list-style-type: decimal;
   margin-left: 15px;
   list-style-position: inside;
}
#wrap #main #content .post ul li {
   background: url(http://img25.xooimage.com/files/b/7/e/bullet-125daa1.jpg) no-repeat 0px 7px;
   padding:3px 15px 3px;
   padding-top: 3px;
}
#wrap #main #content .post ol li {
   margin-bottom: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
}
#wrap #main #content .post code {
   font-size: 12px;
   color: #333333;
   background: #F0F0F0;
   white-space: pre;
   padding: 10px;
   margin-bottom: 25px;
   font-family: "Courier New", Courier, monospace;
   display: block;
}
#wrap #main #content .post #pagination {
   padding: 5px;
   margin-top: 15px;
   margin-bottom: 15px;
   text-align: center;
}
#wrap #main #content .post #pagination span {
   padding-left: 150px;
}
#wrap #main #content  table {
   width: 95%;
   border: 1px solid #C5B798;
   margin-top: 15px;
   margin-bottom: 25px;
}
#wrap #main #content .post  td {
   border-bottom: 1px solid #CDC1A7;
   padding: 5px;
}
#wrap #main #content .post  th {
   font-family: "Trebuchet MS", Arial, Verdana;
   font-size: 14px;
   padding: 5px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #CDC1A7;
   background-color: #CDC1A7;
   color: #993300;
}
#wrap #main #content .post .extract {
   font-size: 16px;
   font-family: Georgia, "Times New Roman", Times, serif;
   background: url(http://img21.xooimage.com/files/2/e/e/blockquote-125da9b.jpg) no-repeat left top;
   padding: 5px 5px 5px 30px;
   display: block;
   float: left;
   width: 150px;
   text-align: right;
   border-right: dashed 1px #CEC8BC;
   margin: 5px 10px 5px: 5px;
}
#wrap #main #content .post #form .textfield:hover {
   display: block;
   width: 250px;
   border: 1px solid #AF9D72;
   background-color: #FFFFCC;
}
#wrap #main #content .post #form input {
   padding: 3px;
   margin-bottom: 15px;
}
#wrap #main #content .post #form .buttons {
   padding: 15px;
}
#wrap #main #content .post #form .buttons input {
   border: 1px solid #AF9D72;
   background-color: #F2ECD7;
}
#wrap #topbar #topmenu {
   float: right;
   font-size: 16px;
   font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
   padding-right: 15px;
   padding-left: 15px;
}
#wrap #topbar #topmenu ul {
   list-style-type: none;
}
#wrap #topbar #topmenu li {
   display: inline;
}
#wrap #topbar #topmenu a {
   display: block;
   float: left;
   text-decoration: none;
   color: #993300;
   font-weight: bold;
   padding-right: 15px;
   padding-left: 10px;
   margin-left: 5px;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #E0D9C9;
}

#wrap #main #content .post #form .textfield:focus {
   display: block;
   width: 250px;
   border: 1px solid #70613F;
   background-color: #FFFFFF;
}
#wrap #topbar #topmenu a:visited, active {
   display: block;
   float: left;
   text-decoration: none;
   color: #993300;
   font-weight: bold;
   padding-right: 15px;
   padding-left: 10px;
   margin-left: 5px;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #E0D9C9;
}
#wrap #topbar #topmenu a:hover {
   display: block;
   float: left;
   text-decoration: underline;
   color: #000000;
   font-weight: bold;
   padding-right: 15px;
   padding-left: 10px;
   margin-left: 5px;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #E0D9C9;
}
#wrap #topbar #sitename a {
   color: #E84002;
   text-decoration: none;
}
#wrap #topbar #sitename a:visited, active, hover {
   color: #E84002;
   text-decoration: none;
}

Bugün 40 ziyaretçi (46 klik) kişi burdaydı!

Bir vatanı vatan yapan üzerindeki kandır.Uğrunda kan dökülmeyen vatan,vatan değildir.

KOD EKLEYİN

KOD EKLEYİN Türkiye'nin en dolu Html kod ve tasarım arşivi

13TK

Kod Ekleyin

Kategorİler

Dost Siteler

Önemli Bilgiler

Her Telden

HTML KODLAR