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

Bu sayfa hakkındaki yorumlar:

Yorumu gönderen: beats headphones, 24.12.2013, 21:32 (UTC):
Incredible, I love beats headphones and often have but this 1 specially it truly is enjoyment and crazzzyy lovable(: It is additionally very great plus a terrific beats headphones!

Yorumu gönderen: Carte R4 pour 3DS, 21.10.2013, 11:49 (UTC):
This is a really good read for me, Must admit that you are one of the best bloggers I ever saw.Thanks for posting this informative article.

Yorumu gönderen: inter mailand trikot 2010, 09.09.2013, 11:22 (UTC):
I loved your post.Thanks Again. Really Great.

Yorumu gönderen: maillot foot gr?ce, 16.08.2013, 20:12 (UTC):
Thanks-a-mundo for the blog.Really thank you! Will read on.

Yorumu gönderen: maillot de foot, 30.06.2013, 04:59 (UTC):
I do agree with all the ideas you have presented in your post. Thanks for the post.

Yorumu gönderen: louis vuitton men shoes, 05.06.2013, 19:50 (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: musty, 30.03.2011, 08:44 (UTC):
emeğine sağlık daha şık tem aları bekliyoruz...

Bu sayfa hakkında yorum ekle:

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

İsminiz:
Siteniz:
Mesajın: