Jak zrobic ze gdy najedzie sie na gametracker jak na csbets.pl to on sie obramowuje? Chodzi mi o gametracker w tabeli serwerow.
Dodaj
id="obramowanie" do tagu
img zawierającego gametracker i potem do global.css:
Kod:
#obramowanie:hover {
border: 2px solid #ff0000;
}
Będziesz musiał to id prawdopodobnie w pluginie dodać, nie wiem jak tam tabela serwerów działa czy ma szablony czy wszystko z pliku czyta.
Dziala! A mozesz zrobic aby te obramowanie bylo grubsze i mialo zaokraglone rogi?
a jak dodac te zaokraglone rogi?
Kod:
div {
border: 2px solid;
border-radius: 25px;
}
dopisalem tak do stylu i nie dziala
Dlaczego do diva dopisałeś to?
Dopisz do tej samej klasy co poprzednio - #obramowanie
No i "border" podałem Ci prawidłową kolejność - grubość, styl, kolor
Dziala, a da rade zrobic tak zeby to odrazu sie nie pojawialo tylko ze tak powiem jechalo? Zeby nie bylo odrazu obramowanie tylko zeby jakas animacja byla ze to sie nasuwa. Moje forum to Proud-people.pl
I zeby poprzez najechanie na te gt ip serwera sie nie przesuwalo?
http://www.w3schools.com/css/css3_transitions.asp
To odpowiada za efekty animacji. Aby uniknąć nieporozumienia - kod dodajesz nadal do tej samej klasy (#obramowanie).
Przeczytaj cały dokument, popatrz na przykłady i przeanalizuj je jeśli nie wiesz jak zastosować. Myślę, że dasz sobie radę
Dobra a mozesz powiedziec jak zrobic aby sie nie przesuwalo ip poprzez najechanie na gt?
i co mam dopisac do kodu z tego co mi napisales bo kompeltnie tego nie ogarniam
Przesuwa się bo zmienia się wielkość po dodaniu obramowania.
Dodaj dla normalnego stanu border przezroczysty.
Przykładowo:
Skoro masz po najechaniu tak:
Kod:
#obramowanie:hover {
border: 2px solid #ff0000;
}
To przed najechaniem ten kod działa:
Kod:
#obramowanie {
border: 2px solid transparent;
}
Ale czego konkretnie? Skoro ja się rozpisuje - to i Ty krok po kroku wyjaśnij na czym się zablokowałeś i co próbowałeś. Trochę serca, chętnie pomagam, ale gdy widzę zaangażowanie z drugiej strony...
Kod:
#obramowanie {
tutaj kod dla obrazka normalnie
}
#obramowanie:hover {
tutaj kod dla obrazka po najechaniu na niego
}
W obu dajesz to samo, tylko w jednym masz kolor obramowania np. #fff, a w drugim zamiast
#fff po prostu
transparent.
Dobra, cos tam zrobilem i jest ok, wielkie dzieki