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:
Kod:
.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.
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?:
Kod:
.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ś.