Привет! Такое дело =)
Вот тут у меня при наведении на морды в шапке появляется окошко с описанием.
http://hptest.1bb.ru/
Нужно все тоже самое, только чтоб текст описания можно было копировать.
Коды стоят такие:
Настройки:
Код:
<style type="text/css">
.tooltip {
position: relative;}
.tooltip span {
margin-left: -999em;
position: absolute;}
.tooltip:hover span {
position: absolute;
left: 55px;
top: -30px;
z-index: 99;
margin-left: 0;
width: 210px;}
.tooltip1 {
position: relative;}
.tooltip1 span {
margin-left: -999em;
position: absolute;}
.tooltip1:hover span {
position: absolute;
left: 0.1em;
top: 1.6em;
z-index: 99;
margin-left: 0;
width: 110px;}
.text {background: #b8c076; border: 1px solid #7c8250;
color: #4c5031;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 2px;}
</style>Сами блоки:
Код:
<div style="position: absolute; top:50px; margin-left: 39px; width:50px;"> <a class="tooltip" href="http://greenrpg.ru/viewtopic.php?id=4043#p284335"><img src=http://i.imgur.com/Ljqvyb7.jpg><span class="custom text">Louise Rosier<br> icq - 200987614 <br> skype - bullet-for-colt<br> Персональные обязанности: <br> - Прием анкет <br> - Дизайн\коды\скрипты\чтоб-все-ровно-и-красиво. Если у вас что-то криво отображается или не отображается - пишите. <br> - Баннерообмен и партнерство.<br> - Любая графика. </span></a> </div> <div style="position: absolute; top:111px; margin-left: 39px; width:50px;"> <a class="tooltip" href="http://greenrpg.ru/viewtopic.php?id=4043#p284335"><img src=http://i.imgur.com/Ljqvyb7.jpg><span class="custom text">Имя: Ray Collins, 35<br>Внешность: Matt Davis<br>Должность: Старший брат Уилла Коллинса. Является ведущим банкиром в JPMorgan Chase, владелец которого его отец</span></a> </div>
