Button z obrazka

wersja skryptu MyBB: 1.6.9
na czym polega problem: Chciałem dodać kilka buttonów ale nie mam pojęcia jak, testowałem kilka sposobów znalezionych w google, ale nie działają. Jest jakaś możliwość zrobienia za pomocą jednego odnośnika w .css dla każdego obrazka buttona np. poprzez rozjaśnienie się jakiejś ramki po najechanie czy coś? Proszę o pomoc.

coś typu ramka w koło biała, która pojawia się po najechaniu na obrazek.

Jeśli buttony są w CSS to np:

.button {
border: 1px solid #000; //kolor ramki czarny
}
.button:hover {
border: 1px solid #fff; //kolor ramki biały
}

Nie wiem czy o to Ci chodzi.

Tzn. dodaje obrazek do html za pomocą <img src/> i w css np. domyślnie jest jakaś ramka czarna lub brak a jak ktoś najedzie myszką to robi się ta ramka biała czy coś w tym stylu.

Tutaj masz dokładny opis:
http://webmastericon.jogger.pl/2009/08/2...m-obrazow/
Efekt rollover

Inaczej teraz potrzebuję to zrobić - mianowicie bez jakiś tekstów zrobić, że jest np. jakieś zdjęcie i jak najedzie się myszką to robi się drugie zdjęcie jakieś. Np. ustawiam jakieś mietek.jpg jako to normalne a jak ktoś najedzie to jest powiedzmy ustawione mietek2.jpg a jak zjedzie myszką to znów mietek.jpg .

No to właśnie jest efekt rollover
Wpisz sobie w Google. Cała masa tutków jest w necie do tego.

A nie lepiej tak?:

.button {
      background: url(images/mietek.jpg) no-repeat;
      color: #fff;
      border: 1px solid #000;
}

.button:hover {
       background: url(images/mietek2.jpg) no-repeat;
      color: #fff;
      border: 1px solid #fff;
}

Ja to tak zrozumiałem.. (Demo jak to wygląda u mnie).
Jeśli chcesz mieć też taki efekt przejścia to napisz

Teraz jak chciałbym, żeby był 1 obrazek np. dodany w css/html obojętnie, domyslnie była ramka czarna a jak się najedzie to biała to jaki kod html/css?

No przecie jest..
atrybut border: ...;

Dobra poradziłem sobie, w css tyle już kodu, że zapomniałem o czymś.