Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Menu css efekt wyboru zakładki ?
Spyder
post
Post #1





Grupa: Zarejestrowani
Postów: 269
Pomógł: 7
Dołączył: 12.10.2006
Skąd: Newcastle Upon Tyne

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


Witam mam pytanko. Chcę aby po kliknięciu zostało tło z hover. Nie moge dojść do tego?

Linki działają wszystko się podświetla po najechaniu ale tło nie zostaje:
Kod:
  1. <a href="index.php?action=home" class="menulink" onfocus="blur()" >
  2. <font style="position:relative;top:42px;">HOME</href></a>

i css
  1. A.menulink{
  2. display:block;
  3. width:90px;
  4. height:95px;
  5. margin-left:0px;
  6. margin-top:0px;
  7. margin-right:0px;
  8. text-align:center;
  9. font-family: Tahoma;
  10. font-size: 9px;
  11. text-decoration: none;
  12. color: #aecc1c;
  13. background: url("bx.jpg");
  14. BORDER:none;
  15. }
  16. A.menulink:hover{
  17. color: #ffffff;
  18. background: url("by.jpg");
  19. }
Wdzięczny będe za pomoc (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
revyag
post
Post #2





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

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


Nie zostaje bo przecież :hover podmieniasz to tło. Wyrzuć tą deklarację to tło nie będzie się zmieniać.
Go to the top of the page
+Quote Post
Spyder
post
Post #3





Grupa: Zarejestrowani
Postów: 269
Pomógł: 7
Dołączył: 12.10.2006
Skąd: Newcastle Upon Tyne

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


no tak ma się podmienić i zostać to co jest w hover żebym widział w jakiej zakładce jestem (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
devnul
post
Post #4





Grupa: Zarejestrowani
Postów: 1 470
Pomógł: 75
Dołączył: 21.09.2005
Skąd: że znowu

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


samym css'em raczej tego nie zrobisz
Kod
A.menulink{
display:block;
width:90px;
height:95px;
margin-left:0px;
margin-top:0px;
margin-right:0px;
text-align:center;
font-family: Tahoma;
font-size: 9px;
text-decoration: none;
color: #aecc1c;
background: url("bx.jpg");
BORDER:none;
}
A.menulink:hover,A.menulink:active, A.menu-active{
color: #ffffff;
background: url("by.jpg");
}


Kod
var lastobj=null;
function setmenu(obj){
if (lastobj!=null){
lastobj.className='menulink';
}
lastobj=obj;
lastobj.className='menulink menu-active';
}


Kod
<a href="index.php?action=home" onclick="setmenu(this)" class="menulink" onfocus="blur()" >
<font style="position:relative;top:42px;">HOME</href></a>


Ten post edytował devnul 15.12.2006, 22:02:13
Go to the top of the page
+Quote Post
Spyder
post
Post #5





Grupa: Zarejestrowani
Postów: 269
Pomógł: 7
Dołączył: 12.10.2006
Skąd: Newcastle Upon Tyne

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


znika niestety (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) to pierwsze to java w index head zrozumiałem

tzn 2 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
devnul
post
Post #6





Grupa: Zarejestrowani
Postów: 1 470
Pomógł: 75
Dołączył: 21.09.2005
Skąd: że znowu

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


była literówka w moim css. trochę samodzielności a nie wymagasz gotowych rozwiązań. teraz działa - testowane (poprawiłem źródło w poprzednim poście)

Ten post edytował devnul 15.12.2006, 22:03:30
Go to the top of the page
+Quote Post
Spyder
post
Post #7





Grupa: Zarejestrowani
Postów: 269
Pomógł: 7
Dołączył: 12.10.2006
Skąd: Newcastle Upon Tyne

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


No tak masz rację działa tylko jak zrobiłem pustą stronę testową a na mojej prawidłowej stronie znika niewiedzieć czemu (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) Dzięki za wskazówkę muszę wykombinować czemu na stronie mi ciągle wywala tło.

Mam coś takiego i działa tylko pojawia się na chwilę dopuki nie przeleci php i nie przeładuje strony z nową zawartością.
Kod
<a href="#" class="menulink" id="link1"
onclick="java script:document.getElementById
('link1').style.background='#000'">HOME</a>
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 25.12.2025 - 00:30