» »

Красивый мини профиль ASER для сайта ucoz


Красивый мини профиль ASER для сайта ucoz

Красивый профиль для сайта , выполнен по дизайну шикарно, баг не обнаружено, при наводке на иконки ниже в профиле они меняют цвет, что по мне этот профиль ко многим дизайн сайта подойдет и будит украшать сайт. Так же имеет все что нужно для таких кодов, полностью функционален и все работает. По дизайну выполнен красиво и качественно.
Приступаем к установке:
Этот стиль вставляем в наш CSS и сохраняем все, на этом в стилях все.
Код
.frnavic {height:22px;background: -moz-linear-gradient(top, #f2f2f2, #ededed);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ededed));background: -webkit-linear-gradient(top, #f2f2f2, #ededed);background: -o-linear-gradient(top, #f2f2f2, #ededed);background: -ms-linear-gradient(top, #f2f2f2, #ededed);background: linear-gradient(top, #f2f2f2, #ededed);border-right:1px solid #bfbfbf;text-align:center;}  
.frnavic img {opacity:0.5}  
.frnav {height:24px;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}  
.eMessage a img, .eMessage img {padding:3px !important;background:#ffffff;  
border:1px solid#dbdbdb !important;border-radius:4px;  
-moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}  
a img {border:0px;}  
.eText {text-align:justify; padding:6px;}

После CSS идем в наш П.У - ДИЗАЙН САЙТА - выбираем контейнер если у вас их 2, и вставляем код ниже в блок и все , мини профиль установлен!
Код
<?if($USER_LOGGED_IN$)?>  
  <table width="100%" border="0" cellspacing="0" cellpadding="0">  
  <tr>  
  <tr>  
  <td align="center" ><img src="http://zornet.ru/zornet_ru4/grin.png" width="100" height="20" /><br><div class="emessage"><?if($USER_AVATAR_URL$)?>  
  <img title="$USERNAME$" src="$USER_AVATAR_URL$" border="0">  
  <?else?><?if($USER_LOGGED_IN$)?><img title="$USERNAME$" src="http://zornet.ru/_ph/7/1/154229613.jpg" border="0"><?endif?><?endif?> </div>  
  <div align="center"><img src="http://zornet.ru/zornet_ru4/grin.png" width="100" height="20" /></div>  
  <div align="left" class="eText"> Время: <b>$TIME$</b> <br>Вы вошли как: <strong>$USERNAME$</strong>  
  <br>IP Адрес: <strong>$IP_ADDRESS$</strong>  
  <br>Личных сообщений: <strong>$UNREAD_PM$</strong>  
  <br>Группа: <strong>$USER_GROUP$</strong>  
  </div>  
  <div align="center" >  
<table cellpadding="0" cellspacing="0" width="100%" class="frnav">  
<tr>  
<td width="25%"><a href="/index/8" title="Открыть профиль"><div class="frnavic"><img style="margin-top:4px;" src="http://zornet.ru/zornet_ru4/profile.png" width="12px" height="13px"></div></a></td>  
<td width="25%"><a title="личные сообщения" href="javascript://" rel="nofollow" onclick="window.open('/index/14','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><div class="frnavic"><img style="margin-top:5px;" src="http://zornet.ru/zornet_ru4/email.png" width="16px" height="12px"/></a></div></td>  
<td width="25%"><A title="Портал для вебмастеров uCoz - Скрипты и шаблоны" href="" rel=sidebar onclick="window.external.addFavorite(location.href,'Шаблоны и скрипты для uCoz'); return false;"><div class="frnavic"><img style="margin-top:2px;" src="http://zornet.ru/zornet_ru4/star.png" width="16px" height="16px"/></div></a></td>  
<td width="25%"><a href="/index/10" title="Выход"><div class="frnavic" style="border:0;"><img style="margin-top:4px;" src="http://zornet.ru/zornet_ru4/plus.png" width="14px" height="14px"/></div></a></td>  
</tr>  
</table>  
</div>  

  <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script><?endif?>  

  <script language=javascript type=text/javascript>  
  function openOnClick(client_type)  
  {  
  if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");  
  if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");  
  if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");  
  if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");  
  if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");  
  }  
  </script>  
  </div>  
  </table><?else?> <table width="100%" border="0" cellspacing="0" cellpadding="0">  
  <tr> <td align="center"><img src="http://zornet.ru/zornet_ru4/grin.png" width="100" height="20" /></td></tr>  
  <tr>  
  <td align="center" class="emessage"><img title="$USERNAME$" src="http://zornet.ru/_ph/7/1/154229613.jpg" border="0"></td>  
  </tr>  
  <tr> <td align="center"><img src="http://zornet.ru/zornet_ru4/grin.png" width="100" height="20" /></td></tr>  

  <tr>  
  <td align="center">$LOGIN_FORM$</td>  
  </tr>  
  </table><?endif?><script type="text/javascript">  
$('.frnav img').hover(  
function(){  
$(this).animate({opacity: "1"}, 500);  
},  
function(){  
$(this).animate({opacity: "0.5"}, 500);  
});  
</script>
27.07.2012 Просмотров: 2291 Комментарий: (11)

Поделиться в социальных сетях

Материал разместил

Комментарий: 11
avatar
coolgambling 17.07.2015 13:111
0
ЕРУНДА!!! НЕ СТАВЬТЕ !!! ЭТО БОЛЬШОЙ БАГ
Kosten
Kosten 17.07.2015 15:332
0
coolgambling, не понимаю для чего вы это пишите. Устанавливаем, лично на сайте стоял больше года, отлично смотрится и функциональность у него хорошая.
Dimstrik
Dimstrik 17.07.2015 17:143
0
coolgambling, Не знаю я щас взял и у меня всё просто замечательно установило!
Ну а если вы не умеете скрипты на сайт ставить то мы тут не причём!
Alkapone
Alkapone 18.07.2015 19:314
0
Dimstrik, Делал по инструкции, только на ставил в блок а так на тестовом сайте, не отображается половина css =)
Kosten
Kosten 18.07.2015 21:095
0
Alkapone, скрин с тестового сайта. CSS полностью представлен.
Kosten
Kosten 18.07.2015 21:216
0
Пришлось проверить второй раз, все отлично работает, и при наведение меняется в гамме цвета.

Сопрано
Сопрано 24.12.2015 18:127
0
Совершенно другой дизайн, и как раньше говорил,рофиля нужны только три кнопки, которые здесь прописаны в стилях, и это уже совершенно другой полет.
Kosten
Kosten 24.12.2015 19:099
0
Нет дизайн можно сказать тот который был, просто стилей больше добавлено и совершенно другое обозрение.
FeStemBer
FeStemBer 24.12.2015 18:288
0
Ну во первых не 3 кнопки а 4, так как с профиля вы можете добавить файл, кнопки все правильно сделаны на чистых стилях. Но а так больше не чем не отличается, но если бы предложили поставить такого мима мини профиль, то выбрал этот.
Kosten
Kosten 24.12.2015 19:1010
0
Это мини профиль какое то время даже стоял на сайте, все на нем отлично работает.
Zismo-vk
Zismo-vk 24.12.2015 19:2611
0
Просто не у всех руки растут откуда нужно!и это очень большая проблема а вид профиля даже очень подходящий!
avatar