[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Раздвижной фиксированный минипрофиль
[LixteR]Дата: Вторник, 11.01.2011, 18:24 | Сообщение # 1

Сержант


Сообщений: 34
Награды: 3

[ 5 ]


Скриншот: http://s43.radikal.ru/i102/1012/56/490c55c646a2.gif

УСТАНОВКА:

1. Скачиваете архив, ссылка на архив: http://maxisoft.net.ru/FILES/Miniprofil_by_krueger.rar
Пароль к архиву: maxisoft.net.ru

2. создаете папку "mini-prof" без кавычек в корне сайта и заливаете в нее все картинки из архива.

2. Вставить код между <head> и </head> (лучше через быструю замену)

Code
<div onclick="$('#prof1').toggle('slow');" href="javascript://" class="prof"><img src="/mini-prof/knopka.png" border="0" alt="" /></div>           
<div id="prof1" class="prof2">           
<div class="prof3" style="border-collapse: collapse" align="left">           
<table><tr><td width="100">  
<?if($USER_ID$=0)?><img src="/mini-prof/no_avatar.png" alt="Пройдите регистрацию и станьте пользователем!!!" width="100" height="100" border="0" /><?endif?>  
<?if($USER_AVATAR_URL$)?><a href="$PERSONAL_PAGE_LINK$" title="Перейти на страницу профиля"><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0" width="100" height="100"></a><?endif?></td>  
<td width="170">  
<center><font size="1" face="Visitor_Rus"><script language="JavaScript">           
currentTime = new Date();           
if (currentTime.getHours() >= 6 && currentTime.getHours() <= 11 )           
document.write("Доброе утро, ");           
if (currentTime.getHours() >= 12 && currentTime.getHours() <= 17 )           
document.write("Добрый день, ");           
if (currentTime.getHours() >= 18 && currentTime.getHours() <= 23)           
document.write("Добрый вечер, ");           
if (currentTime.getHours() >= 0 && currentTime.getHours() <= 5)           
document.write("Доброй ночи, ");           
</script><?if($USER_ID$=0)?>Гость<?endif?><?if($USER_LOGGED_IN$)?>$USERNAME$<?endif?></font></center>  
<br>  
<?if($USER_LOGGED_IN$)?>  
<table width="100%">  
<tr><td style="width:150px;font-size:10px;font-family:Visitor_Rus;background:url('/mini-prof/knopka1.png');border: #000000 1px solid;" align="center">Вы с нами: $USER_REG_DAYS$-й день</td></tr>  
<tr><td style="width:150px;font-size:10px;font-family:Visitor_Rus;background:url('/mini-prof/knopka1.png');border: #000000 1px solid;" align="center">Ваш IP: $IP_ADDRESS$</td></tr>  
<tr><td style="width:150px;font-size:10px;font-family:Visitor_Rus;background:url('/mini-prof/knopka1.png');border: #000000 1px solid;" align="center"><a href="/index/14">Личных сообщений ($UNREAD_PM$)</a></td></tr>  
<tr><td style="width:150px;font-size:10px;font-family:Visitor_Rus;background:url('/mini-prof/knopka1.png');border: #000000 1px solid;" align="center"><a href="$LOGOUT_LINK$">Выход</a></td></tr>  
</table>  
<?endif?>  
<?if($USER_ID$=0)?>  
$LOGIN_FORM$  
<?endif?>  
</td></tr></table>  
</div></div>

3. Это вставляем в CSS

Code
/* prof */  
           .prof {  
           padding: 0px;  
           position: fixed;  
           bottom: 0px;  
           left: 0px;  
           cursor: pointer;  
           color: #666666;  
           text-decoration: none;  
}  
/* ------------ */  

/* prof2 */  
           .prof2 {  
           background: #202020;  
           border: 1px dotted #0255ff;  
           text-align: center;  
           padding: 5px;  
           position: fixed;  
           bottom: 30px;  
           left: 25px;  
           color: #666666;  
           text-decoration: none;  
           display:none;  
}  
/* ------------ */  

/* prof3 */  
.prof3 {  
margin:1px;  
padding:2px;  
background:url('/mini-prof/fon.png') #000000;  
border:1px solid #000000;  
}  
/* ------------ */

В архиве есть PSD кнопки и No-Avatar


http://vers-cs.ucoz.ru/avatar/32/121005.gif
  • Страница 1 из 1
  • 1
Поиск: