среда, 08 апреля 2009
16:22

все записи пользователя в сообществе Emily Kintsen
Воздух выдержит только тех, кто верит в себя. Ветер дует туда, куда прикажет тот, кто верит в себя.
Здравствуйте. Честно искал по сообществу ответ на свой вопрос, так и не нашел.
Как можно сделать так что бы в дневнике не было видно аватар и он появлялся бы при наведении курсора на ник?
Заранее спасибо.

URL
Комментарии
08.04.2009 в 17:22

Walterka
Полагаю, так:
.avatar {overflow:hidden !important;}
.avatar:hover {overflow:visible !important;}
URL
08.04.2009 в 17:25

Emily Kintsen
Воздух выдержит только тех, кто верит в себя. Ветер дует туда, куда прикажет тот, кто верит в себя.
Walterka
не работает...
URL
08.04.2009 в 17:39

Walterka
Вот так должно работать, но есть проблема. От аватара остается полоска шириной в 1px. Если установить высоту 0, то наводить будет просто не на что, и аватар не появится.
.avatar {height:1px; overflow:hidden !important;}
.avatar:hover{height:100%; width:100%; overflow:visible !important;}
URL
08.04.2009 в 17:53

Emily Kintsen
Воздух выдержит только тех, кто верит в себя. Ветер дует туда, куда прикажет тот, кто верит в себя.
Walterka Они исчезают не в дневнике а в комментариях(
URL
08.04.2009 в 19:45

Walterka
Эмили Кинтсен, то есть? Вам нужно убрать аватар из первого (Вашего) поста в комментариях?
URL
08.04.2009 в 20:58

Emily Kintsen
Воздух выдержит только тех, кто верит в себя. Ветер дует туда, куда прикажет тот, кто верит в себя.
URL
08.04.2009 в 21:19

Walterka
Эмили Кинтсен, это не аватар, а фото. Его ID: #thisDiaryPhoto
URL
08.04.2009 в 22:51

Emily Kintsen
Воздух выдержит только тех, кто верит в себя. Ветер дует туда, куда прикажет тот, кто верит в себя.
Walterka ой, перепутал.. но как сделать так что бы его не было видно но при наведении на ник оно появлялось?
URL
08.04.2009 в 23:16

Walterka
Эмили Кинтсен, такая функция есть у дневников с навигационной панелью вверху (это выбирается в стандартных настройках дизайна).
С вертикальным меню можно попробовать двумя способами:
1.
#thisDiaryInfo #thisDiaryPhoto {height:0px; overflow:hidden !important;}
#thisDiaryInfo:hover #thisDiaryPhoto {height:100%; overflow:visible !important;}
2. Если не получится. Можно поставить на фотографию прозрачный gif размером 1х1 пиксель, а желаемый аватар загрузить в свою БИ.
Далее пишете такой код:
#thisDiaryInfo:hover #thisDiaryPhoto {background: url ('/адрес Вашей картинки из БИ') no-repeat; height:высота этой картинкиpx !important;}
URL
09.04.2009 в 00:04

Emily Kintsen
Воздух выдержит только тех, кто верит в себя. Ветер дует туда, куда прикажет тот, кто верит в себя.
Walterka спасибо вам! Работает!
URL
09.04.2009 в 00:11

Walterka
Эмили Кинтсен, пожалуйста).
URL