Главная » Файлы » Для uCoz » Скрипты Разное Ucoz |
Новый всплывающий профиль
02.01.2012, 18:30 | |
Установка Это вставляем в CSS: Code /* by hi7eMh1Gh by Multi-Rip.Ru */ #closemyprofile {cursor:pointer;text-decoration:none;position:absolute;top:4px;right:5px;} div.closemyprofile {background:url('http://multi-rip.ru/by_hi7eMh1Gh/img/other/close_myprofile.png') no-repeat;width:15px;height:15px;background-position: 0 0;} div.closemyprofile:hover {background-position: -16px 0;width:15px;height:15px;} .screenshot img {margin:6px; padding:5px; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:0 0px 5px #6A6A6A; box-shadow:0 0px 5px #6A6A6A;-webkit-box-shadow:0 0px 5px #6A6A6A;} /* ---------------------------- */ Это вставляем в Верхнюю часть сайта в самый вверх: Code <!-- myprofile by hi7eMh1Gh --> <div id="myprofile" style="display:none;position:fixed;margin-top:35px;margin-left:10px;border:1px solid #bdbdbd;-moz-border-radius:6px;border-radius:6px;-webkit-border-radius:6px;align:center;text-align:center;background:#e0e0e0;box-shadow:1px 1px 5px #5d5d5d;-moz-box-shadow:1px 1px 5px #5d5d5d;-webkit-box-shadow:1px 1px 5px #5d5d5d;"> <table cellpadding="0" cellspacing="0" border="0" width="400px" height="200px"> <tr> <td align="left" width="80%"> <div style="padding:5px"> <b>$USERNAME$</b> | <u>$USER_GROUP$</u> </div> </td> <td align="right" width="20%"> <div style="padding:5px"> <a href="javascript://" onclick="$('#myprofile').fadeOut('fast');"><div id="closemyprofile" class="closemyprofile"></div></a> </div> </td> </tr> <td style="padding-left:4px"> <hr> </td> <tr> <td align="left" width="60%" style="padding-left:4px;padding-bottom:2px;text-align:left;"> <div style="padding-bottom:2px"> <b>Общее:</b> </div> <div style="padding-left:2px"> Группа: <u>$USER_GROUP$</u><br> Пол: <u>$USER_GENDER$</u><br> Дата рождения: <u>$USER_BIRTHDAY$</u> </div> <br> <div style="padding-bottom:2px"> <b>Дополнительно:</b> </div> <div style="padding-left:2px"> ID: <u>$USER_ID$</u><br> IP: <u>$IP_ADDRESS$</u><br> На сайте: <u>$USER_REG_DAYS$ дней</u> </div> <br> <div style="padding-bottom:2px"> <b>Функции:</b> </div> <div style="padding-left:2px"> <a href="$PERSONAL_PAGE_LINK$">Посмотреть мою страницу</a><br> <a href="$PM_URL$">Читать ЛС (<b>$UNREAD_PM$</b>)</a><br> <a href="/index/11">Изменить данные</a><div style="float:right;padding-right:5px;"><a href="/index/10" onclick="$('#myprofile').fadeOut('fast');"><font color="red">Выход</font></a></div> </div> </td> <td align="right" width="40%"> <div class="screenshot"> <?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" style="max-height:180px;max-width:150px;" border="0"><?else?><img src="http://ucozua.ru/bbcodes/noavatar.png" style="max-height:180px;max-width:150px;" border="0"><?endif?> </div> </td> </tr> </table> </div> <!-- /myprofile by hi7eMh1Gh --> Кнопка для вызова профиля, ставим где хотим её видеть: Code <a href="javascript://" onclick="$('#myprofile').fadeIn('fast');"><b>Мой профиль</b></a> | |
Просмотров: 450 | Загрузок: 0
| Жаловаться на материал
| Рейтинг: 5.0/7 |