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

Bu sayfa hakkındaki yorumlar:

Yorumu gönderen: bottes pluie pas cher, 02.11.2013, 08:03 (UTC):
You know I love your blog!!!

Yorumu gönderen: barca trikot 2013 messi, 27.09.2013, 06:56 (UTC):
/topic.php?p=*

Yorumu gönderen: maillot bayern munich manche longue, 04.09.2013, 11:28 (UTC):
action=profile;u=

Yorumu gönderen: achat maillot ghana, 26.08.2013, 19:06 (UTC):
Powered by vBulletin

Yorumu gönderen: maillot psg 2013, 26.08.2013, 02:30 (UTC):
Last a few years has been to Ibiza, so met a person there whose style of presentation is very similar to yours. But, unfortunately, that person is too far from the Internet!.

Yorumu gönderen: maillot de foot pas cher, 16.08.2013, 11:53 (UTC):
I simply want to say I'm newbie to blogging and definitely liked you're blog. More than likely I'm going to bookmark your blog . You definitely have incredible writings. Appreciate it for revealing your website page.

Yorumu gönderen: gifts for men, 10.07.2013, 02:42 (UTC):
Hey, thanks for the blog article.Really looking forward to read more. Will read on.

Bu sayfa hakkında yorum ekle:

Bugün 16 ziyaretçi (131 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

İsminiz:
Siteniz:
Mesajın: