Ocena wątku:
  • 1 głosów - średnia: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Menu CSS Przerobienie
#1
Witam

Chciałbym własne menu przerobić na takie jakie znajduje się na stronie: RESERVED Jak najeżdżam na menu to wysuwa się czarne tło z białą czcionką.

Oto co mam : KOD HTML
Kod:
<!-- Poczatek Menu -->
<div id="menu">
<ul>
<li><p><a href="#">HOME</a></li></p>
</ul>
</div>
<div id="menu">
<ul>
<li><p><a href="#">ROSARIVO LIFE</a></li></p>
</ul>
</div>
<div id="menu">
<ul>
<li><p><a href="#">SKLEPY</a></li></p>
</ul>
</div>
<div id="menu">
<ul>
<li><p><a href="#">KONTAKT</a></li></p>
</ul>
</div>
<div id="menu1">
<ul>
<li><p><a href="#">DZIECKO</a></li></p>
<li><p><a href="#">NOWOŚCI</a></li></p>
<li><p><a href="#">LOOKBOOK</a></li></p>
<li><p><a href="#">KOLEKCJA</a></li></p>
</ul>
</div>
<div id="menu1">
<ul>
<li><p><a href="#">ONA</a></li></p>
<li><p><a href="#">NOWOŚCI</a></li></p>
<li><p><a href="#">LOOKBOOK</a></li></p>
<li><p><a href="#">KOLEKCJA</a></li></p>
<li><p><a href="#">KAMPANIA</a></li></p>
</ul>
</div>
<div id="menu1">
<ul>
<li><p><a href="#">ON</a></li></p>
<li><p><a href="#">NOWOŚCI</a></li></p>
<li><p><a href="#">LOOKBOOK</a></li></p>
<li><p><a href="#">KAMPANIA</a></li></p>
<li><p><a href="#">KOLEKCJA</a></li></p>
</ul>
</div>

<br /><br /><br /><br />
<hr />

Następnie KOD CSS:
Kod:
body {
background-color: #FFFFFF;
font-family: Verdana, Sans-serif;
font-size: 10px; }

#menu {
width: 100px;
float: left;
clear: none;
border: 1px solid #ffffff;
height: 30px;
overflow: hidden; }

#menu1 {
width: 100px; float: right; clear: none; border: 1px solid #ffffff; height: 30px; overflow: hidden; }

#menu:hover {
width: 100px;
height: 100%;}

#menu1:hover { width: 100px; height: 100%; }

ul {
margin: 0px;
padding: 0px; }

li {
list-style-type: none;
width: 100px;}

li a { /* linki */
text-decoration: none;
display: block;
width: 100px;
padding: 5px;
color: #3B3B3B; }

li a:hover {
text-decoration: none;
color: #FFFFFF;
width: 100px;
padding: 5px;
background-color: black; }

p {
text-align: center; }
/* Koniec MENU */

Proszę o pomoc przerobienie tego mojego menu na chociaż podobne na tej stronie co w/w. Smile

Dziękuje !
P.S Jak najeżdżam na swoje MENU to tylko tam gdzie znajduje się kursor to jest tło czarne, ale ja chciałbym ,żeby MENU jak sie wysunie to było Czarne z białą czcionką.
Odpowiedz
#2
Masz tutaj gotowca, kwestia dostosowania do swoich potrzeb.

http://www.webinside.com.pl/2010/11/wiel...htmlcssjs/

A tak wygląda ukończone:

http://www.webinside.com.pl/wp-content/u...tep_3.html
[Obrazek: ancik.jpg]
Odpowiedz
#3
czyli w wolnym tlumaczeniu:

"chciałbym mieć takie i takie menu bo moje jest brzydkie, więc poszukuje na forum czarnucha, który zrobi to za mnie, bo mnie się nawet nie chciało spróbować go przerobić"

Byś paczkę wysłał z html'em i css'em
Odpowiedz
#4
Kod:
<!-- Poczatek Menu -->
<div id="menu">
<ul>
<li><p><a href="#">HOME</a></li></p>
</ul>
</div>
<div id="menu">
<ul>
<li><p><a href="#">ROSARIVO LIFE</a></li></p>
</ul>
</div>

Quiz na dzisiaj:
kto znajdzie więcej błędów w powyższym kodzie Smile
Odpowiedz
#5
wliczając brak atrybutów title ? Tongue
Jeżeli pomogłem CI lub naprowadziłem Cię na właściwe rozwiązanie oceń mnie tutaj --> OCEŃ MNIE dzięki z góry Rolleyes
Odpowiedz
#6
nie chce mi się liczyć ale niewątpliwie jest to mój faworyt kodowania w tym roku (jak narazie ) Smile
Odpowiedz
#7
Nie ładnie jest się naśmiewać z innych Wink

Mooe -> Poszukaj błędów w swoim kodzie, następnie popraw je i powtórz sobie podstawy html'a.
"Badz czlowiekiem laskawym tak,
i od czasu do czasu wcisnij prawy alt."
Odpowiedz
#8
Racja Bucky ale ja jeszcze jestem początkujący w kodowaniu i takich błędów nie popełniam ,przecież to jest rozbój w biały dzień! Wink
Odpowiedz
#9
Nie panowie. Nikt tutaj nikogo nie wyśmiewa. Po prostu okazyjnie robimy quiz. Oczywiście że początkujący popełniają błędy. Powinni nawet je popełniać, bo dzięki temu się uczą. No panowie - każdy z nas był dzieckiem i nie raz walnął glebę Big Grin
Odpowiedz
#10
około 8 Wink
Jeżeli pomogłem CI lub naprowadziłem Cię na właściwe rozwiązanie oceń mnie tutaj --> OCEŃ MNIE dzięki z góry Rolleyes
Odpowiedz


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  problem z tłem pod menu loose 1 2,378 06-07-2017, 20:00
Ostatni post: loose
  problem z menu p410 10 7,897 18-06-2017, 18:34
Ostatni post: lemans88
  CSS dla menu i problem z selektorami neferith 4 3,929 30-06-2016, 00:58
Ostatni post: Brain23
  MENU - poważny problem wysokości! asus 0 2,022 05-12-2014, 23:34
Ostatni post: asus
  Trzypoziomowe menu - problem rejcz 3 4,132 25-01-2014, 17:16
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl