Главная
Форум
Баннеры
ТОП Сайтов
Мониторинг серверов
Банлист Сервера
Статистика Сервера
Наши отзывы
Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Горизонтальный Мини-профиль
LiSteNeRДата: Воскресенье, 07.03.2010, 13:31 | Сообщение # 1

Bullet^For =>
Сообщений: 850
[ ]
:-(

Установка.

В CSS

Code
.mprofil {border:1px solid #ace;background:#fff;webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font:normal 13px "segoe ui";color:#333;width:383px}  
.mprofil a {text-decoration:none}  
.mprofil a:hover {text-decoration:underline}  
.loginfield,.passfield {width:170px;border:1px solid #aaa;color:#777;font: 10pt "Verdana";padding:1px 5px;}  
.mprofil .submit {border:1px solid #aaa;color:#777;background:#fff;font: 8pt Verdana;width:50px;margin-right:2px}  
.mprofil .fieldname {width:55px}  
.mprofil ul.mmenu {margin:0;padding:0;list-style:none}  
.mprofil ul.mmenu li {display:inline;margin-right:10px;width:131px}  
.mprofil ul.mmenu .inbox {background: url(mail-message.png) no-repeat;padding-left:20px}  
.mprofil ul.mmenu .new {background: url(mail-message-new.png) no-repeat;padding-left:20px}  
.mprofil ul.mmenu a {color:#333}  
.mprofil ul.mmenu .newinbox {background: url(mail-message.png) no-repeat;padding-left:20px;color:blue}  
.mprofil .mout {float:right;margin-right:10px}  
.mprofil .mout a {color:#ff4242}  
.mprofil .mprlink {color:#333}  
.mprofil .avat {font-size:0;width:50px}  
.mprofil .avat img {border:0;}  
.mprofil .medit {margin-left:10px;color:#777;font-size:11px;background: url(medit.png) no-repeat;padding-left:17px}  
.mprofil .sub a {color:#333}  
.mprofil .reming {color:#777}  
.mprofil .reming a {color:#777}  
.mprofil .check {text-align:right}

В любое место сайта:

Code
<?if($USER_LOGGED_IN$)?>  
<table class="mprofil"><tr>  
   <td class="avat"><a href="$PERSONAL_PAGE_LINK$"><img src="$USER_AVATAR_URL$" height="40" title="Профиль" alt="" width="40" /></a></td>  
   <td>  
   <div><div class="mout"><a href="$LOGOUT_LINK$">Выйти</a></div><a class="mprlink" href="$PERSONAL_PAGE_LINK$" title="Профиль">$USERNAME$</a><a class="medit" href="javascript://" onclick="window.open('/index/11','upp','scrollbars=1,top=0,left=0,resizable=1,width=802,height=350') || alert('Отключите блокировку всплывающих окон!'); return false;">редактировать</a></div>  
   <div><ul class="mmenu"><li><a href="$PM_URL$" class="inbox" title="Новых сообщений нет">Входящие сообщения</a></li><li><a href="javascript://" onclick="window.open('/index/14-999-0-1','upp','scrollbars=1,top=0,left=0,resizable=1,width=802,height=350') || alert('Отключите блокировку всплывающих окон!'); return false;" class="new">Написать сообщение</a></li></ul></div>  
   </td>  
</tr></table>  
<p></p>  
<table class="mprofil"><tr>  
   <td class="avat"><a href="$PERSONAL_PAGE_LINK$"><img src="$USER_AVATAR_URL$" height="40" title="Профиль" alt="" width="40" /></a></td>  
   <td>  
   <div><div class="mout"><a href="$LOGOUT_LINK$">Выйти</a></div><a class="mprlink" href="$PERSONAL_PAGE_LINK$" title="Профиль">$USERNAME$</a><a class="medit" href="javascript://" onclick="window.open('/index/11','upp','scrollbars=1,top=0,left=0,resizable=1,width=802,height=350') || alert('Отключите блокировку всплывающих окон!'); return false;">редактировать</a></div>  
   <div><ul class="mmenu"><li><a href="$PM_URL$" <?if($IS_NEW_PM$)?>class="newinbox"<?else?>class="inbox"<?endif?> title="Новых сообщений нет"><?if($IS_NEW_PM$)?><span class="pmnum">$UNREAD_PM$</span><?else?>Входящие сообщения<?endif?></a></li><li><a href="javascript://" onclick="window.open('/index/14-999-0-1','upp','scrollbars=1,top=0,left=0,resizable=1,width=802,height=350') || alert('Отключите блокировку всплывающих окон!'); return false;" class="new">Написать сообщение</a></li></ul></div>  
   </td>  
</tr></table>  
<?else?>  
<form id="frmLg$PAGE_ID$" method="post" style="margin:0" onsubmit="sendFrm$PAGE_ID$();return false;">  
<table class="mprofil" style="width:246px">  
<tr><td class="fieldname">Логин</td><td colspan="2"><input class="loginfield" type="text" maxlength="20" name="user"/></td></tr>  
<tr><td>Пароль</td><td colspan="2"><input class="passfield" type="password" maxlength="20" name="password"/></td></tr>  
<tr><td class="check"><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" style="width:10px" checked></td><td><label for="rem$PAGE_ID$">Запомнить</label></td><td class="check"><input class="submit" name="sbm" value="Войти" type="submit"/></td></tr>  
<tr><td colspan="3" class="sub"><a id="ull2" href="/index/3">Регистрация</a> <span class="reming">| <a href="javascript://" onclick="openLayerB('Prm',0,'/index/5','Напоминание пароля',250,130,1);return false;">Вы забыли пароль?</a></span></td></tr>  
</table><input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="335" /></form>  
<script type="text/javascript">  
setNumUpm('pmnum',['<b>{N}</b> сообщение','<b>{N}</b> сообщения','<b>{N}</b> сообщений']);  
</script>  
<?endif?>

А это либо в какой-нибудь файл со скриптами, если такого у вас нет, то создайте (это исправление числительных)

Code
<script type="text/javascript">  
setNumUpm = function(c,n){  
   var a,b,i,d;  
   a = document.all||document.getElementsByTagName('*');  
   for(b=0;b<a.length;b++){if(new RegExp("(^|\\b)"+c+"(\\b|$)").test(a[b].className)){  
   i = function(){  
   d = parseFloat(a[b].innerHTML);  
   if(!d){return n[2]}else  
   if(d%1){return n[1]}else  
   if(/(11|12|13|14|5|6|7|8|9|0)$/.test(d)){return n[2]}else  
   if(/1$/.test(d)){return n[0]}else  
   if(/(2|3|4)$/.test(d)){return n[1]}  
   };  
   a[b].innerHTML=i().replace(/\{N\}/,d||0);  
   }}  
   }  
</script>

Скачать иконки

  • Страница 1 из 1
  • 1
Поиск:


Все права принадлежат PainKiller.Net.Ru 2009-2010. Дизайн сайта разработан - PainKiller.Net.Ru
Внимание! Рип шаблона запрещен "Нарушение авторского права"! Design bY PainKiller.Net.Ru
Тиц и pr сайта