jak zrobic podświetlany link
Moderator: Grupa pościgowa ;-)
Posty: 20
• Strona 1 z 2 • 1, 2
jak zrobic podświetlany link
przez Sergio01 » 10 maja 2005, o 14:53
- Sergio01
- Jeszcze siÄ™ uczÄ™
- Posty: 13
- Dołączył(a): 8 maja 2005, o 15:42
jak zrobic podświetlany link
przez Emil0076 » 10 maja 2005, o 15:06
- Emil0076
- Jestem tu już dłuższą chwilę
- Posty: 148
- Dołączył(a): 12 grudnia 2004, o 16:26
jak zrobic podświetlany link
przez Rybka1988 » 10 maja 2005, o 15:27
noe koniecznie musi uzywac css'a. Moze zdefinioac wszystko w body. Al e na inncyh stronkach(chodzi mi o forum) byl juz podawany adres strony www.kurshtml.boo.pl Jest tam socik o css'ie... I nawet chyba sa podane kody do okreslania takich grafiznyh duperolkow...
- Rybka1988
- Jeszcze siÄ™ uczÄ™
- Posty: 22
- Dołączył(a): 8 kwietnia 2005, o 19:41
przez DEXTER:) » 10 maja 2005, o 15:30
Zasadniczo gotowych kodów nie podajemy, ale wytłumaczę jak to zrobić.
W Cascading Style Sheets ustawiasz pseudoklasy dla wszystkich elementów <a>, które mogą przyjąć wartości: link, hover, visited, active, focus. Po czym przypisujesz zdefiniowanym elementom wartość color.
Zapraszam na: http://www.google.pl, a także do księgarni http://www.helion.pl.
W Cascading Style Sheets ustawiasz pseudoklasy dla wszystkich elementów <a>, które mogą przyjąć wartości: link, hover, visited, active, focus. Po czym przypisujesz zdefiniowanym elementom wartość color.
Zapraszam na: http://www.google.pl, a także do księgarni http://www.helion.pl.
- DEXTER:)
- Mega GURU
- Posty: 1366
- Dołączył(a): 14 lipca 2004, o 11:27
jak zrobic podświetlany link
przez Emil0076 » 10 maja 2005, o 15:31
Ostatnio edytowano 3 października 2007, o 15:24 przez Emil0076, łącznie edytowano 1 raz
- Emil0076
- Jestem tu już dłuższą chwilę
- Posty: 148
- Dołączył(a): 12 grudnia 2004, o 16:26
jak zrobic podświetlany link
przez d_rex » 10 maja 2005, o 16:34
jejuuu... Przecież styl i CSS to to samo 
- d_rex
- Znawca tematu
- Posty: 228
- Dołączył(a): 8 grudnia 2004, o 21:05
jak zrobic podświetlany link
przez Sergio01 » 10 maja 2005, o 20:17
- Sergio01
- Jeszcze siÄ™ uczÄ™
- Posty: 13
- Dołączył(a): 8 maja 2005, o 15:42
jak zrobic podświetlany link
przez rafalzaq » 10 maja 2005, o 20:27
- rafalzaq
- Jestem tu już dłuższą chwilę
- Posty: 183
- Dołączył(a): 24 kwietnia 2005, o 18:21
jak zrobic podświetlany link
przez Sergio01 » 10 maja 2005, o 20:56
- Sergio01
- Jeszcze siÄ™ uczÄ™
- Posty: 13
- Dołączył(a): 8 maja 2005, o 15:42
jak zrobic podświetlany link
przez LEMUR » 10 maja 2005, o 22:14
- LEMUR
- GURU!
- Posty: 1109
- Dołączył(a): 7 listopada 2002, o 21:13
jak zrobic podświetlany link
przez Sergio01 » 10 maja 2005, o 22:15
- Sergio01
- Jeszcze siÄ™ uczÄ™
- Posty: 13
- Dołączył(a): 8 maja 2005, o 15:42
przez Markus957 » 20 sierpnia 2007, o 01:46
Co do podświetlanych linków:
/************** Footer *******************/
#footer {clear: both;padding: 0px 0px;background: #6A7C91;border:0px solid #00F;height:40px; }
#footer p{width:400px;margin:0 auto;color: #E0CBE4;font:12px,"trebuchet ms",helvetica,sans-serif;text-decoration:none;border:0px solid #00F;}
#footer a{text-decoration:underline;color:#FFFF6B;font:12px,"trebuchet ms",helvetica,sans-serif;text-decoration:none;border:0px solid #FFF;}
#footer a:hover {text-decoration:underline;color:#B8FF48;font:12px,"trebuchet ms", helvetica, sans-serif;text-decoration:none;background:#00F;border:0px solid #FFFF25;}
/* ******************* Tla linków *************** */
p a{
padding-right:0.1em;
padding-left:0.1em;
position: relative;
text-decoration :underline;
background:none; color: #6A7C91;}
p a:hover {
margin-menu: -0.5em; z-index: 2;
background: #fe0000;
margin-bottom: -0.5em;
padding-bottom: -0.5em;
color: #FFFF25;
padding-menu: 0.5em;
text-decoration:none;}
Działanie skryptu można zobaczyć na mojej stronie:
http://hobbyrama.webpark.pl/
Mam takÄ… uwagÄ™ co do visited.
Jeśli kolega jest początkujący i często otwiera napisaną stronę i często też klika w linki by zobaczyć efekt to radzilbym wylączyć visited.
U mnie visited był żóty, reszta czerwony i niebieski.
Po wielu "oglądaniach" strony wszystko było żóte i efekt nie był widoczny.
Jestem początkujący i jeśli zrobiłem coś nie tak albo skrypt jest źle napisany to przepraszam.
Tomek
/************** Footer *******************/
#footer {clear: both;padding: 0px 0px;background: #6A7C91;border:0px solid #00F;height:40px; }
#footer p{width:400px;margin:0 auto;color: #E0CBE4;font:12px,"trebuchet ms",helvetica,sans-serif;text-decoration:none;border:0px solid #00F;}
#footer a{text-decoration:underline;color:#FFFF6B;font:12px,"trebuchet ms",helvetica,sans-serif;text-decoration:none;border:0px solid #FFF;}
#footer a:hover {text-decoration:underline;color:#B8FF48;font:12px,"trebuchet ms", helvetica, sans-serif;text-decoration:none;background:#00F;border:0px solid #FFFF25;}
/* ******************* Tla linków *************** */
p a{
padding-right:0.1em;
padding-left:0.1em;
position: relative;
text-decoration :underline;
background:none; color: #6A7C91;}
p a:hover {
margin-menu: -0.5em; z-index: 2;
background: #fe0000;
margin-bottom: -0.5em;
padding-bottom: -0.5em;
color: #FFFF25;
padding-menu: 0.5em;
text-decoration:none;}
Działanie skryptu można zobaczyć na mojej stronie:
http://hobbyrama.webpark.pl/
Mam takÄ… uwagÄ™ co do visited.
Jeśli kolega jest początkujący i często otwiera napisaną stronę i często też klika w linki by zobaczyć efekt to radzilbym wylączyć visited.
U mnie visited był żóty, reszta czerwony i niebieski.
Po wielu "oglądaniach" strony wszystko było żóte i efekt nie był widoczny.
Jestem początkujący i jeśli zrobiłem coś nie tak albo skrypt jest źle napisany to przepraszam.
Tomek
- Markus957
- Jeszcze siÄ™ uczÄ™
- Posty: 22
- Dołączył(a): 17 stycznia 2007, o 16:30
przez Skorpion9312 » 2 października 2007, o 21:06
- Skorpion9312
- Jestem tu już dłuższą chwilę
- Posty: 182
- Dołączył(a): 8 maja 2006, o 15:01
Posty: 20
• Strona 1 z 2 • 1, 2
Powrót do Dla bardzo początkujących
Kto przeglÄ…da forum
Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników
Nowości
Mapa
Zestawienie
RSS