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

11TK

TASARIMIN ÜSTÜNE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Fierce Intentions created by Psycrotic @ ClanTemplates.com</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div id="container">
   <div id="nav-container">
      <a href="#">Prueva</a> -
      <a href="#">Prueva</a> -
      <a href="#">Prueva</a> -
      <a href="#">Prueva</a> -
      <a href="#">Prueva</a>
   </div>
   <div id="left">
      <h1>Menu</h1>
      <ul>
         <li><a href="#">Prueva</a></li>
         <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
      </ul>
      <h1>Menu</h1>
      <div class="box-bg">
         <img src="http://img1.xooimage.com/files/8/4/5/ct_affiliate-12b5738.jpg" alt="Link Url" />
         
         <img src="http://img7.xooimage.com/files/5/f/e/ct_logo-12b5745.jpg" alt="Link Url" />
      </div>
      <h1>Menu</h1>
      <ul>
         <li><a href="#">Prueva</a></li>
         <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
      </ul>
   </div>
   <div id="middle">
      <img src="images/main_banner.gif" alt="" />
      <h1>Bienvenidos a mi Web</h1>

TASARIMIN ALTINA

</div>
   <div id="right">
      <h1>Menu</h1>
      <ul>
         <li><a href="#">Prueva</a></li>
         <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
      </ul>
      <h1>Menu</h1>
      <ul>
         <li><a href="#">Prueva</a></li>
         <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
      </ul>
      <h1>Menu</h1>
      <ul>
         <li><a href="#">Prueva</a></li>
         <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
                        <li><a href="#">Prueva</a></li>
      </ul>
   </div>
   <div id="footer">
<a href="www.juniordesign.es.tl">נυиισя ∂єѕιgи | Cσρчяιgнτ ©2009</a>
         
   </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;}
body {
   margin:0;
   background-color: #252525;
   color:#ffffff;
   font-size:11px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}
   #container {
      width:998px;
      margin:0 auto;
      padding:0;
      background: #252525 url('Imagen bg')  repeat-y;
   }
      #nav-container {
         width:902px;
         margin:0 auto;
         height:41px;
         background: #252525 url('http://img1.xooimage.com/files/0/1/5/nav_bg-12b555f.gif') top center no-repeat;
         text-align:center;
         font-weight:bold;
         padding-top:5px;
         text-transform:uppercase;
         font-family: Arial, Tahoma, Helvetica, sans-serif;
         color:#919191;
      }
         #nav-container a {
            color:#919191;
            text-decoration:none;
         }
         #nav-container a:hover {
            color:#dedede;
            
         }
      #right, #left {float:left;width:201px;}
         #right ul, #left ul {
            margin:0;
            list-style:none;
            padding:0;
            color:#dedede;
         }
         #right li, #left li {
            margin:0;
            padding:5px 0 0 12px;
            height:16px;
            width:186px;
            background: #252525 url('http://img3.xooimage.com/files/0/e/5/list_bg_left-12b5570.gif') top center no-repeat;
         }
            #right li a, #left li a {
               color:#dedede;
            }
            #right li a:hover, #left li a:hover {
               text-decoration:none;
            }
            #right li {
               background: #252525 url('http://img9.xooimage.com/files/7/5/8/list_bg_right-12b5581.gif') top center no-repeat;
               text-align:right;
               width:184px;
               padding:5px 14px 0 0;
            }
         #right h1, #left h1 {
            background: #252525 url('http://img1.xooimage.com/files/c/d/e/list_header-12b5594.jpg') top center no-repeat;
            height:19px;
            width:190px;
            margin:0;
            padding:4px 0 0 10px;
            font-size:11px;
            color:#FFFFFF;
            text-transform:uppercase;
            font-stretch:condensed;
         
            font-family: Arial, Tahoma, Helvetica, sans-serif;
            font-weight:bold;
         }
            * html #right h1, * html #left h1 {width:189px;}
            #right h1 {
               background-image:url('http://img9.xooimage.com/files/9/e/b/list_header_right-12b55ac.jpg');
               text-align:right;
               padding:4px 10px 0 0;
            }
         #right h1 small, #left h1 small {
            color:#df6e22;
            font-size:11px;
         }
         #right .box-bg, #left .box-bg {
            background:#1E1E1E url('http://img9.xooimage.com/files/b/a/3/box_bg-12b55b6.jpg') top center no-repeat;
            text-align:center;
            margin:0;
            padding:5px;
            width:190px;
            
         }
            * html #right .box-bg, * html #left .box-bg {width:189px;}
            .box-bg img {margin:5px;}
            .box-bg p {text-align:left;}
      #left { margin-left:49px;}
         * html #left {margin-left:25px;}
      #middle {float:left; width:500px; }
         #middle h1 {
            font-size:10px;
            margin:5px auto 0 auto;
            background:#252525 url('http://img1.xooimage.com/files/c/c/c/content_h1-12b55c4.jpg') top center no-repeat;
            width:475px;
            height:35px;
            padding:11px 0 0 20px;
         }
         #middle p {
            background:#252525 url('http://img9.xooimage.com/files/5/1/b/content_bg-12b55d8.jpg') top center repeat-y ;
            width:485px;
            margin:0 0 0 2px;
            font-size:10px;
            padding:0 5px 10px 5px;
            
         }
      #footer {
         clear:both;
         height:27px;
         width:938px;
         margin:0 auto;
         padding:13px 0 0 60px;
         
         background: #252525  none top center no-repeat;
         font-weight:bold;
         font-family: Arial, Tahoma, Helvetica, sans-serif;
         color:#3f3f3f;
      }
         #footer a, #footer a:link, #footer a:active {
            color:#656565;
            text-decoration:none;
         }
         #footer a:hover {
            
            text-decoration:underline
         }

Bugün 77 ziyaretçi (119 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

11TK

Kod Ekleyin

Kategorİler

Dost Siteler

Önemli Bilgiler

Her Telden

HTML KODLAR