Здравейте, кодвам един дизайн, защото се уча, пробвах всякакви начини, обаче не мога да направя дроп меню, сега приказвам снимки и документа за това, което съм направил и това, което е в psd-to, който ми помогне , ще му бъда невероятно благодарен.
EDIT: ето и live демо, на менюто, докъдето съм снигнал
http://lg-poetry.com/da/
[css]* {
margin: 0;
padding: 0;
}
body, html {
margin: 0;
padding: 0;
color: #FFF;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
background-color: white;
}
.cl {
clear: both;
}
#container {
width: 810px;
margin: 0px auto;
}
#menu {
width: 830px;
height: 43px;
line-height: 43px;
margin: 0px auto;
background: url('../images/footer.png') no-repeat;
}
.first { margin-left: -9px; }
#menu ul { list-style-type: none; text-align: left; margin-left: 10px; }
#menu li { float: left; }
#menu li a {
width: 70px;
height: 43px;
color: #6dbcbc;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
}
#menu li a:hover {
color: #FFF;
width: 70px;
height: 43px;
background: url('../images/hover.png');
text-decoration: underline;
}
#backto { float: right; margin-right: 30px; }
#backto img, #backto a img { border: none; }[/css]
МОЛЯ ВИ ПОМОГНЕТЕ!!! МОЛЯ ВИ ПОМОГНТЕ МИ ВАЖНО МИ Е ДАВАМ 0.50$ в paypal имам и ги давам, само моля , някой да ми помогне!!
EDIT: ето и live демо, на менюто, докъдето съм снигнал
http://lg-poetry.com/da/
HTML:
<!doctype html>
<html>
<head>
<title>tttt</title>
<link rel="stylesheet" href="codes/style.css" />
</head>
<body>
<div id="container">
<div id="menu">
<ul>
<li class="first"><a href="#">Начало</a></li>
<li><a href="#">Начало</a></li>
<li><a href="#">Начало</a></li>
<li><a href="#">Начало</a></li>
<li><a href="#">Начало</a></li>
<li><a href="#">Начало</a></li>
</ul>
<div id="backto">
<a href="#"><font color="white">ОБРАТНО!</font></a>
</div>
</div>
</html>margin: 0;
padding: 0;
}
body, html {
margin: 0;
padding: 0;
color: #FFF;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
background-color: white;
}
.cl {
clear: both;
}
#container {
width: 810px;
margin: 0px auto;
}
#menu {
width: 830px;
height: 43px;
line-height: 43px;
margin: 0px auto;
background: url('../images/footer.png') no-repeat;
}
.first { margin-left: -9px; }
#menu ul { list-style-type: none; text-align: left; margin-left: 10px; }
#menu li { float: left; }
#menu li a {
width: 70px;
height: 43px;
color: #6dbcbc;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
}
#menu li a:hover {
color: #FFF;
width: 70px;
height: 43px;
background: url('../images/hover.png');
text-decoration: underline;
}
#backto { float: right; margin-right: 30px; }
#backto img, #backto a img { border: none; }[/css]
МОЛЯ ВИ ПОМОГНЕТЕ!!! МОЛЯ ВИ ПОМОГНТЕ МИ ВАЖНО МИ Е ДАВАМ 0.50$ в paypal имам и ги давам, само моля , някой да ми помогне!!
