Podświetlanie obramówki avatara w index

Założony przez  Keitha.

wersja skryptu MyBB: 1.6.8
adres forum: http://apk-forum.tk
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Dodałem sobie obramówke do avatarów na stronie głównej i co teraz zrobić zeby jak na niego najade to obramówka się podświetlała.
Chodzi o to:

[Obrazek: bNkgu.png]

A chodzi mi o taki efekt jak tutaj - KLIK

Najedzcie na avatar i się podswietli chce to samo na s. główna.

Oraz jak zrobić taki sam efekt w profilu użytkownika, dokładnie tutaj:

[Obrazek: dWBUc.png]

Chciałbym tutaj obramówke i podświetlenie jak najade.
Z góry dziękuje.
Do global.css dodaj
.favimg:hover {
background: #8B8F94;
border: 1px solid #8B8F94;
box-shadow: 0 1px 2px #8B8F94;
}

Następnie w szablonie postbit_avatar dodaj atrybut class="user_avatar"

Tak ma to mniej więcej wyglądać
<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" {$avatar_width_height} class="user_avatar" /></a>
Na stronie głównej działa ale w podglądzie profilu nie :<
Wyjaśnię Ci mniej więcej jak to musisz zrobić:

Wszystko jest prawie tak samo jak w poprzednich przypadkach z tym, że musisz dodać img w selektorze np:

Przykład
.memprofile_av img {  }

.memprofile_av img:hover {  }

Dlaczego tak? Bo w profilu użytkownika nie ma bezpośredniego dojścia do obrazka z szablonu, więc klasę musisz już podać w tabelce, w której jest avatar.

Wyglądałoby to tak u ciebie:

kawałek szablonu w member_profile:
<td width="25%" align="right" valign="middle" class="memprofile_av">{$avatar}</td>

W zasadzie mógłbyś użyć kodu, który już masz (.favimg lub .user_avatar), ale musiałbyś go zrobić w ten sposób, który podałem powyżej i w dodatku wstawić te klasy w tabelkę, w której jest avatar, a nie do samego obrazka. Dlatego myślę, że szybciej będzie zrobić nowy selektor i jedynie ograniczysz się do wstawienia klasy w member_profile (nie będziesz musiał poprawiać tamtych szablonów).

Chyba zrozumiale opisałem.



Użytkownicy przeglądający ten wątek:

1 gości