Sahra
ForumSahraSiteSahibi
 Mesaj Sayısı : 428
Tecrübe : 1091
Rep Puanı : 29
Kayıt Tarihi : 07/07/11
Yaş : 32
Nerden : Bilmem
Lakap : gececi
 | | Konu: Ç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:
-
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
} | |
|
