Действительно очень мощный мини-профиль.
В нём есть:
1. Картинка "Нет аватара" если у пользователя его нет
2. Ссылка на страницу пользователя
3. Ссылка на станицу личных сообщений
4. Показано сколько у вас личных сообщений
5. Показан IP пользователя
6. Ссылка на выбор аватара
7. Ссылка на изменение вашего профиля
8. Выбор фона*
9. Кнопка "добавить"**
10. Кнопка "выход" в виде картинки
11. Ссылка на скачивание Mozzila FireFox***
Выбор фона* работает на Cookies. Нужно будет вставить дополнительный код.
Добавить** при нажатии выходят 2 ссылки (добавить файл, статью)
Ссылка на скачивание Mozzila FireFox*** надпись в профиле "Наш сайт адаптирован под браузер Mozzila FireFox. В остальных браузерах наш сайт может отображаться некорректно!"
Итак, приступим к установке:
1. В созданный вами блок вставьте этот код:
Code
<script language="JavaScript1.2">
</script>
<style type="text/css">
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.m {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}
li.m:hover {border:1px solid #9AC4EC; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}
li.fr {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}
li.fr:hover {border:1px solid #C5C5C5; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}
.m {font-family:Tahoma,Arial,Helvetica;}
a.m:link {text-decoration:none; color:#01547F;}
a.m:visited {text-decoration:none; color:#01547F;}
a.m:hover {text-decoration:underline; color:#00283C;}
a.m:active {text-decoration:underline; color:#00283C;}
</style>
<center>
<img src="$USER_AVATAR_URL$" align="absmiddle" border="0"><img border="0" align="absmiddle" src="http://science-fun.ucoz.com/site/noava2.png">
<hr><ul class="uz">
<li class="m">Здравствуйте, <b>$USERNAME$</b><br><a class="m" href="/index/8-$USER_ID$">Ваша страница</a></li>
<li class="m">Вы в группе: <b>$USER_GROUP$</b></li>
<li class="m">У вас новых сообщений: <b>$UNREAD_PM$</b><br><a class="m" href="$PM_URL$">Личные сообщения</a></li>
<li class="m">Ваш IP: <b>$IP_ADDRESS$</b></li>
<li class="m"><a class="m" href="/index/7">Выбрать аватар</a></li>
<li class="m"><a class="m" href="/index/11">Изменить данные</a></li>
</ul>
<div align="center"><span> <ul class="uz"><li class="m"><a class="m" title="" onclick="show_hide_block(this)">Выбор фона</a><div style="display: none;">
<div align="center" class="backs" title="Выбор фона">
<img id="jp1" src="http://science-fun.ucoz.com/apo/11.jpg" width="20px" />
<img id="jp2" src="http://science-fun.ucoz.com/apo/22.jpg" width="20px" />
<img id="jp3" src="http://science-fun.ucoz.com/apo/33.jpg" width="20px" />
<img id="jp4" src="http://science-fun.ucoz.com/apo/44.jpg" width="20px" />
<img id="jp5" src="http://science-fun.ucoz.com/apo/55.jpeg" width="20px" />
<img id="jp6" src="http://science-fun.ucoz.com/apo/66.jpg" width="20px" />
</div>
<script>
$('#jp1').click(function() {
setCookie('j1', 365);
eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/11.jpg")');
});
$('#jp2').click(function() {
setCookie('j2', 365);
eraseCookie('j1');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/22.jpg")');
});
$('#jp3').click(function() {
setCookie('j3', 365);
eraseCookie('j2');eraseCookie('j1');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/33.jpg")');
});
$('#jp4').click(function() {
setCookie('j4', 365);
eraseCookie('j2');eraseCookie('j3');eraseCookie('j1');eraseCookie('j5');eraseCookie('j6');
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/44.jpg")');
});
$('#jp5').click(function() {
setCookie('j5', 365);
eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j1');eraseCookie('j6');
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/55.jpeg")');
});
$('#jp6').click(function() {
setCookie('j6', 365);
eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j1');
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/65.jpg")');
});
if(getCookie('j1')) {
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/11.jpg")');
};
if(getCookie('j2')) {
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/22.jpg")');
};
if(getCookie('j3')) {
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/33.jpg")');
};
if(getCookie('j4')) {
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/44.jpg")');
};
if(getCookie('j5')) {
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/55.jpeg")');
};
if(getCookie('j6')) {
$('body').css('background-image', 'url("http://science-fun.ucoz.com/apo/66.jpg")');
};
</script>
</div></li> </ul></span></div>
</center>
<center>
<script type="text/javascript">
<!--
function show_hide_block(xdata){
obj=xdata.parentNode.childNodes[1].style; tmp=(obj.display!='block') ?
'block' : 'none'; obj.display=tmp; return false; }
//-->
</script>
<div><span> <ul class="uz"><li class="m"><a class="m" title="Поможете сайту" onclick="show_hide_block(this)">Добавить</a><div style="display: none;"><a href="/publ/0-0-0-0-1">Статью</a><br><a href="/load/0-0-0-0-1">Файл</a><br></div></li>
</ul></span></div>
<hr>
<a href="$LOGOUT_LINK$"><img src="http://science-fun.ucoz.com/site/profil/exit.png" border="0" alt="" title="Выход" /></a>
<hr>
<center>
Для просмотра мини профиля, войдите на сайт как пользователь.
$LOGIN_FORM$
</center>
<table style="border-collapse: collapse; width: 100%; background-image: url("http://science-fun.ucoz.com/site/profil/firefox.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-clip: border-box; background-origin: padding-box; background-size: auto auto;" align="" width=""><tbody><tr><td><div align="center"><font color="#000000">Наш сайт адаптирован под браузер Mozzila FireFox</font><br></div><div align="center"><a href="http://mozilla-russia.org/" target="_blank"><img src="http://science-fun.ucoz.com/site/profil/download.png" border="0" alt="" /></a></div><div align="center"><font color="#000000">В остальных браузерах наш сайт может отображаться некорректно!</font><br></div></td></tr></tbody></table>
2. далее, в верхнюю часть сайта вставьте это:
Code
<script src="http://science-fun.ucoz.com/apo/cookie.js"></script>
Готово, ничего скачивать не нужно =)
Автор: Skat
Автор выбора фона: Apocalypse
Переработал выбор фона тоже Skat =)
Если что-то работать не будет, скажите в комментариях, обязательно исправлю (хотя я проверял, всё работает :D)
Другие новости |
Поделиться ссылкой
|