• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Персональная страница пользователей в оригинале (Код персональной страницы с оригинальным дизайном на юкоз)
Персональная страница пользователей в оригинале
Kosten
 		Вторник, 24 Апреля 2012, 10:51 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »


Персональная страница пользователей (Оригинальная), в чем ее оригинальность она может менять цвета, и сама она оригинально красива в чем то креативна, меняет цвета на (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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/zornet_ru2/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://zornet.ru/" title="Источник zornet.ru" >zornet.ru</a> © 2011 г.</center>   
</body>   
</html>
Прикрепления: 6344276.jpg (404.0 Kb)
Страна: (RU)
gold_deagle007
 		Пятница, 08 Июня 2012, 23:19 | Сообщение 2
Оффлайн
Пользователи
Сообщений:3
Награды: 0
« 0 »
Не работает переключатель цветов!
Страна: (RU)
Kosten
 		Воскресенье, 10 Июня 2012, 16:34 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
gold_deagle007, все исправил, рабочая 100% со света музыкой))) cool
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Персональная страница пользователей в оригинале (Код персональной страницы с оригинальным дизайном на юкоз)
  • Страница 1 из 1
  • 1
Поиск: