» »

Красивый мини профиль (Темный дизайн)


Хочу вам на обозрение представить и возможно кому понравиться красивый мини профиль. Профиль будит красиво смотреться на темном дизайн сайта. Смотрите как он выполнен, основная часть идет пол вашу картину. Все функций расположены в низу и с боку. И потому он кажется таким компактным и много места не займет. И будит выполнять все взятые на его функциональные действия.
Приступаем к установке:
Вставляем на ваше усмотрение в блок
Код
<div style="padding:0 4px 5px 2px;margin-bottom:3px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background: #303030 url(http://for-css.ucoz.org/images/background.gif);border: 1px solid black;">  
<center align="center"><?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://zornet.ru/zornet_ru/ed1bbe9d6044.png" border="2"><?endif?></div>  
  <div style="padding:0 4px 5px 2px;margin-bottom:3px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background: #303030 url(http://zornet.ru/zornet_ru/6112d3e23ac1.gif);border: 1px solid black;">  
  <center><div class="uhelphr"></div><table style="border-collapse: collapse; width: 155px; border-top-color: currentColor; border-left-color: currentColor; border-right-color: currentColor; border-bottom-color: currentColor; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none" width="" align=""><tbody><tr align="center">  
  <td style="border-top-color: currentColor; border-left-color: currentColor; border-right-color: currentColor; border-bottom-color: currentColor; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none"><a href="$PM_URL$"><img src="http://zornet.ru/zornet_ru/747f10c02076.png" alt="" width="24" height="24"></a><br></td>  
  <td style="border-top-color: currentColor; border-left-color: currentColor; border-right-color: currentColor; border-bottom-color: currentColor; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none"><a href="$PERSONAL_PAGE_LINK$"><img src="http://zornet.ru/zornet_ru/c550088bdadd.png" alt="" width="24" height="24"></a><br></td>  
  <td style="border-top-color: currentColor; border-left-color: currentColor; border-right-color: currentColor; border-bottom-color: currentColor; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none"><a href="/index/15-1"><img src="http://zornet.ru/zornet_ru/27d179d7ec8b.png" alt=""></a></td>  
  <td style="border-top-color: currentColor; border-left-color: currentColor; border-right-color: currentColor; border-bottom-color: currentColor; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none"><a href="javascript: void(0)" onclick="window.open('http://wallaby.ucoz.ru/js_template/onlineRadio.html', 'onlineRadio', 'width=600, height=480');return false;"> <img alt="Онлайн радио" src="http://zornet.ru/zornet_ru/63fc5748a7c9.png" title="Онлайн радио" border="0"></a><br></td>  
  <td style="border-top-color: currentColor; border-left-color: currentColor; border-right-color: currentColor; border-bottom-color: currentColor; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none"><a href="$LOGOUT_LINK$"><img src="http://zornet.ru/zornet_ru/ad3290057201.png" alt=""></a><br></td></tr></tbody></table></center>  
  </div>  
   
$LOGIN_FORM$
30.04.2012 Просмотров: 1188 Комментарий: (4)

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

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

Комментарий: 4
nikolla76
nikolla76 24.12.2015 17:211
0
Ссылки проверил не битые, просто видно где был проверен а где нет, этот точно не проверяли, но ссылки и сам код нормально без ошибок, но нужно все равно установить его.
Сопрано
Сопрано 24.12.2015 17:482
0
Почему вы решили что его не проверяли, так как нет того изображение, время было бы проверил, мне вообще профили нравятся, сейчас перешли на какие то узкие, типа стильно, не чего в них не нахожу, вот самый актуальный профиль.
FeStemBer
FeStemBer 24.12.2015 18:513
0
У кого мало места или просто не хочет ставить длинные профили, этот вам будет полезен и попробуйте с ним поработать.
Scheme
Scheme 21.07.2016 04:254
0
Так очень красиво смотрится, и не сильно большой, но там ссылка одна битая, и видать ода из кнопок на ее идет, придется где то брать.
avatar