|
Скрипт "Раздвижной мини-профиль на
|
|
Дата: Вс, 05.02.2012, 02:38:22 | Сообщение # 1|
|
http://s008.radikal.ru/i303/1201/c3/d8314a2e786e.png
Скрипт "Раздвижной мини-профиль на форуме" (Боковой). Данный мини-профиль разработан для светлого дизайна. Находится в левом нижнем углу. Открывается при наведении мышью
Установка:
В Общий вид страниц после $BODY$ вставляем код:
[codes]<?if($USER_LOGGED_IN$)?><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://www.csomsk.ru/cssource/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>
<?if($USER_AVATAR_URL$)?><img border="0" align="absmiddle" src="$USER_AVATAR_URL$" width="100px" height="100px"><?else?><img border="0" align="absmiddle" src="http://www.csomsk.ru/img/noava.png" width="100px" height="100px"><?endif?>
<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>
<?endif?>[/codes]
По всем вопросам пишите сюда
Пишите в скайп: harvest.odessa.ua
Принимаю заказы графики!
Портфолио
Заказать графику по доступным ценам
Пользователь - Дизайнер DS - Постоянный - Пользователь =)))
|
|
Дата: Ср, 08.02.2012, 16:21:13 | Сообщение # 2|
|
очень помог давно искал спс
|
|
Дата: Чт, 09.02.2012, 16:54:32 | Сообщение # 3|
|
[Table]ICQ:4492382[/Table]
[Table]Skype:miffo_o[/Table]
|
|
Дата: Чт, 09.02.2012, 19:24:19 | Сообщение # 4|
|
ммм....спасибо,  пригодиться
CodyM © 2011-2012
Сообщение отредактировал CodyM - Чт, 09.02.2012, 19:25:38
|
|
