Pentru descarcare , inregistreaza-te ! Au fost introduse noi Hack-uri 2015 !





meniu vertical

View previous topic View next topic Go down

meniu vertical

Post by Sfinx on Fri Nov 30, 2012 1:56 pm

Am creat pentru voi un meniu vertical

Previzualizare

avem aici codul complet
Code:
<html>
<head>
<title>Meniu de linkuri cu css – tutorial</title>

<style type="text/css">
#meniu {
list-style-type:none;
width: auto;
height:30px;

margin:0px;
padding:0px;
}
#meniu li {
 width:180px; height:30px;
border-bottom: 1px solid black;border-top: 1px solid #3E3E3E;
line-height:30px;
text-align:center;
background-color:#000000;
}
#meniu li a:link {
width:180px; height:30px;
display:block;
 background: rgb(35,35,35); /* Old browsers */
background:url(http://i32.servimg.com/u/f32/14/12/03/12/hover212.png);
text-align:center;
font-family:Arial;
font-size:14px;
font-weight:bold;
color: white;
text-decoration:none;

}
#meniu li a:visited {
width:180px; height:30px;
display:block;
background-color:#000000;
text-align:center;
font-family:Arial;
font-size:14px;
font-weight:bold;
color: white;
text-decoration:none;
}
#meniu li a:hover {
background: url(http://i32.servimg.com/u/f32/14/12/03/12/cathea10.gif);
width:180px;height:30px;
display:block;

text-align:center;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
</style>

</head>
<body>

<ul id="meniu">
<li><a href="#"><img src="http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png"style="margin-left: -25px;"></img>Tutoriale</a></li>


<li><a href="#"><img src="http://cdn1.iconfinder.com/data/icons/Futurosoft%20Icons%200.5.2/16x16/apps/designer.png"style="margin-left: -25px;"></img>Photoshop</a></li>


<li><a href="#"><img src="http://cdn3.iconfinder.com/data/icons/fatcow/16x16_0640/page_white_code.png"style="margin-left: -25px;"></img>Html</a></li>


<li style="margin-right:0px;"><a href="#"><img src="http://cdn3.iconfinder.com/data/icons/fatcow/16x16_0640/page_white_code_red.png"style="margin-left: -25px;"></img>Tutoriale css</a></li>
</ul>
</body>
</html>

aceste coduri se adauga in widget[/quote]


Code name: Mozilla
App name: Opera
Version: 9.80 (Windows NT 5.1)
Language: ro
Plateform: [You must be registered and logged in to see this image.] windows
User Agent: Opera/9.80 (Windows NT 5.1) Presto/2.12.388 Version/12.14


[You must be registered and logged in to see this link.]

Sign by Danasoft - [You must be registered and logged in to see this link.]

avatar
Sfinx
Administrator
Administrator

Mesaje Mesaje : 1440
Data nasterii Data nasterii : 25/02/1995
Localizare Localizare : Timisoara
Server Server : Bine

http://metin2hacks.forumh.net/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum