Персональная страница со сменой стилей и сворачиванием блоков


Персональная страница со сменой стилей и сворачиванием блоков
Сворачивание блоков с запоминанием на куки (cookies). 
Смена стилей (1. Мокрого асфальта - основной; 2. Небесный; 3. Зеленого папоротника; 4. Баклажановый; 5. Золотистый; 6. Красный ) с запоминанием на куки (cookies).

Установка:

ПУ \ Управление дизайном \ Пользователи \ Персональная страница пользователя 
Удаляете всё оттуда и вставляете это:


Code
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<title>Профиль $_USERNAME$'а</title>  
<link id="dyncss" rel="stylesheet" type="text/css" href="http://webo4ka.ru/Ucoz2/profil_webo4ka/Wet_asphalt.css">  
<script type="text/javascript">  
function setDynCSS(url) {  
if (!arguments.length) {  
url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];  
if (!url) return '';  
}  
document.getElementById('dyncss').href = url;  
var d = new Date();  
d.setFullYear(d.getFullYear() + 1);  
document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');  
return url;  
}  
setDynCSS();  
</script>  
<div style="position:absolute; right:0%; top:24px;">  
<a onclick="setDynCSS('http://webo4ka.ru/Ucoz2/profil_webo4ka/Wet_asphalt.css');" class="webo4ka_color" style="background: rgb(102, 102, 102) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Мокрого асфальта"></a>  
<a onclick="setDynCSS('http://webo4ka.ru/Ucoz2/profil_webo4ka/heavenly.css');" class="webo4ka_color" style="background: rgb(128, 221, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Небесный"></a>  
<a onclick="setDynCSS('http://webo4ka.ru/Ucoz2/profil_webo4ka/Green_fern.css');" class="webo4ka_color" style="background: rgb(48, 118, 47) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Зеленого папоротника"></a>  
<a onclick="setDynCSS('http://webo4ka.ru/Ucoz2/profil_webo4ka/violet.css');" class="webo4ka_color" style="background: rgb(161, 30, 125) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Баклажановый"></a>  
<a onclick="setDynCSS('http://webo4ka.ru/Ucoz2/profil_webo4ka/golden.css');" class="webo4ka_color" style="background: rgb(255, 215, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Золотистый"></a>  
<a onclick="setDynCSS('http://webo4ka.ru/Ucoz2/profil_webo4ka/red.css');" class="webo4ka_color" style="background: rgb(255, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" title="Красный"></a>  
</div><br><br>  
</head>  

<body>  
<table cellpadding="0" cellspacing="0" style="margin-top: 10px;">  
<tr><td valign="top" width="100%">  

<!--информация-->  
<div class="webo4ka_blok">  
<div class="webo4ka_title"> <a href="javascript://" onclick="cookieToggle('webo4ka_informachii')"> <img src="http://webo4ka.ru/Ucoz2/profil_webo4ka/usercard.png" border="0" style="float: left;margin-left: 10px; margin-right: 10px; margin-top: 1px;" /></a> <div style="color:#666666; text-shadow:1px 1px 1px #fff; font-size: 14pt;">Информация о $_USERNAME$'е</div></div>  

<div id="webo4ka_informachii" >  
<div class="webo4ka_content">  
<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable"><tr><td class="infTd" width="25%">  

<div class="webo4ka_dannii"><div id="block1" class="udtb"><div class="udtlb" >Пользователь:</div> <a href="javascript://" rel="nofollow" onclick="prompt('Адрес профиля данного пользователя','$_PROFILE_URL$')"><b>$_USERNAME$</b></a> [id: <b>$_USER_ID$</b>] <span title="Ранг: $_RANK$">$_RANK_ICON$</span> [ $_RANK_NAME$ ]</div></div>  
<div class="webo4ka_dannii"><div id="block2" class="udtb"><div class="udtlb">Группа:</div>  
  
$MODER_PANEL$  
  
  $_GROUP_NAME$ $_GROUP_ICON$  
  
</div></div>  

  
<div class="webo4ka_dannii"><div id="block25" class="udtb"><div class="udtlb">Поощрения:</div> <a href="$AWARDS_READ_URL$" title="Список наград">Награды (<b>$AWARDS$</b>)</a> [<a href="$AWARDS_DO_URL$">+</a>] <a title="Смотреть историю репутации" class="repHistory" href="$_REP_READ_URL$">Репутация (<b>$_REPUTATION$</b>)</a> [<a href="$_REP_DO_URL$">±</a>]</div></div>  
  

  
<div class="webo4ka_dannii"><div id="block3" class="udtb"><div class="udtlb">Замечания:</div> <a class="banPercent" title="Смотреть историю замечаний" href="$_BAN_READ_URL$">$_BAN_PERCENT$%</a> <a href="$_BAN_DO_URL$"><img alt="" style="margin:0;padding:0;border:0;" title="Изменить уровень замечаний" src="http://s38.ucoz.net/img/fr/wm.gif" width="10" height="9" /></a><img alt="" style="margin:0;padding:0;border:0;" src="http://s38.ucoz.net/img/fr/w$_BAN_RATING$.gif" width="49" height="9" /><a href="$_BAN_DO_URL$"><img alt="" style="margin:0;padding:0;border:0;" title="Изменить уровень замечаний" src="http://s38.ucoz.net/img/fr/wp.gif" width="10" height="9" /></a></div></div>  
  
  
<div class="webo4ka_dannii"><div id="block5" class="udtb"><div class="udtlb">Имя:</div> $_NAME$ [ $_GENDER_NAME$ ]</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block6" class="udtb"><div class="udtlb">Статус:</div> $_STATUS$</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block7" class="udtb"><div class="udtlb">Регистрационный IP:</div> <a href="http://www.ripe.net/perl/whois?$_IP_ADDRESS$" target="_blank">$_IP_ADDRESS$</a></div></div>  
  
  
<div class="webo4ka_dannii"><div id="block8" class="udtb"><div class="udtlb">Дата регистрации:</div> $_REG_TIME$</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block9" class="udtb"><div class="udtlb">Дата входа:</div> $_LOG_TIME$</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block10" class="udtb"><div class="udtlb">Дата рождения:</div>$_BIRTHDAY$ [ <b>$_AGE$</b> $_ZODIAC$ ]</div></div>  
  
<div class="webo4ka_dannii"><div id="block11" class="udtb"><div class="udtlb">E-mail:</div></div>  
<div class="webo4ka_dannii">  
  $_EMAIL$ <span style="font-size:7pt">(Адрес скрыт)</span>  
  
  <a href="mailto:$_EMAIL$">$_EMAIL$</a> <span style="color:red;" title="Not verified e-mail">*</span>  
    
  <a href="$_SEND_EMAIL_URL$">Написать письмо пользователю</a>  
  <i>Адрес скрыт</i></div>  
    
    
  
[ <b><a href="$_EMAIL_VERIFICATION_URL$"><span style="color:red"><div class="webo4ka_dannii">Подтвердить e-mail</div></span></a></b> ]</div>  
  
<div class="webo4ka_dannii"><div id="block12" class="udtb"><div class="udtlb">Сайт:</div> $_WWW$</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block13" class="udtb"><div class="udtlb">ICQ:</div> $_ICQ$</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block14" class="udtb"><div class="udtlb">Сайт:</div> $_AOL$</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block15" class="udtb"><div class="udtlb">MSN:</div> $_MSN$</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block16" class="udtb"><div class="udtlb">Yahoo:</div> $_YAHOO$</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block18" class="udtb"><div class="udtlb">Место проживанияСтрана:</div> $_COUNTRY$</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block19" class="udtb"><div class="udtlb">Штат:</div> $_STATE$</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block20" class="udtb"><div class="udtlb">Город:</div> $_CITY$</div></div>  
  
  
<div class="webo4ka_dannii"><div id="block21" class="udtb"><div class="udtlb">Подпись:</div> $_SIGNATURE$</div></div>  
  
</td></tr>  
</table>  
</div></div></div>  
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/profil_webo4ka/jquery.cookie.js"></script>  
<script type="text/javascript">  
cookieToggle = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$.cookie('hideid_'+id, null);} else {$.cookie('hideid_'+id, '');}  
$('#'+id).slideToggle(1000);  
}  
cookieToggleCheck = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$('#'+id).hide();}  
}  
cookieToggleCheck('webo4ka_informachii');  
</script>  
<!--end информация-->  

<!--нарушение-->  
  
<div class="webo4ka_ban">  
<div class="webo4ka_ban_title1">  
<a href="javascript://" onclick="cookieToggle('webo4ka_ban')"><img src="http://webo4ka.ru/Ucoz2/profil_webo4ka/ban.png" border="0" style="float: left;margin-left: 10px; margin-right: 10px; margin-top: 1px;" /></a> <div style="color:#666666; text-shadow:1px 1px 1px #fff; font-size: 14pt;">У $_USERNAME$'а нарушение</div></div>  
<div id="webo4ka_ban" >  
<div id="blockBanned" style="text-align:center;padding:3px;"><b style="color:red;">Активность заблокирована навсегда!</b></div>  
</div></div>  
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/profil_webo4ka/jquery.cookie.js"></script>  
<script type="text/javascript">  
cookieToggle = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$.cookie('hideid_'+id, null);} else {$.cookie('hideid_'+id, '');}  
$('#'+id).slideToggle(1000);  
}  
cookieToggleCheck = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$('#'+id).hide();}  
}  
cookieToggleCheck('webo4ka_ban');  
</script>  
  
<div class="webo4ka_zamechanie">  
<div class="webo4ka_zamechanie_title1">  
<a href="javascript://" onclick="cookieToggle('webo4ka_zamechanie')"><img src="http://webo4ka.ru/Ucoz2/profil_webo4ka/zamechanie.png" border="0" style="float: left;margin-left: 10px; margin-right: 10px; margin-top: 1px;" /></a> <div style="color:#666666; text-shadow:1px 1px 1px #fff; font-size: 14pt;">У $_USERNAME$'а нарушение</div></div>  
<div id="webo4ka_zamechanie" >  
<div id="blockBanned" style="text-align:center;padding:3px;"><b style="color:#ff8a00;">Активность заблокирована до $_BANNED_TILL$</b></div>  
</div></div></td>  
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/profil_webo4ka/jquery.cookie.js"></script>  
<script type="text/javascript">  
cookieToggle = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$.cookie('hideid_'+id, null);} else {$.cookie('hideid_'+id, '');}  
$('#'+id).slideToggle(1000);  
}  
cookieToggleCheck = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$('#'+id).hide();}  
}  
cookieToggleCheck('webo4ka_zamechanie');  
</script>  
  
<!--end нарушение-->  

<td valign="top" width="336">  
<!--аватарка-->  
<div class="webo4ka_block">  
<div class="webo4ka_block_title">  
<a href="javascript://" onclick="cookieToggle('webo4ka_avatarka')"> <img src="http://webo4ka.ru/Ucoz2/profil_webo4ka/ava.png" border="0" style="float: left;margin-left: 10px; margin-right: 10px; margin-top: 1px;" /></a> <div style="color:#666666; text-shadow:1px 1px 1px #fff; font-size: 14pt;">Аватарка $_USERNAME$'а</div></div>  

<div id="webo4ka_avatarka" >  
<div class="webo4ka_block_content">  
<center><b class="webo4ka_ava" title="ава">$_AVATAR$</b><img src="http://webo4ka.ru/Ucoz2/profil_webo4ka/net_avatara.png" border=0 class="webo4ka_ava"></center>  
<br>  
<div class="webo4ka_aktivnosti"><img alt="" style="vertical-align:-4px;" border="0" src="http://s38.ucoz.net/img/ma/uid.gif"> <a href="$UNET_PROFILE_URL$" target="_blank"><b>uNet профиль</b></a></div>  

<div class="webo4ka_aktivnosti"><a href="$_CHANGE_DETAILS_URL$">Изменить данные</a></div>  
<div class="webo4ka_aktivnosti"><a href="$_PM_READ_URL$">Читать ЛС (<b>$UNREAD_PM$</b>)</a></div>  
<div class="webo4ka_aktivnosti"><a href="$_PM_SEND_URL$" title="Отправить личное сообщение">Отправить ЛС</a></div>  
<br></div></div></div>  

   
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/profil_webo4ka/jquery.cookie.js"></script>  
<script type="text/javascript">  
cookieToggle = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$.cookie('hideid_'+id, null);} else {$.cookie('hideid_'+id, '');}  
$('#'+id).slideToggle(1000);  
}  
cookieToggleCheck = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$('#'+id).hide();}  
}  
cookieToggleCheck('webo4ka_avatarka');  
</script>  
<!--end аватарка-->  

<!--активность-->  
<div class="webo4ka_block">  
<div class="webo4ka_block_title">  
<a href="javascript://" onclick="cookieToggle('webo4ka_aktivnosti')"><img src="http://webo4ka.ru/Ucoz2/profil_webo4ka/user.png" border="0" style="float: left;margin-left: 10px; margin-right: 10px; margin-top: 1px;" /></a>  
<div style="color:#666666; text-shadow:1px 1px 1px #fff; font-size: 14pt;">Активность $_USERNAME$'а</div></div>  
<div id="webo4ka_aktivnosti" >  
<div class="webo4ka_block_content" >  

  
<div class="webo4ka_aktivnosti"><a href="$_COM_ACTIVITY_URL$" target="_blank">комментарии(<b>$_COM_ENTRIES$</b>)</a></div>  
<div class="webo4ka_aktivnosti"><a href="$_FORUM_ACTIVITY_URL$" target="_blank">форум(<b>$_FORUM_ENTRIES$</b>)</a></div>  
<div class="webo4ka_aktivnosti"><a href="$_BLOG_ACTIVITY_URL$" target="_blank">блог(<b>$_BLOG_ENTRIES$</b>)</a></div>  
<div class="webo4ka_aktivnosti"><a href="$_NEWS_ACTIVITY_URL$" target="_blank">новости(<b>$_NEWS_ENTRIES$</b>)</a></div>  
<div class="webo4ka_aktivnosti"><a href="$_PUBL_ACTIVITY_URL$" target="_blank">статьи(<b>$_PUBL_ENTRIES$</b>)</a></div>  
<div class="webo4ka_aktivnosti"><a href="$_LOAD_ACTIVITY_URL$" target="_blank">файлы(<b>$_LOAD_ENTRIES$</b>)</a></div>  
<div class="webo4ka_aktivnosti"><a href="$_DIR_ACTIVITY_URL$" target="_blank">сайты(<b>$_DIR_ENTRIES$</b>)</a></div>  
<div class="webo4ka_aktivnosti"><a href="$_BOARD_ACTIVITY_URL$" target="_blank">объявления(<b>$_BOARD_ENTRIES$</b>)</a></div>  
<div class="webo4ka_aktivnosti"><a href="$_PHOTO_ACTIVITY_URL$" target="_blank">фото(<b>$_PHOTO_ENTRIES$</b>)</a></div>  
<div class="webo4ka_aktivnosti"><a href="$_STUFF_ACTIVITY_URL$" target="_blank">игры(<b>$_STUFF_ENTRIES$</b>)</a></div>  
  
<div class="webo4ka_aktivnosti"><b>$_USERNAME$</b> на сайте активность не проявлял</div>  
  

</div></div></div>  
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/profil_webo4ka/jquery.cookie.js"></script>  
<script type="text/javascript">  
cookieToggle = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$.cookie('hideid_'+id, null);} else {$.cookie('hideid_'+id, '');}  
$('#'+id).slideToggle(1000);  
}  
cookieToggleCheck = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$('#'+id).hide();}  
}  
cookieToggleCheck('webo4ka_aktivnosti');  
</script>  
<!--end активность-->  
  
<!--пользователи-->  
<div class="webo4ka_block">  
<div class="webo4ka_block_title">  
<a href="javascript://" onclick="cookieToggle('webo4ka_polizovateli')"><img src="http://webo4ka.ru/Ucoz2/profil_webo4ka/viewmag.png" border="0" style="float: left;margin-left: 10px; margin-right: 10px; margin-top: 1px;" /></a><div style="color:#666666; text-shadow:1px 1px 1px #fff; font-size: 14pt;">Поиск Пользователей</div></div>  

<div id="webo4ka_polizovateli" >  
<div class="webo4ka_block_content">  

<div class="webo4ka_aktivnosti"><a type="button" class="allUsersBtn" style="width:150px;" onclick="window.location.href='/index/15-1'" value="Список пользователей" />Список пользователей</a></div>  
<hr /><form method="post" action="/index" name="fuser" style="margin:0px"><table border="0" cellpadding="4" cellspacing="1" width="100%" id="usch"><tr><td align="center">  
<input type="text" class="uSearchFl" name="user" style="width:240px;text-align:center;" size="20" value="Логин пользователя" onclick="if (this.value=='Логин пользователя'){this.value='';}" maxlength="25" /> <input type="submit" class="uSearchFlSbm" style="width:150px;" value="Найти пользователей" id="webo4ka_poisk" /></td></tr></table><input type="hidden" name="a" value="15" /></form>  

</div></div></div>  
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/profil_webo4ka/jquery.cookie.js"></script>  
<script type="text/javascript">  
cookieToggle = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$.cookie('hideid_'+id, null);} else {$.cookie('hideid_'+id, '');}  
$('#'+id).slideToggle(1000);  
}  
cookieToggleCheck = function(id) {  
if ($.cookie('hideid_'+id)!=null) {$('#'+id).hide();}  
}  
cookieToggleCheck('webo4ka_polizovateli');  
</script>  
<!--end пользователи-->  
</td></tr></table>  
<center>Copyright <a href="http://webo4ka.ru/" title="Источник webo4ka.ru" >webo4ka.ru</a> © 2011 г.</center>  
</body>  
</html>


В прикреплённом архиве находятся все файлы, использованные в этом профиле на тот случай, если ссылки на них станут битыми.


  Категория: Другие скрипты для ucoz | Добавил: AID | Дата: 25.09.2011
Скачать Персональная страница со сменой стилей и сворачиванием блоков с файлообменника

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
3 | FIGHTER пишет: | 05.05.2012 | 20:23 Страница с комментарием |
задний фон страницы
+ (0) -