CSS Obramowanie obrazka

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:

#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?

No to już w twojej kwestii

Grubość, kolor, styl, ogólnie o obramowaniu.
http://www.w3schools.com/css/css_border.asp (2px to grubość)

Zaokrąglenie:
http://www.w3schools.com/cssref/css3_pr_...radius.asp

a jak dodac te zaokraglone rogi?

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:

#obramowanie:hover {
border: 2px solid #ff0000;
}

To przed najechaniem ten kod działa:

#obramowanie {
border: 2px solid transparent;
}

Kurde, nie rozumiem

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...

#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