▲ Вверх
Главная » 2011 » Март » 2 » Персональная страница со сменой стилей и сворачиванием блоков
16:05
Персональная страница со сменой стилей и сворачиванием блоков

Поделитесь моим сайтом =)

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

    Установка:

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

    <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>

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


  • Просмотров: 1451 | Добавил: max | Теги: Персональная страница со сменой сти | Рейтинг: 5.0/2
    Оставить комментарий Вконтакте

    Оставить комментарий на Фейсбук
    >