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...

5TK

TASARIMIN ÜSTÜNE

<div id="wrap">
  <div id="header">
  </div>
  <div  id="menu">
    <ul>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
    </ul>
  </div>
  <div id="content-wrap">
    <div id="sidebar">
      <h1>Titulo</h1>
      <div class="left-box">
        <ul class="sidemenu">
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
        </ul>
      </div>
      <h1>Titulo</h1>
      <div class="left-box">
        <ul class="sidemenu">
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
          <li><a href="#">Name</a></li>
        </ul>
      </div>
      <h1>Titulo</h1>
      <div class="left-box">
        <p>Texto. <br /> <br / > <br / > <br / ></p>
      </div>

<h1>Titulo</h1>
      <div class="left-box">
        <p>Texto. <br /> <br / > <br / > <br / ></p>
      </div>
    </div>
    <div id="main"> <a name="TemplateInfo"></a>
      <a name="SampleTags"></a>

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

/* Top Elements */
* { margin: 0; padding: 0; }

body {
   background: #c3e5b1;
   font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
   color: #333;
   text-align: center;
}

/* links */
a, a:visited {
   text-decoration: none;
   color: #4F82CB;
   background: inherit;
}
a:hover {
   color: #4EBF37;
   background: inherit;
}

/* headers */
h1, h2, h3 {
   font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
   font-weight: Bold;       
}
h1 {
   font-size: 120%;   
}
h2 {
   font-size: 110%;
   text-transform: uppercase;
   color: #88ac0b;
}
h3 {
   font-size: 110%;
   color: #666666;
}

/* images */
img {
   border: 2px solid #c3e5b;
}
img.float-right {
  margin: 5px 0px 10px 10px; 
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
   padding: 10px;      
   margin: 0;
}
ul, ol {
   margin: 5px 20px;
   padding: 0 20px;
   color: #88ac0b;   
}
ul span, ol span {
   color: #666666;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto; 
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2; 
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
   margin: 10px;
    padding: 0 0 0 28px; 
   border: 1px solid #f2f2f2;
     background: #FAFAFA url(http://img23.xooimage.com/files/5/4/c/quote-b93848.gif) no-repeat 5px 5px;   
}

/* form elements */
form {
   margin:10px; padding: 0 5px;
   border: 1px solid #f2f2f2;
   background-color: #FAFAFA;
}
label {
   display:block;
   font-weight:bold;
   margin:5px 0;
}
input {
   padding:2px;
   border:1px solid #eee;
   font: normal 1em Verdana, sans-serif;
   color:#777;
}
textarea {
   width:400px;
   padding:2px;
   font: normal 1em Verdana, sans-serif;
   border:1px solid #eee;
   height:100px;
   display:block;
   color:#777;
}
input.button {
   margin: 0;
   font: bolder 12px Arial, Sans-serif;
   border: 1px solid #c3e5b1;
   padding: 2px 3px;
   background: #FFF;
   color: #88ac0b;
}

/* search */
form.search {
   position: absolute;
   top: 35px; right: 25px;
   background: transparent;
   border: none;   
}   
form.search input.textbox {
   margin: 0; padding: 1px 2px;
   width: 120px;
   background: #FFF;
   color: #333;
}
form.search input.button {
   background: #c3e5b1 url(http://img28.xooimage.com/files/c/6/a/headerbg1-13305c9.png) repeat-x;
   color: #333;
   border: none;   
   width: 70px; height: 21px;
}

/********************************************
   LAYOUT
********************************************/
#wrap {
   width: 820px;
   background: #c3e5b1 url(http://img26.xooimage.com/files/b/9/1/content2-132d6c7.png) repeat-y center top;
   margin: 0 auto;
   text-align: left;
}
#content-wrap {
   clear: both;
   width: 760px;
   padding: 0;
   margin: 0 auto;
}
#header {
   width: 820px;
   position: relative;
   height: 106px;
   background: #c3e5b1 url(http://img22.xooimage.com/files/3/3/d/logo-1330696.png) no-repeat center top;
   padding: 0;
   font-size: 14px;
   color: #FFF;
}
#header h1#logo-text {
   position: absolute;
   margin: 0; padding: 0;
   font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
   letter-spacing: -2px;
   color: #FFF;
   text-transform: none;
   
   /* change the values of top and left to adjust the position of the logo*/
   top: 28px; left: 50px;   
}
#header h2#slogan {
   position: absolute;
   margin: 0; padding: 0;
   font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
   text-transform: none;
   color: #FFF;
   
   /* change the values of top and left to adjust the position of the slogan*/
   top: 74px; left: 58px;      
}

/* Menu */
#menu {
   clear: both;   
   margin: 0; padding: 0 40px 0 0;
   background: url(http://img21.xooimage.com/files/8/4/0/menu6-133073c.png) repeat-y center top;   
   font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
   height: 26px;
}
#menu ul {
   float: right;
   list-style: none;
   margin:0; padding: 0;
}
#menu ul li {
   display: inline;
}
#menu ul li a {
   display: block;
   float: left;
   padding: 0 8px;
   color: #FFF;   
   text-decoration: none;
}
#menu ul li a:hover {
   background-color: #ECECEC;
   color: #333;   
}
#menu ul li#current a {   
   background-color: #FFF;
   color: #333;
}

/* Main Column */
#main {
   float: right;
   width: 72%;
   padding: 0; margin: 0;
}
#main h1 {
   margin-top: 10px;
   font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;
   color: #88ac0b;
   padding: 5px 0 5px 25px;    
   border-bottom: 1px solid #EFF0F1;
   background: #FFF url(http://img21.xooimage.com/files/e/6/8/square-green-b9384a.png) no-repeat 3px 50%;   
}

.post-footer {
   background-color: #FAFAFA;
   padding: 5px; margin: 20px 10px 0 10px;
   border: 1px solid #f2f2f2;
   font-size: 95%;   
}
.post-footer .date {
   background: url(http://img5.xooimage.com/files/0/b/5/clock-2c3823.gif) no-repeat left center;
   padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
   background: url(http://img7.xooimage.com/files/4/e/5/comment-2c3824.gif) no-repeat left center;
   padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
   background: url(http://img1.xooimage.com/files/6/5/0/page-2c3826.gif) no-repeat left center;
   padding-left: 20px; margin: 0 10px 0 5px;
}

/* Sidebar */   
#sidebar {
   float: left;
   width: 26.5%;
   padding: 0; margin: 0;   
}   
#sidebar h1 {
   margin-top: 10px;
   padding: 5px 0 5px 10px;
   font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
   color: #555;
   background: #EEF0F1 url(http://img26.xooimage.com/files/2/1/6/headerbg2-1330610.png) repeat-x left bottom;   
   border: 1px solid #EFF0F1;
}
#sidebar .left-box {
   border: 1px solid #EFF0F1;
   margin: 0 0 5px 0;   
}
#sidebar ul.sidemenu {
   list-style: none;
   text-align: left;
   margin: 3px 0 8px 0; padding: 0;
   text-decoration: none;      
}
#sidebar ul.sidemenu li {
   border-bottom: 1px solid #EFF0F1;
   background: url(http://img21.xooimage.com/files/f/4/4/go-b93843.gif) no-repeat 5px 5px;   
   padding: 2px 0 2px 25px;
   margin: 0 2px;   
}
#sidebar ul.sidemenu a {
   font-weight: bolder;
   text-decoration: none;   
   background-image: none;   
}

/* Footer */   
#footer {
   color: #666666;
   background: #c3e5b1 url(http://img40.xooimage.com/files/6/5/e/footer1-132d549.png) no-repeat center top;
   clear: both;
   width: 820px;
   height: 55px;
   text-align: center;   
   font-size: 92%;
}
#footer a { text-decoration: none; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #c3e5b1; }

Bugün 71 ziyaretçi (113 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

kodekleyin

5TK

Kod Ekleyin

Kategorİler

Dost Siteler

Önemli Bilgiler

Her Telden

HTML KODLAR