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

1TK

TASARIMIN ÜSTÜNE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>TITULO DE LA WEB</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="wrap">
  <div id="header">CODIGO DEL ENCABEZADO</span>
    <ul>
      <li id="current"><a href="LINK"><span>NOMBRE</span></a></li>
      <li><a href="LINK"><span>NOMBRE</span></a></li>
      <li><a href="LINK"><span>NOMBRE</span></a></li>
      <li><a href="LINK"><span>NOMBRE</span></a></li>
      <li><a href="LINK"><span>NOMBRE</span></a></li>
      <li><a href="LINK"><span>NOMBRE</span></a></li>
    </ul>
  </div>
  <div id="header-logo">
    <div id="logo">TITULO<span class="red"> TITULO</span></div>
  </div>
  <div id="sidebar">
    <h1>TITULO DEL BOX</h1>
    <div class="left-box">
      <ul class="sidemenu">
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
      </ul>
    </div>
    <h1>TITULO DEL BOX</h1>
    <div class="left-box">
      <ul class="sidemenu">
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
      </ul>
    </div>
    <h1>TITULO DEL BOX</h1>
    <div class="left-box">
      <p>CONTENIDO</p>
    </div>
    <h1>TITULO DEL BOX</h1>
    <div class="left-box">
      <p>CONTENIDO</p>
    </div>
  </div>

TASARIMIN ALTINA CSS KODU

img {

border: none;

}
a img {

border: none;

}
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: 0;   padding: 0; }

body {
   margin: 0; padding: 0;
   font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
   color: #333;
   background: #FFF url(http://img8.xooimage.com/files/d/1/7/bg-d4a672.gif) repeat-x;   
}

a {
   color: #003366;
   background-color: inherit;
   text-decoration: none;
}
a:hover {
   color: #CC0001;
   background-color: inherit;
}

h1, h2, h3 {
   font-family: Arial, 'Trebuchet MS', Sans-Serif;
   font-weight: bold;
   color: #333;
}
h1 {
   font-size: 120%;
   letter-spacing: .5px;
}
h2 {
   font-size: 115%;   
   text-transform: uppercase;       
}
h3 {
   font-size: 115%;
   color: #003366;      
}

img {
   border: 2px solid #CCC;
}
img.float-right {
  margin: 5px 0px 10px 10px; 
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
   padding: 0;      
   margin: 10px;
}

ul, ol {
   margin: 10px 20px;
   padding: 0 20px;
}

code {
  margin: 10px 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; 
  border-left: 4px solid #CC0000;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
   margin: 10px;
    padding: 0 0 0 32px;     
     background: #FAFAFA url(http://img4.xooimage.com/files/7/d/a/quote-d4a691.giff) no-repeat 5px 10px !important;
   background-position: 8px 10px;
   border: 1px solid #f2f2f2;
   border-left: 4px solid #CC0000;
   font-weight: bold; 
}

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 #CCC;
   padding: 1px;
   background: #FFF;
   color: #CC0000;
}
form.search {
   position: absolute;
   top: 5px; right: 5px;
   padding: 0; margin: 0;
   border: none;
   background-color: transparent;
}
form.search input.textbox {
   margin: 0;
   width: 120px;
   border: 1px solid #CCC;
   background: #FFF;
   color: #333;
}
form.search input.searchbutton {
   margin: 0;
   font-size: 100%;
   font-family: Arial, Sans-serif;
   border: 1px solid #CCC;
   background: #FFFFFF url(http://img25.xooimage.com/files/0/d/4/headerbg-1448f0e.gif) repeat-x bottom left;
   padding: 1px;
   font-weight: bold;
   height: 23px;
   color: #333;
   width: 60px;
}

#wrap {
   margin: 0 auto;
   width: 780px;
}

/* header */
#header {
   position: relative;
   margin: 0; padding: 0;
   height: 60px;
}
#header span#slogan {
   z-index: 3;
   position: absolute;
   left: 3px; bottom: 7px;
   font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;   
   color: #FFF;   
}

#header-logo {
   position: relative;
   clear: both;
   height: 50px;
   margin: 0; padding: 0;   
}
#header-logo #logo {
   position: absolute;
   top: 3px; left: 5px;
   font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
   margin: 0; padding: 0;
   letter-spacing: -1px;
   color: #000;
}

#header ul {
   position: absolute;
   margin:0;
   list-style:none;
   right:-18px ; bottom: 3px;
   font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(http://img5.xooimage.com/files/a/7/8/tablefth-90356f.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(http://img5.xooimage.com/files/5/5/7/tabrighth-9035af.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
   color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}

#main {
   float: right;
   margin: 0; padding: 0;
   width: 545px;   
}
#main h1 {
   margin: 10px 0;
   padding: 4px 0 4px 8px;
   font-size: 105%;
   color: #FFF;
   text-transform: uppercase;
   background-color: #CC0000;   
   letter-spacing: .5px;
}

#sidebar {
   float: left;
   width: 220px;
   margin: 0; padding: 0;
   background-color: #FFFFFF;    
}
#sidebar h1 {
   margin: 10px 0 0 0;
   padding: 4px 0 4px 8px;
   font: bold 105% Arial, Sans-Serif;
   color: #FFF;
   text-transform: uppercase;
   background: #333;
   letter-spacing: 1px;   
}
#sidebar .left-box {
   border: 1px solid #EBEBEB;
   margin: 0 0 5px 0;   
   background: #FFF;
}
#sidebar ul.sidemenu {
   list-style: none;
   text-align: left;
   margin: 3px 0px 8px 0; padding: 0;
   text-decoration: none;      
}
#sidebar ul.sidemenu li {
   border-bottom: 1px solid #f2f2f2;
   background: url(http://img48.xooimage.com/files/8/8/b/bullet-136024e.gif) no-repeat 3px 2px;   
   padding: 3px 5px 3px 25px;
   margin: 0;   
}
#sidebar ul.sidemenu a {
   font-weight: bolder;
   padding: 3px 0px;   
   background: none;
}

.footer {
   clear: both;    
   border-top: 1px solid #f2f2f2;
   background: #FFF url(http://img49.xooimage.com/files/3/4/e/footerbg-1448f16.gif) repeat-x;
   padding: 2px 0 10px 0;
   text-align: center; 
   line-height: 1.5em;   
   font-size: 95%;
}
.footer a {
   text-decoration: none;
   font-weight: bold;      
}

.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; }
.red   { color: #CC0000; }
.comments {
   margin: 20px 10px 5px 10px;
   padding: 3px 0;
   border-bottom: 1px dashed #EFF0F1;    
   border-top: 1px dashed #EFF0F1;   
}

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

1TK

Kod Ekleyin

Kategorİler

Dost Siteler

Önemli Bilgiler

Her Telden

HTML KODLAR