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

18TK

TASARIMIN ÜSTÜNE

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>The Gathering by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
   <div id="header">
      <h1><a href="#">The Gathering</a></h1>
      <h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
   </div>
   
   <div id="menu">
      <ul>
         <li><a href="#">Homepage</a></li>
         <li><a href="#">About Us</a></li>
         <li><a href="#">Products</a></li>
         <li><a href="#">Services</a></li>
         <li><a href="#">Contact Us</a></li>
      </ul>
   </div>
   
   <div id="page">
      <div id="content">
         <div id="welcome">
            <h1>Adaptado por Mz</h1>

</div>

</div>
      
      <div id="sidebar">
         <ul>
            <li id="submenu">
               <h2>Other Links</h2>
               <ul>
                  <li><a href="#">Semper vestibulum</a></li>
                  <li><a href="#">Vestibulum luctus</a></li>
                  <li><a href="#">Integer rutrum</a></li>
                  <li><a href="#">Etiam malesuada</a></li>
                  <li><a href="#">Elementum facilisis</a></li>
                  <li><a href="#">Ut tincidunt</a></li>
                  <li><a href="#">Odio sagittis</a></li>
               </ul>
            </li>
            
            <li id="news">
               <h2>News & Updates</h2>
               <ul>
                  <li>
                     <h3>25th May</h3>
                     <p><a href="#">Pellentesque quis elit non lectus gravida blandit…</a></p>
                  </li>
                  <li>
                     <h3>23rd May</h3>
                     <p><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing…</a></p>
                  </li>
                  <li>
                     <h3>21st May</h3>
                     <p><a href="#">Phasellus nec erat sit amet nibh pellentesque congue…</a></p>
                  </li>
                  <li>
                     <h3>17th May</h3>
                     <p><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend…</a></p>
                  </li>
               </ul>
            </li>
            
         </ul>
      </div>

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

* {
   margin: 0;
   padding: 0;
}

body {
   background: #0A0A0A url(http://img47.xooimage.com/files/f/8/b/img1-123d9d1.jpg);
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #666666;
}

h1, h2, h3 {
   color: #CCCCCC;
}

h1 {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
   margin-bottom: 20px;
   line-height: 1.6em;
}

p {
}

blockquote {
}

ul {
}

ol {
}

a {
   border-bottom: 1px dotted #652A17;
   text-decoration: none;
   color: #652A17;
}

a:hover {
   border: none;
   color: #FF0000;
}

/* Wrapper */

#wrapper {
   background: url(http://img25.xooimage.com/files/0/a/b/img2-123d9e0.jpg) repeat-x;
}

/* Header */

#header {
   width: 750px;
   height: 181px;
   margin: 0 auto;
   padding: 0 0 0 0;
   background: url(http://img45.xooimage.com/files/b/e/7/img3-123d9ed.jpg);
}

#header h1, #header h2 {
   float: left;
}

#header h1 {
   padding: 150px 0 0 20px;
   letter-spacing: 3px;
   font-size: 136%;
}

#header h2 {
   padding: 153px 0 0 6px;
   letter-spacing: 2px;
   font-size: 107%;
}

#header a {
   border: none;
   text-transform: uppercase;
   text-decoration: none;
   color: #000000;
}

/* Menu */

#menu {
   width: 750px;
   height: 50px;
   margin: 0 auto;
   background: url(http://img20.xooimage.com/files/8/e/b/img4-112a162.jpg) no-repeat;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   height: 20px;
   padding: 10px 20px 0 20px;
   border: none;
   border-right: 1px solid #110F09;
   font-size: 85%;
   font-weight: bold;
   color: #F4D1C5;
}

#menu a:hover {
   color: #FFFFFF;
}

/* Page */

#page {
   width: 750px;
   margin: 0 auto;
   background: url(http://img43.xooimage.com/files/b/f/6/img7-123d9fd.jpg) repeat-y 220px 0px;
}

/* Content */

#content {
   float: right;
   width: 489px;
   padding-right: 20px;
}

#content h1, #content h2, #content h3 {
   margin-bottom: 20px;
}

#content h1 {
   font-size: 136%;
}

#content h2 {
   font-size: 107%;
}

#content h3 {
   font: 92%;
}

#content ul, #content ol {
   list-style-position: inside;
}

#content .boxed {
   float: left;
   width: 46%;
   padding-right: 2%;
}

#content .boxed h2 {
   padding: 5px 0;
   background: url(http://img27.xooimage.com/files/0/7/4/img5-123da0c.jpg) repeat-x left bottom;
}

/* Welcome */

#welcome {
}

/* Sample1 */

#sample {
}

/* Sample2 */

#sample2 {
}

/* Sidebar */

#sidebar {
   float: left;
   width: 180px;
   padding-left: 20px;
}

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#sidebar li {
   margin-bottom: 1px;
}

#sidebar li ul {
}

#sidebar li li {
   margin: 0;
   padding: 7px 20px;
   background: url(http://img27.xooimage.com/files/0/7/4/img5-123da0c.jpg) repeat-x left bottom;
}

#sidebar h2 {
   padding: 5px 20px;
   background: url(http://img21.xooimage.com/files/b/d/6/img6-123da13.jpg);
   border-bottom: 1px solid #1C1C1C;
   font-size: 100%;
}

#sidebar h3 {
   font-size: 77%;
}

#sidebar p {
   margin: 0;
   line-height: normal;
}

#sidebar a {
   border: none;
}

/* Submenu */

#submenu {
}

/* News */

#news {
}

#news a {
   font-size: 85%;
}

/* Footer */

#footer {
   width: 750px;
   height: 50px;
   margin: 0 auto;
   padding: 30px 0 0 0;
   background: url(http://img20.xooimage.com/files/8/e/b/img4-112a162.jpg) no-repeat;
}

#footer p {
   margin: 0;
   text-align: center;
   font-size: 77%;
}

Bugün 96 ziyaretçi (114 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

18TK

Kod Ekleyin

Kategorİler

Dost Siteler

Önemli Bilgiler

Her Telden

HTML KODLAR