Potrzebuję kod na coś takiego jak jest na stronie Talisman Online (http://www.talismanonline.com)
Mamy obrazek (http://www.talismanonline.com/image/caidan_bg.gif) A na nim tekst z odsyłaczem …
np. How to start?
Potrzebuje dokładnie taki sam efekt… Nie potrzebuje obrazka z odsyłaczem na którym jest napis…
komórka tabelki / div
Zawartość >> link
tło / kolor w stylu css
@down >> patrz mój opis …
?? Prosiłem o kod…
@up to nie nabijaj sobie postów…
@down Prosiłem o kod… Jeśli go nie chcesz podać , lub nie chcesz udzielić żadnych cennych wskazówek , to NIE NABIJAJ SOBIE POSTÓW…
Nikt nic za Ciebie nie zrobi za darmo. Za darmo możesz dostać najwyżej wskazówki…
@szczypior987 nie ma się co oburzać, bo panowie mają rację. Jeśli używasz ff zainstaluj sobie firebug lub jeżeli opery to masz wbudowanego dragonfly
Klikając z uruchomionym przeglądanie kodu na element dowiedziałbyś się, że
| How to Start |
[/code]
Wygląda to tak (wielokropek zastępuje powtarzające się wiersze) czyli mamy tabelę w jej komórce ustawioną klasę a w środku link z jakąś inną klasą (jeśli nie wiesz gdzie szukać definicji tych klas są one tutaj http://www.talismanonline.com/index.css). Wystarczy proste copy’n’paste.
Poza tym napisane to jest do bani height, width, valign, background są zdeprecjonowane na rzecz stylów. Nie mówiąc już o samym pomyśle (insane) robienia menu na tabeli…
A ja nie będe ham i pomoge.
Jeżeli chcesz uzyskać taki efekt to ja proponuje to zrobić mniej więcej tak jak tu. Poczytaj te linki to się dużo o tym dowiesz i będziesz happy ze swojego menu.
http://www.kurshtml.edu.pl/css/wstep,menu.html
http://www.kurshtml.edu.pl/css/pionowe_menu,menu.html
Najpierw napisz sobie za pomocą znaczników
wykaz linków.
Np.
[code] ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul li { width: 190px; padding-left: 10px; background: #797 url(“punkt.gif”) no-repeat left top; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } ul a:link, ul a:visited { display: block; width: 169px; text-decoration: none; padding: 5px 10px; font-weight: bold; background: #bfb url(“tlo.gif”) repeat-x top; color: #365; border-left: 1px solid #797; } ul a:hover { background-color: #797; background-image: url(“tlo2.gif”); color: #eff; }
W tym kodzie powyżej trzeba tylko zmienić odnośniki do zdjęć i masz coś takiego jak tu (http://www.kurshtml.edu.pl/css/wstep,menu.html) tam na dole
Poczytaj te dwa linki które tam masz to zrobisz coś jeszcze lepszego.
