• Смотреть онлайн Паркер .
  • Крепкий орешек 5: Хороший день, чтобы умереть.
  • Доспехи Бога 3: Миссия Зодиак.

Простой горизонтальный Мини-профиль

Установка.

В 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


<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$" class="newinbox"class="inbox" title="Новых сообщений нет"><span class="pmnum">$UNREAD_PM$</span>Входящие сообщения</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>

<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>

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

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>




Комментарии   

Оставьте комментарий

Имя / Логин
Email
 

Так

Друзья

Форма входа

Мини чат

Рекламный блок

Здесь может быть реклама ВАШЕГО товара (ресурса)

Подробнее...

Рекламный блок

Здесь может быть реклама ВАШЕГО товара (ресурса)

Подробнее...

Рекламный блок

Здесь может быть реклама ВАШЕГО товара (ресурса)

Подробнее...