Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] Hover Link jako Obrazek
djair
post 27.03.2006, 12:06:12
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 29.08.2005

Ostrzeżenie: (0%)
-----

Kod
  <A href="#" ONMOUSEOVER="window.status='ofirmie'; changeImages('ofirmie', 'images/ofirmie1.jpg'); return true;" ONMOUSEOUT="window.status=''; changeImages('ofirmie', 'images/ofirmie.jpg'); return true;">      
  <IMG NAME="ofirmie" src="images/ofirmie.jpg" width="65" height="41" alt="O firmie"></a></td>

Cytat
Witam...da sie cos takiego zrobic w oparciu o CSS ? Wiem jak to zrobic dla tekstu ale nie wiem jak dla obrazkow...prosze o pomoc...pozdrawiam
Go to the top of the page
+Quote Post
chicken81
post 27.03.2006, 12:15:10
Post #2





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 14.12.2003

Ostrzeżenie: (0%)
-----

da radę
musisz zmienić atrybut background dla diva na którego będziesz najeżdzał myszką.
Zobacz przykład
Go to the top of the page
+Quote Post
djair
post 27.03.2006, 13:09:29
Post #3





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 29.08.2005

Ostrzeżenie: (0%)
-----

thx ...ale nie do konca mi o to chodzilo...w tym przykladzie mamy staly tekst i tylko tlo sie zmienia, a ja nie mam tekstu tylko obrazek i po najachaniu na niego chce miec inny obrazek w miejsce tego....
Go to the top of the page
+Quote Post
artur81
post 27.03.2006, 13:25:24
Post #4





Grupa: Zarejestrowani
Postów: 252
Pomógł: 2
Dołączył: 4.12.2004
Skąd: Skierniewice

Ostrzeżenie: (10%)
X----

w linku, byławskazówka jak to zrobić.
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5. <title>Untitled Document</title>
  6. </head>
  7. <style type="text/css">
  8. #test {
  9. width:100px;
  10. height:20px;
  11. background:url(komisja_up.png);
  12. }
  13. #test:hover {
  14. background:url(komisja_on.png);
  15. }
  16. </style>
  17. <body>
  18. <div id="test"></div>
  19. </body>
  20. </html>
[HTML] pobierz, plaintext


Pozdrawiam!

Ten post edytował artur81 27.03.2006, 13:26:00


--------------------
Bezpłatny hosting - 250MB pojemność konta, transfer 100GB, bez reklam, CRON, IonCube, uptime 99,9%
Go to the top of the page
+Quote Post
revyag
post 27.03.2006, 13:25:55
Post #5





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----

Kod
a {
    display:block;
    width:szerokosc_obrazka;
    height:wysokosc_obrazka;
    background-image:url(obrazek.jpg);
    background-repeat:no-repeat;
}
a: hover {
     background-image:url(inny_obrazek.jpg);
}


--------------------
-------------

------
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 25.06.2025 - 01:57
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn