Профиль в нижнем углу сайта

Рейтинг:5.0

Красивый мини профиль в правом нижнем углу сайта. В мини профиле есть кнопки : свернуть и развернуть... Данный профиль ставить лучше на светлые дизайны, т.к. на тёмном дизайне профиль не смотрится, ну решать вам.

Установка профиля:

Создаете новый глобал. блок и туда вставляете, или куда вам будет удобнее ниже приведённый код:

Code

exchange.ucoz.com/bbcodes/svernut.png" border="0" onMouseOver="this.src='http://stock-exchange.ucoz.com/bbcodes/svernut2.png'" onMouseOut="this.src='http://stock-exchange.ucoz.com/bbcodes/svernut.png'"></a>
  <a href="javascript://" onclick="document.getElementById('webo4ka_close').style.display='none';false" style="cursor: pointer"><img src="http://www.php-ucoz.ru/knopa/zakryt.png" border="0" onMouseOver="this.src='http://stock-exchange.ucoz.com/bbcodes/zakryt2.png'" onMouseOut="this.src='http://stock-exchange.ucoz.com/bbcodes/zakryt.png'"></a>
  </td> </div></tr></table></div></div>
  <div style="background: #f6fafd; padding: 6px 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;">

  <div id="webo4ka_cvernuti" style="display: none;">

  <table border="0" cellpadding="0" cellspacing="0"><tr>
  <td valign="top" align="center" id="webo4ka_fon_ava" width="70px"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="70px" border="0" /><?else?><img src="http://stock-exchange.ucoz.com/bbcodes/no-avatar.png" width="70px" border="0" /><?endif?></td>
  <td valign="top" id="webo4ka_poloska_gorizont"><div id="webo4ka_text">

  <div id="webo4ka_menu" width="70px" valign="top"><a href="$PERSONAL_PAGE_LINK$">Мой профиль</a></div>
  <div id="webo4ka_menu"><a href="$PM_URL$">Читать ЛС</a></div>
  <div id="webo4ka_menu"><a href="$HOME_PAGE_LINK$/index/11">Редактировать данные</a></div>
  </div></td></tr></table>
  </div>
  </div></a></div></div>

  <style>
  a:link, a:visited, a:active {text-decoration:none; color:#408fd3; text-shadow: 0.1em 0.1em 0.05em #FFF;}
  a:hover {text-decoration:none; color:#000;}

  #webo4ka_menu{width:160px; padding:2px; border-bottom: 1px dotted #e2e2e2; border-top: 1px dotted #e2e2e2; text-shadow: 0.1em 0.1em 0.05em #FFF;}
  #webo4ka_menu:hover {border-bottom: 1px dotted #000; border-top: 1px dotted #000; background: white; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}

  #webo4ka_poloska_gorizont {border:0px; border-left:1px dotted #000; padding:5px;}
  #webo4ka_fon_ava {padding:3px; background:#f7f7f7;}
  #webo4ka_text{text-align:left; clear:both;}
  </style>