| Zobacz poprzedni temat :: Zobacz następny temat |
| Autor |
Wiadomość |
Pioteer
Admin
Dołączył: 19 Kwi 2006
Posty: 334
Przeczytał: 0 tematów
Ostrzeżeń: 0/10
Skąd: Turośń Dolna
|
 Wysłany: Sob 15:40, 03 Cze 2006 Temat postu: zabawa-css |
|
|
Na czym polega zabawa?
Zabawa polega na tym, że tworzy się arkusz styli kaskadowych CSS dla tego kodu HTML:
| Cytat: | <div id="menu">
<ul>
<li><a href="#">Link pierwszy</a></li>
<li><a href="#">Link drugi</a></li>
<li><a href="#">Link trzeci</a></li>
<li><a href="#">Link czwarty</a></li>
<li><a href="#">Link piąty</a></li>
</ul>
</div>
|
Kto zrobi najlepsze menu??Zobaczymy! Prosze o pisanie postów a wewnatrz ich kod css dla tego menu.
Piszcie własne kody css czekam niedługo ja sam napisze
Post został pochwalony 0 razy |
|
| Powrót do góry |
|
 |
Pioteer
Admin
Dołączył: 19 Kwi 2006
Posty: 334
Przeczytał: 0 tematów
Ostrzeżeń: 0/10
Skąd: Turośń Dolna
|
| Wysłany: Sob 17:28, 03 Cze 2006 Temat postu: |
|
|
Oto moj kod css dla tego menu
| Kod: | body {background-color:#40e060;}
menu ul {margin:0;padding:0}
#menu li {margin:3px}
#menu a {display:block;color:#222222;font:12px Monospace;background-color:#60f020;width:130px;padding:4px 6px;text-decoration:none;border:1px dashed #000000}
#menu a:hover {color:#777777;background-color:#60ff40;border:1px dashed #888888;font-size:13px width:110px;} |
Menu jest pod adresem [link widoczny dla zalogowanych]
Post został pochwalony 0 razy |
|
| Powrót do góry |
|
|
eRiZ
Haker
Dołączył: 25 Kwi 2006
Posty: 616
Przeczytał: 0 tematów
Ostrzeżeń: 0/10
Skąd: Szczebrzeszyn, /dev/null :)
|
| Wysłany: Nie 1:26, 04 Cze 2006 Temat postu: |
|
|
na poczekaniu 
styl: | Kod: |
ul.menu { list-style-type: none; padding: 0; margin: 0; }
ul.menu li { border: 1px dotted #000000; background-color: #EEEEEE; }
ul.menu li hover { border: 1px solid #333333; background-color: #FFFFFF }
li a:link, li a:visited, li a:active { display: block; text-decoration: none; }
li a span { display: none; border: 1px dashed #CCCCCC; margin: 3px; padding: 2px; color: lime; }
li a:hover span { display: block } |
html: | Kod: | <ul>
<li><a href="#">Link1<span>opis1</span></li>
<li><a href="#">Link2<span>opis2</span></li>
<li><a href="#">Link3<span>opis3</span></li>
</ul> |
wklepcie sobie i zobaczcie 
Post został pochwalony 0 razy |
|
| Powrót do góry |
|
|
Pioteer
Admin
Dołączył: 19 Kwi 2006
Posty: 334
Przeczytał: 0 tematów
Ostrzeżeń: 0/10
Skąd: Turośń Dolna
|
| Wysłany: Nie 8:39, 04 Cze 2006 Temat postu: |
|
|
Chyba te twoje nie działa wszystko dobrze wkleiłem i nie chodzi może zarzuć linka gdzie jest to menu.A pozatym nie trzeba tworzyc nowego kodu html tylko do tego kodu html ktory ja napisalem sam dopasowujesz style a nie tworrzysz nowy kod html .Twojego css dopasowałem do tego menu.Pomysł na menu fajny naprawde
Post został pochwalony 0 razy |
|
| Powrót do góry |
|
|
eRiZ
Haker
Dołączył: 25 Kwi 2006
Posty: 616
Przeczytał: 0 tematów
Ostrzeżeń: 0/10
Skąd: Szczebrzeszyn, /dev/null :)
|
| Wysłany: Nie 13:49, 04 Cze 2006 Temat postu: |
|
|
przeanazlizuj sobie po co <span> dokleilem
Post został pochwalony 0 razy |
|
| Powrót do góry |
|
|
Pioteer
Admin
Dołączył: 19 Kwi 2006
Posty: 334
Przeczytał: 0 tematów
Ostrzeżeń: 0/10
Skąd: Turośń Dolna
|
| Wysłany: Wto 18:34, 06 Cze 2006 Temat postu: |
|
|
Ej no co jest czy z tego forum nikt oprócz mnie i eRiZa nie interesuje sie webmasteringiem?? Ludzie piszcie ta zabawa jest dla was
Post został pochwalony 0 razy |
|
| Powrót do góry |
|
|
sander_88
Uczeń
Dołączył: 01 Maj 2006
Posty: 58
Przeczytał: 0 tematów
Ostrzeżeń: 0/10
Skąd: Maszewo
|
| Wysłany: Czw 0:30, 08 Cze 2006 Temat postu: |
|
|
| Kod: | ul {
font:11px Tahoma;
list-style-type: none; }
li{
width: 150px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: #fff;
text-align: left; }
li a {
text-decoration: none;
display: block;
border-left: 8px solid #eee;
border-bottom: 1px solid #eee;
margin: 1px 0px 0px 0px;
padding: 0px 0px 0px 8px;
line-height: 20px;
color: #000;
font-weight: normal; }
li a:visited {
border-left: 8px solid #eee;}
li a:hover {
border-left: 8px solid #e72;
border-bottom: 1px solid #e72;
text-decoration: none;
color: #e72;
} |
bierzcie i korzystajcie z niego wszyscy albowiem jest to kod css
Post został pochwalony 0 razy |
|
| Powrót do góry |
|
|
|
FAQ
Szukaj
Użytkownicy
Grupy
Galerie
Rejestracja
Zaloguj się, by sprawdzić wiadomości
Zaloguj
