SahraForumDizini

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

Paylaş | 
 

 Çift Menü Css Tasarım

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
Sahra
ForumSahraSiteSahibi
ForumSahraSiteSahibi
avatar

<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ş : 25
<b>Nerden</b> Nerden : Bilmem
<b>Lakap</b> Lakap : gececi

MesajKonu: Çift Menü Css Tasarım   Cuma 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
        }


[Linkleri görebilmek için üye olun veya giriş yapın.]
Sayfa başına dön Aşağa gitmek
http://sahra.forumdizini.com
 
Çift Menü Css Tasarım
Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Üst Menülü Css Tasarım Yapımı
» Rap Desing Tasarım
» PS3 Tasarımı
» Siyah Tasarım
» Siyah Sade Tasarım

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