Zobacz temat - Robienie menu pod headerem

To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
	phpBB2 by Przemo Support forów phpBB2 modified by Przemo

Ogólna pomoc dotycząca stylów - Robienie menu pod headerem

Bloody_ - 16-02-2014, 11:02
Temat postu: Robienie menu pod headerem

Wytłumaczy mi ktoś jak zrobić listwę menu pod headerem za pomocą <ul><li>?

Majkelo - 16-02-2014, 13:58

Tu masz gotowe, różne rodzaje menu: http://cssmenumaker.com/
Kod html umieszczasz w pliku overall_header.tpl, natomiast kod .css w pliku NazwaStylu.css

d!r3k - 16-02-2014, 14:17

Polecam również przeczytaj to:
http://www.kurshtml.edu.p..._menu,menu.html

Bloody_ - 16-02-2014, 20:14

http://i.imgur.com/yiyStwY.png

Zależałoby mi na takim czymś.

wojtalakk2 - 17-02-2014, 14:45

Opisze ci w paru krokach

1. Dodajesz sam szkielet menu , tzn kod html ( edytuj własne linki etc) - zamieszcze ci tu przykladowy szkielet. I to dodajkesz w overall_header.tpl

Kod:

<div id="menu">
<a href="index.php">HOME</a>
<a href="#">AMXBANS</a>
<a href="#">PSYCHOSTATS</a>
<a href="#">SKLEP 24/7H</a>
<a href="#">REGULAMIN</a>
<a href="#">GRY ONLINE</a>
<a href="#">REKLAMA</a>
<a href="search.php">SZUKAJ</a>
<a href="#">KONTAKT</a>

</div>

2. Mamy juz szkielet i funkcje menu ale nie posiadamy wyglądu , jak go dodac?
Wchodzimy w NazwaStylu.css , dodajemy selektor i klamre oraz kod css odpowiadający za wygląd . Tu masz przykładowy kod który dajesz do nazwastylu.css

/* Menu */

Kod:

#menu {
width:1050px;
height: 81px;
left: 3px;
font-family: Arial;
font-size:12px;
position:relative;
background-image: url(images/menu.png);
}
#menu a{
width: 102px;
height: 37px;
margin-left: 10px;
padding-top:20px;
font-weight:bold;
float:left;
margin-top: 12px;
margin-bottom:0px;
text-decoration:none;
color:white;
text-align: center;
}

#menu a:hover{
background-image: url(images/ahover.png) ;
}

width - odpowiada za szerokośc menu
height - wysokośc
float - zwrót (umiejscowienie)
color - kolor
background-image , to ścieżka tła menu tzn jeśli chcesz takie jak dałes na ssie robisz:

Zapisujesz ten plik w ftp (taka ściezka jak podasz w css'ie) -> ustawiasz oczywiscie odpowiednia szerokośc

Selektory :

#Menu - odpowiada za wyglad menu
# a.menu - dana kateogira menu
#a.menu hover -> obrazek wyswietlajacy sie w menu po najechaniu tzn jak najedziesz na to myszka to jest np zólt czy czare tło , zalezy jak ustawisz

Mam nadzieje ze pomogłem , pozdrawiam

Bloody_ - 17-02-2014, 15:19

wojtalakk2, zrobiłem sobie po swojemu niby jest ok ale spróbuje zrobić wg. twojego pomysłu bo wydaje mi się być stabilniejszy i wgl bardziej zoptymalizowany. Masz pomógł a temat można zamknąć bo dalej już sobie poradzę.

wojtalakk2 - 17-02-2014, 15:39

Jak chcesz zebym ci to zrobil to napisz na pw , skontatkujemy sie na gg