Форум

Страница 1 из 1
1

vasa3000

Дата: 22.10.2013, 19:11:06 Сообщение # 1

Пользователь

Сообщения:94

Награды:0

Отзывы:1

Сайт пользователя:

Здраствуйте, не могу сделать профиль на подобии такого. При наведении на аватар выскакивает это окошко с меню. Как это сделать? Можете ли помочь мне в этом и написать короткий html и css, а дальше я разберусь. Заранее благодарю.

http://image-up.3dn.ru/_ph/1/2/551905694.png

wizzistar

Дата: 22.10.2013, 20:07:44 Сообщение # 2

Премиум

Сообщения:1830

Награды:180

Отзывы:137

137

Skype пользователя:

Код

123123123>

Код

.wizzi:hover .wizzi_menu {display:block;}
.wizzi_menu {display:none;}

Не проверял.

z1MO_ok

Дата: 23.10.2013, 17:38:55 Сообщение # 3

Пользователь

Сообщения:135

Награды:2

Отзывы:21

HTML:

Код

Профиль
Личные сообщения

CSS:

Код

.profile {position:relative;width:150px;padding-top:20px;text-align:center;}
.profile ul {position:absolute;top:10px;list-style:none;margin:0;padding:0;text-align:left;opacity:0;}
.profile ul {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;}
.profile:hover ul {top:-30px;opacity:1;}
.profile:hover img {cursor:pointer;}

Если что, я проверил работоспособность good