Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Menu
Przem4S
post 26.03.2011, 20:10:56
Post #1





Grupa: Zarejestrowani
Postów: 103
Pomógł: 3
Dołączył: 26.07.2010
Skąd: Tychy

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


Tak więc posiadam menu horyzontalne, działa w trybie normal i hover. A chciałbym jeszcze uzyskać efekt "wybrania" danego elementu, chodzi o to iż gdy user jest na stronie głównej, strona główna przybiera inny obrazek "wciśnięty".

Moja strona: klik.

Obrazki stronek są już do tego przygotowane: przykład.

Będę wdzięczny za jakieś wzkazówki/pomoc.
Go to the top of the page
+Quote Post
emajl22
post 26.03.2011, 20:12:48
Post #2





Grupa: Zarejestrowani
Postów: 273
Pomógł: 21
Dołączył: 28.11.2010

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


sprawdzaj GETem adres strony, zrób IFa, a w nim np. <li class="wybrane"> i w css ustaw sobie odpowiednio smile.gif


--------------------
Go to the top of the page
+Quote Post
krzywy36
post 26.03.2011, 20:20:47
Post #3





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

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


http://css-tricks.com/id-your-body-for-gre...nd-specificity/ wink.gif


--------------------
pretty as a shit.
Go to the top of the page
+Quote Post
webfreak
post 30.03.2011, 17:07:29
Post #4





Grupa: Zarejestrowani
Postów: 77
Pomógł: 8
Dołączył: 29.03.2011
Skąd: Londyn

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


Odpowiedź

Wejdź tutaj http://hybrid-host.co.uk/# efekt który chcesz uzyskać to ten przypisany dla przycisku " Login " klasa .btn_top


A oto jak taki efekt uzyskać ' Ten kod jest akurat z tej templatki '

  1.  
  2. a.btn_top, a.btn_top:visited /*Login Button*/
  3. {
  4. background:url(images/top_btns.png) no-repeat 0 0;
  5. width:105px;
  6. height:22px;
  7. display:block;
  8. color:#fac784;
  9. text-transform:uppercase;
  10. font-size:12px;
  11. text-decoration:none;
  12. padding-left:33px;
  13. float:right;
  14. padding-top:9px;
  15. margin-top:8px;
  16. outline:none;
  17. }
  18.  
  19. a.btn_top:hover
  20. {
  21. background-position:0px -31px;
  22. }
  23.  
  24. a.btn_top:active, .active
  25. {
  26. background-position:0px -62px;
  27. }
  28.  
  29.  


wtedy do linku który ma zostać aktywny dodajesz klasę " .active"





link do obrazka żeby zobaczyć jak jest skonstruowany



Ten post edytował webfreak 30.03.2011, 17:08:46


--------------------
http://szkolahtml.pl
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 21.07.2025 - 07:26