Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Мини-профиль + Форма входа
19.11.2018
Мини-профиль + Форма входа
  • 559 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 5.0 Рейтинг:
  • (Голосов: 1)
Описание:
Красивый Мини-профиль вместе с Формой входа для вашего сайта. Выполнен он в тёмном оттенке, подойдёт для сайтов где есть тёмный дизайн или для светлых. Профиль состоит из 4 частей, Аватар, и 3 Ссылки, Мой-профиль, Мои-сообщения, Выйти.

Установка:

1. В Блок вставляем:

Код
<?if($USER_LOGGED_IN$)?>
<div class="mProf">
<div class="mProfAva"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt=""><?else?><img src="/noavatar.png" alt=""><?endif?></div>
<ul class="mProfLink">
<div class="mProfLine"></div>
<li><a href="/index/8">Мой профиль</a></li>
<div class="mProfLine"></div>
<li><a href="/index/14">Личные сообщения</a></li>
<div class="mProfLine"></div>
<li><a href="/index/10">Выйти</a></li>
<div class="mProfLine"></div>
</ul>
</div>  
<?else?>
<div class="block_login"><script type="text/javascript">
sendFrm549354=function(){
  var o=$('#frmLg549354')[0],pos=_uGetOffset(o),o2=$('#blk549354')[0];
  document.body.insertBefore(o2,document.body.firstChild);
  $(o2).css({top:(pos['top'])+'px',left:(pos['left'])+'px',width:o.offsetWidth+'px',height:o.offsetHeight+'px',display:''}).html('<div align="left" style="padding:5px;"><div class="myWinLoad"></div></div>');
  _uPostForm('frmLg549354',{type:'POST',url:'/index/sub/',error:function() {
  $('#blk549354').html('<div align="left" style="padding:10px;"><div class="myWinLoadSF" title="Невозможно выполнить запрос, попробуйте позже"></div></div>');
  _uWnd.alert('<div class="myWinError">Невозможно выполнить запрос, попробуйте позже</div>','',{w:250,h:90,tm:3000,pad:'15px'});
  setTimeout("$('#blk549354').css('display','none');",'1500');}});
}
</script>
<div id="blk549354" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s72.ucoz.net/img/fr/g.gif');display:none;"></div><form id="frmLg549354" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549354();return false;"><div class="rowslog"><input name="user" type="text"></div>
  <div class="rowspass"><input name="password" type="password"></div>
  <input name="sbm" type="submit" value=" " class="bLogin_submit">
  <a href="/index/3" class="bLogin_reg"></a><input type="hidden" name="a" value="2"><input type="hidden" name="ajax" value="1"><input type="hidden" name="rnd" value="354"></form></div>
<?endif?>


2. В Таблицу Стилей CSS:

Код
.mProf {background:url(http://7old.ru/ucoz-files/1/bg.png) no-repeat;width:215px;height:105px;margin-bottom:5px;}
.mProf .mProfAva {float:left;}
.mProf .mProfAva img {width:80px;height:80px;margin:10px 0 0 10px;}
.mProf ul.mProfLink {padding:0;margin:16px 0;list-style:none;font:11px Tahoma;color:#fff;float:right;width:120px;}  
.mProf ul.mProfLink li a {display:block;padding-top:3px;padding-left:5px;padding-right:5px;padding-bottom:4px;color:#fff;text-shadow:0 1px 0 #272727;font:12px Cuprum;text-transform:uppercase;}  
.mProf ul.mProfLink a:hover {color:#fff;background:#3e3e3e;}  
.mProf .mProfLine {border-top:1px solid #252525;border-bottom:1px solid #454545;}


На этом всё.
Мини-профиль + Форма входа" title="Скачать Мини-профиль + Форма входа бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7old.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]