Форма входа:
Мини профиль:
Установка:
Это в 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;}
Это в общий вид страниц форума:
Quote
<div class="gDivBottomLeft"></div><div class="gDivBottomCenter"></div><div class="gDivBottomRight"></div>
<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="display:none">
<center><?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="/ava.gif" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="/ava.gif" border="0"><?endif?><?endif?> <br><?if($USER_LOGGED_IN$)?><span style="font-size:9px;">Привет, <b>$USERNAME$</b>!</span><ul class="uz"><hr><li class="m">[ <a class="m" href="$RECENT_POSTS_LINK$">Новые сообщения</a> ]<hr><li class="m">[ <a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/11','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->Изменить данные</a> ]<li class="m"><hr> [ <a class="m" href="/index/10" onclick="return confirm('Выйти с аккаунта ?');">Выйти</a> ]</li><hr><?else?><a href="http://iucoz.com/" >iUcoz.com</a><hr>$LOGIN_FORM$<?endif?></ul></div></center><span 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>
"*" Ваш аватар.
"*" Ваша ссылка.