+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Menu z ccs-a (/thread-menu-z-ccs-a)
Menu z ccs-a - dmx - 02-02-2010
RE: Menu z ccs-a - asd5 - 02-02-2010
border-left, border-right
jedno jaśniejsze od tła, drugie trochę ciemniejsze
RE: Menu z ccs-a - dmx - 03-02-2010
(02-02-2010, 17:02)asd5 napisał(a): border-left, border-right
jedno jaśniejsze od tła, drugie trochę ciemniejsze
znalazłem coś takiego, tylko nie wiem czego brakuje w moim kodzie :
Kod:
.menu.horizontal {
width: 100%;
height: 27px;
margin: 0;
padding: 0;
background: #000000 url(img/bg.gif) top left repeat-x;
}
.menu.horizontal ul {
list-style: none;
margin: 0;
padding: 0;
}
.menu.horizontal ul li {
float: left;
margin: 0;
padding: 0;
background: transparent url(img/bg-button.gif) top left no-repeat;
}
.menu.horizontal ul li a {
display: block;
height: 27px;
padding-left: 35px;
float: left;
text-transform: uppercase;
font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
font-size: 70%;
color: #FFFFFF;
text-decoration: none;
}
.menu.horizontal ul li a span.menu_ar {
display: block;
float: left;
height: 22px;
padding-top: 5px;
padding-right: 35px;
background: transparent url(img/bg-button.gif) top right no-repeat;
cursor: pointer;
}
.menu.horizontal ul li a:hover,
.menu.horizontal ul li.highlight a {
background: transparent url(img/button.gif) top left no-repeat;
}
.menu.horizontal ul li a:hover span.menu_ar,
.menu.horizontal ul li.highlight a span.menu_ar {
background: transparent url(img/button.gif) top right no-repeat;
}Edit (Labsta.com):
Zacznij wklejać kody w znaczniki [ code ]
RE: Menu z ccs-a - virus4 - 03-02-2010
Daj kod HTML tego menu to Ci powiem jak to ma wyglądać.
RE: Menu z ccs-a - dmx - 06-02-2010
(03-02-2010, 23:37)virus4 napisał(a): Daj kod HTML tego menu to Ci powiem jak to ma wyglądać.kod jest w pierwszym mailu
RE: Menu z ccs-a - razorskate - 07-02-2010
Virus4 prosił o kod HTML. . . Widzisz różnicę między CSS a HTML?? . . .
Pozdrawiam
RE: Menu z ccs-a - dmx - 07-02-2010
(07-02-2010, 01:35)razorskate napisał(a): Virus4 prosił o kod HTML. . . Widzisz różnicę między CSS a HTML?? . . .
Pozdrawiam
jasne że widzę, ale w moim kodzoie to do menu są jedynie dwie żeczy
<div class="menu"><?php include ('menu.php') ?> </div>
a zawartość pliku mewnu wygląda tak :
<ul class="menu">
<li><a href="index.php?go=1"><b>1</b></a></li>
<li><a href="index.php?go=2"><b>2</b></a></li>
<li><a href="index.php?go=3"><b>3</b></a></li>
<li><a href="index.php?go=4"><b>4</b></a></li>
<li><a href="index.php?go=5"><b>5</b></a></li>
<li><a href="index.php?go=6"><b>6</b></a></li>
<li><a href="index.php?go=7"><b>7</b></a></li>
<li><a href="index.php?go=8"><b>8</b></a></li>
</ul>
resztę definjuje css
RE: Menu z ccs-a - virus4 - 08-02-2010
Masz tu kod do tego menu, do którego dałeś link w pierwszym poście:
Kod:
.clearit {
margin: 0;
padding: 0;
height: 0;
clear: both;
}
/* BUBBLE PLASTIC HORIZONTAL MENU */
.bubplastic.horizontal {
width: 100%;
height: 27px;
margin: 0;
padding: 0;
background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {
list-style: none;
margin: 0;
padding: 0;
}
.bubplastic.horizontal ul li {
float: left;
margin: 0;
padding: 0;
background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
border-right: 1px solid #fff;
}
.bubplastic.horizontal ul li a {
display: block;
height: 27px;
padding-left: 35px;
float: left;
text-transform: uppercase;
font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
font-size: 70%;
color: #FFFFFF;
text-decoration: none;
}