Bine aţi venit, Vizitator! Înregistrare RSS

Site-ul meu

Vineri, 2024-05-03
Principala » Fişiere » Scripturi
Vista menu
[ · Descarcă de pe sursă () ] 2010-08-27, 7:30 PM
CSS:
Code

Acest cod il puneti in css:
Code
img{border: 0pt;}  

#vista_toolbar {  
float:left;  
font:normal 12px 'Trebuchet MS','Arial';  
margin:0;  
padding:0;  
}  
#vista_toolbar ul {  
background-image:url(back.gif);  
background-repeat:repeat-x;  
float:left;  
line-height:32px;  
list-style:none;  
margin:0;  
padding:0 10px 0 10px;  
width:500px;  
}  
#vista_toolbar li {  
display:inline;  
padding:0;  
}  
#vista_toolbar a {  
color:#FFF;  
float:left;  
padding:0 3px 0 3px;  
text-decoration:none;  
}  
#vista_toolbar a span {  
display:block;  
float:none;  
padding:0 10px 0 7px;  
}  
#vista_toolbar a span img {  
border:none;  
margin:8px 4px 0 0;  
}  
#vista_toolbar a:hover{  
background: url(left.png) no-repeat left center;  
}  
#vista_toolbar a:hover span {  
background:url(right.png) no-repeat right center;  
}  
#vista_toolbar a.right {  
float:right;  
}

Meniu Top part of the website:
Code
<!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" xml:lang="en" lang="en">  
<head>  
<title>Vista toolbar с помощью CSS</title>  
<link href="style.css" media="all" rel="stylesheet" type="text/css" />  
</head>  
<body>  
<div>  
<h1>Vista toolbar с помощью CSS</h1>  
</div>  
<div id="vista_toolbar">  
<ul>  
<li><a href="#"><span><img align="left" src="add.gif" alt="" />Menu</span></a></li>  
<li><a href="#"><span><img align="left" src="mail.gif" alt="" />Menu</span></a></li>  
<li><a href="#"><span><img align="left" src="chart.gif" alt="" />Menu</span></a></li>  
<li><a href="#"><span><img align="left" src="mona.gif" alt="" />Menu</span></a></li>  
<li><a class="right" href="#"><span><img align="left" src="sos.gif" alt="" />Menu</span></a></li>  
</ul>  
</div>  
</body>  
</html>
Categorie: Scripturi | Adăugat de: Admin
Vizualizări: 647 | Download-uri: 209 | Rating: 0.0/0
Total comentarii : 0
Prenume *:
Email *:
Cod *: