Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Мини-профиль от 7old.ru
19.11.2018
Мини-профиль от 7old.ru
  • 579 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Дело было вечером - делать было нечего, и я решил сделать миниатюрный мини-профиль.

Установка:

В CSS:

Код
/* Форма входа и мини-профиль by 7old.ru */
.login_bg {background:#fff;height:15px;border:1px solid #eaeaea;padding:2px 0 2px 2px;color:#afafaf;font-family:Tahoma;}  
.login_icon {float:right;height:17px;border-left:1px dotted #d5d5d5;background:#f8f7f7;padding:1px 2px;margin:-2px 0 -5px 0;}  
a.profil_link:link, a.profil_link:visited, a.profil_link:active {color:#777;display:block;background:#f7f7f7;padding:3px 3px;}  
a.profil_link:hover {display:block;background:#fff;color:#2C68A6;}  
.mini_avatar {padding:2px;background:#f0f0f0;border:1px solid #ddd;}  
div.input_submit {background:url(http://7old.ru/ucoz-files/input_submit.png)no-repeat;border:1px solid #202c36;color:#fff;display:inline-block;padding:5px 10px;text-align:center;text-shadow:#000 1px 1px 0px;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}  
div.input_submit:hover {background-color:#364959; color:#fff; cursor:pointer;}  
div.input_submit.alt {background:url(http://7old.ru/ucoz-files/input_submit.png)no-repeat;border:1px solid #363636;color:#fff;text-shadow:#000 1px 1px 0px}  
div.input_submit.alt:hover {background:url(http://7old.ru/ucoz-files/input_submit.png)no-repeat;color:#fff;cursor:pointer;opacity:0.9;}  
/* ------------- */


В блок вставляем:

Код
<?if($USER_LOGGED_IN$)?>
  <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td style="padding:5px;border:0px;border-right:1px dotted #ccc;background:#f7f7f7;" width="50px" valign="top">  
<?if($USER_AVATAR_URL$)?>
<img title="$TITLE$" src="$USER_AVATAR_URL$" border="0" width="65px" class="mini_avatar">
<?else?>
<img title="$TITLE$" src="http://7old.ru/img/no_ava.png" border="0" width="65px" class="mini_avatar">
<?endif?>
</td>  
<td style="padding:0px;" valign="top">  
<a class="profil_link" href="/index/8">Мой профиль</a>  
<div style="border-top:1px solid #d9d9d9;border-bottom:1px solid #f9f8f8;"></div>
<a class="profil_link" href="/index/14">Мои сообщения </a>
<div style="border-top:1px solid #d9d9d9;border-bottom:1px solid #f9f8f8;"></div>
<a class="profil_link" href="/index/11">Мои настройки</a>  
<div style="border-top:1px solid #d9d9d9;border-bottom:1px solid #f9f8f8;"></div>
<a class="profil_link" href="/index/10">Выход с сайта</a>  
</td>
</tr></table>
<?else?>
<script type="text/javascript">
sendFrm549730=function(){
  var o=$('#frmLg549730')[0],pos=_uGetOffset(o),o2=$('#blk549730')[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('frmLg549730',{type:'POST',url:'/index/sub/',error:function() {
  $('#blk549730').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("$('#blk549730').css('display','none');",'1500');
  }
  });
}
</script>
  <div id="blk549730" style="border:1px solid #CCCCCC;border-top:0px;position:absolute;z-index:82;background:url('http://s59.ucoz.net/img/fr/g.gif');display:none;"></div><form id="frmLg549730" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549730();return false;">
<div class="login_bg"><div class="login_icon"><img src="http://7old.ru/ucoz-files/login_icon.png"></div><input style="border:0px;font-family:Tahoma;color:#afafaf;" type="text" name="user" onFocus="if(value=='Введите логин...'){value='';}" onBlur="if(value=='') {value='Введите логин...';}" value="Введите логин..." size="20" maxlength="50"/></div>  
<div class="login_bg" style="margin:2px 0 0 0;"><div class="login_icon"><img src="http://7old.ru/ucoz-files/key_icon.png"></div><input style="border:0px;font-family:Tahoma;color:#afafaf;outline:none;" type="password" name="password" onFocus="if(value=='Введите пароль...'){value='';}" onBlur="if(value=='') {value='Введите пароль...';}" value="Введите пароль..." size="20" maxlength="15"/></div>  
<div style="display:none;"><table border="0" cellspacing="1" cellpadding="0" width="100%"><tr>  
<td align="right" valign="top"><input class="loginButton" id="EnterUser" name="sbm" type="submit" value="Вход"/></td>  
</tr></table></div>  
<div style="border:0px; border-top:1px solid #d9d9d9; background:#f3f3f3; margin:-1px; margin-top:5px; padding:4px;">  
<div style="float:right;"><div class="input_submit alt" onclick="$('#EnterUser').click()" style="padding:2px 7px;">Войти</div></div>  
<div style="margin-top:2px;margin-left:4px;"><a class="link_dotted" href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;" style="color:#999;">Напомнить</a> ·  
<a class="link_dotted" href="/index/3" style="color:#999;">Регистрация</a></div>  
<div style="clear:both"></div>  
</div>
<input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="730" /></form>

<?endif?>


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