
Действительно очень мощный мини-профиль.
В нём есть:
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)
Просмотров: 4763
|
Категория: Ucoz-профиль | Добавил: NA
Другие новости |
Поделиться ссылкой
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.