Webboard

Pełna wersja: Avatar al'a IP.Board
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Wersja skryptu MyBB: 1.6
Adres forum: Nie istotne
Na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Avatar al'a IP.Board - efekt hover

Witam !

Chciałbym zapytać, jak można zrobić czarując przy szablonie postbit_avatar i css efekt img:hover podobny do tego z IP.Board (chodzi mi o takie wybrzuszenie avatara z borderem), oto demo:

http://community.invisionpower.com/topic...line-icon/

...po najechaniu myszą na avatar włącza się efekt hover i widzimy bardzo ładny border, czyli obramowanie, ale stosując coś takiego:

Kod:
.post_avatar dt img {
border: 1px #FFF solid;
padding: 2px;
}

.post_avatar dt img:hover {
border: 1px #000 solid;
}

i dodaniu class="post_avatar" do nagłówka img w szablonie postbit_avatar niestety nic się nie zmienia, a testując to na innym skrypcie niestety efekt nie jest taki sam jak ten IP.Board'owski.

Jak to zrobić ?

Pozdrawiam, Arth.
Spróbuj tak:
CSS:
Kod:
.post_avatar {
        border: 1px #fff solid;
        padding: 2px;
        box-shadow: 0px 2px 2px #000;
}

.post_avatar:hover {
        border: 1px #000 solid;
}

HTML (szablon postbit_avatar):
Kod:
<a href="{$post['profilelink_plain']}"><img class="post_avatar" src="{$post['avatar']}" alt="" {$avatar_width_height} /></a>

:
Radzę ci dobrze dopasować kolory, wtedy to ma dopiero efekt jak ten IPBowski. :D