Webboard

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.

Arthil

Cybul