SahraForumDizini
Would you like to react to this message? Create an account in a few clicks or log in to continue.
SahraForumDizini

Genel Forum Sitesi
 
AnasayfaAnasayfa  Latest imagesLatest images  AramaArama  Kayıt OlKayıt Ol  Giriş yap  
Sayfayı FaceBook'ta Paylaş

 

 Çift Menü Css Tasarım

Aşağa gitmek 
YazarMesaj
Sahra
ForumSahraSiteSahibi
ForumSahraSiteSahibi
Sahra


<b>Mesaj Sayısı</b> Mesaj Sayısı : 428
<b>Tecrübe</b> Tecrübe : 1091
<b>Rep Puanı</b> Rep Puanı : 29
<b>Kayıt Tarihi</b> Kayıt Tarihi : 07/07/11
<b>Yaş</b> Yaş : 31
<b>Nerden</b> Nerden : Bilmem
<b>Lakap</b> Lakap : gececi

Çift Menü Css Tasarım Empty
MesajKonu: Çift Menü Css Tasarım   Çift Menü Css Tasarım EmptyCuma 29 Tem. - 10:05:49

ÖnizlemeResmi: [Linkleri görebilmek için üye olun veya giriş yapın.]

Tasarımın Üzerine

Kod:
<!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="[Linkleri görebilmek için üye olun veya giriş yapın.] -
      <a href="[Linkleri görebilmek için üye olun veya giriş yapın.] -
      <a href="[Linkleri görebilmek için üye olun veya giriş yapın.] -
      <a href="[Linkleri görebilmek için üye olun veya giriş yapın.] -
      <a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
  </div>
  <div id="left">
      <h1>Menu</h1>
      <ul>
        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
      </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="[Linkleri görebilmek için üye olun veya giriş yapın.]
        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
      </ul>
  </div>
  <div id="middle">
      <img src="images/main_banner.gif" alt="" />
      <h1>Bienvenidos a mi Web</h1>

Tasarımın Altına
Kod:
</div>
  <div id="right">
      <h1>Menu</h1>
      <ul>
        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
      </ul>
      <h1>Menu</h1>
      <ul>
        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
      </ul>
      <h1>Menu</h1>
      <ul>
        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
                        <li><a href="[Linkleri görebilmek için üye olun veya giriş yapın.]
      </ul>
  </div>
  <div id="footer">
<a href="[Linkleri görebilmek için üye olun veya giriş yapın.] ∂єѕιgи | Cσρчяιgнτ ©2009</a>
       
  </div>
</div>

</body>
</html>

CSS Kodu

Kod:
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 url('') 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
        }
Sayfa başına dön Aşağa gitmek
https://sahra.forumdizini.com
 
Çift Menü Css Tasarım
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Renkli Tasarım
» 21 tane free tasarım
» css sablon wordpress tasarım
» Adobe Dreamweaver'le Tasarım Kodlama
» css cember Menu

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
SahraForumDizini :: Webmaster :: Bileşenler-Programlar :: Bedava-Sitem-
Buraya geçin: