вВсё для ucoz-форумов

Раздвижной мини-профиль на форуме

 
Вот и дошли до раздвижного профиля на форуме, который будит стоять с боку. Мини профиль очень красиво подойдет к серо — белым тонам шаблона, находится он в нижнем левом углу при на видений курсора он появляется. Думаю кто хочет просто привнести на свой сайт сто то не обычное но для сайта нужное можно этим кодом все сделать. Он очень не обычен по своему но работа у него такая же как у всех стандартных профилей которые идут на сайт и через которые можно зайти на сайт пол своим логином, все так же.
Приступим к установке:
Заходим в П.У — Общий вид страниц форума, после $BODY$ ставим наш код.

Код
<script>  
$(function()$(«.prof_s»).hover(function()$(this).animate(width:’+=170′,300);},  
function()$(this).animate(width:’-=170′,500);});});  
</script>  
<style>  
div.prof_s display:block;overflow:hidden;position:fixed;left:0;bottom:0;margin-bottom:20px;border:1px solid #ccc;background:#f2f2f2;border-left:0;height:270px;-moz-box-shadow:2px 3px 5px #bdbdbd;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70);  
div.prof_s:hover cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);  
</style>  
<div class=»prof_s» style=»width:22px;»>  
<table width=»100%» border=»0″ cellpadding=»0″ cellspacing=»0″>  
<tr><td align=»left» width=»22px»><img src=»http://zornet.ru/Statistics/prof_img.png»></td><td align=»left» style=»border-left:1px solid #ccc;padding-top:5px;padding-left:2px;» width=»100%» valign=»top»>  
<style type=»text/css»>  
  ul.uz list-style: none; margin: 0 0 0 0; padding-left: 0px;  
  li.m border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;  
  li.m:hover border:1px solid #9AC4EC; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;  
  li.fr border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;  
  li.fr:hover border:1px solid #C5C5C5; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;  
  .m font-family:Tahoma,Arial,Helvetica;  
  a.m:link text-decoration:none; color:#01547F;  
  a.m:visited text-decoration:none; color:#01547F;  
  a.m:hover text-decoration:underline; color:#00283C;  
  a.m:active text-decoration:underline; color:#00283C;  
  </style>  
  <center>  
  <img border=»0″ align=»middle» src=»$USER_AVATAR_URL$» width=»100px» height=»100px»><img border=»0″ align=»middle» src=»http://zornet.ru/Statistics/noava.png» width=»100px» height=»100px»>  
  <ul class=»uz»>  
  <li class=»m»><b>$USERNAME$!</b></li>  
  <li class=»m»><b>$USER_GROUP$</b></li>  
  <li class=»m»>ЛС: <b>$UNREAD_PM$</b></li>  
  <li class=»m»>IP: <b>$IP_ADDRESS$</b></li><hr>  
  <li class=»m»><a class=»m» href=»/index/8-$USER_ID$»>Моя страница</a></li>  
  <li class=»m»><a class=»m» href=»$PM_URL$»>Личные сообщения</a></li>  
  </ul></center>  
</td></tr></table>  
</div>

источник: zornet.ru

Похожие посты