• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Персональная страница пользователя (Темный дизайн)
Персональная страница пользователя (Темный дизайн)
Kosten
Понедельник, 30 Июля 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44356
Награды: 70


О скрипте персональной страницы:
Персональная страница пользователя (Темный дизайн), красивая темная страница персонала сайта, по дизайну замечаний нет, все ровно, а это значит баг не обнаружено, , но и темные страницы подходят почти все к темным дизайн сайтам и эта страница не исключения.
Приступаем к установке:
Что хорошо не что не надо закачивать в корень сайта страница идет одним скриптом, просто заходим в П.У - дизайн и персональная страница и там убираем код который находиться и ставим свой который ниже и сохранить, на этом все у вас новая персональная страница.
Код
<html>       
<head>       
<title>Информация о пользователе</title>       
    <html>      
<head>      
<title>Информация о пользователе</title>      
<link type="text/css" rel="StyleSheet" href="http://cs-nnov.3dn.ru/_st/my.css" />      
<link type="text/css" rel="StyleSheet" href="http://s34.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s34.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlockL {display:none}</style>      
</head>      

<body style="background:url('/1.gif') #000000; margin:0px; padding:0px;">       

<p></p>       

<!-- Body -->       
<table border="0" cellpadding="0" cellspacing="0" width="100%">       
<tr>       

<td valign="top" style="padding:0px 10px 0px 10px;">       
<table border="0" cellpadding="5" cellspacing="0" width="100%" style="border:1px solid #252525;"><tr><td style="background:#000000;">       

<!-- Razdel 1 -->       

<TABLE style="border: 1px solid #;" border="0" cellpadding="5" cellspacing="0" width="100%"><TBODY><TR><TD style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">       

<table border="0" width="100%" cellspacing="2" cellpadding="3">       
<style type="text/css">.udtb {text-align:left;padding:3px;} .udtlb {clear:left;float:left;width:150px;}</style>       
<tr>       
<td style="border:1px solid #252525;" width="85%" background=/img/9.gif><CENTER><B><FONT color=#333333>Информация о пользователе:</FONT></B></CENTER></td>       

<td style="border:1px solid #252525;" width="15%" background=/img/9.gif><CENTER><B><FONT color=#333333>Аватар:</FONT></B></CENTER></td>       
</tr>       

<tr>       
<td class="bBlok1">       
<div id="block1" class="udtb"><div class="udtlb">Пользователь:</div> <a href="javascript://" onclick="prompt('Адрес профиля данного пользователя','$_PROFILE_URL$')"><b>$_USERNAME$</b></a> <?if($MODER_PANEL$)?>[id: <b>$_USER_ID$</b>]<?endif?> <?if($_RANK_NAME$)?><span title="Ранг: $_RANK$">$_RANK_ICON$</span> <?endif?></div>       
<?if($_BANNED_TILL$)?>       
<?if($_BANNED_TILL$="1")?><div id="blockBanned" style="text-align:center;padding:3px;"><b style="color:red;">Активность заблокирована навсегда!</b></div><?else?><div id="blockBanned" style="text-align:center;padding:3px;">Активность заблокирована до $_BANNED_TILL$</div><?endif?>       
<?endif?>       
<div id="block2" class="udtb"><div class="udtlb">Группа:</div>       
<?if($MODER_PANEL$)?>       
$MODER_PANEL$       
<?else?>       
$_GROUP_NAME$ <?if($_GROUP_ICON$)?>$_GROUP_ICON$<?endif?>       
<?endif?>       
</div>       
<?if($AWARDS_READ_URL$)?>       
<div id="block25" class="udtb"><div class="udtlb">Награды:</div> <a href="$AWARDS_READ_URL$" title="Список наград"><b>$AWARDS$</b></a> <?if($AWARDS_DO_URL$)?><span style="font-size:7pt">[<a href="$AWARDS_DO_URL$">Вручить награду</a>]</span><?endif?></div>       
<?endif?>       
<?if($_BAN_READ_URL$)?>       
<div id="block3" class="udtb"><div class="udtlb">Замечания:</div> <a class="banPercent" title="Смотреть историю замечаний" href="$_BAN_READ_URL$">$_BAN_PERCENT$%</a> <?if($_BAN_DO_URL$)?> <a href="$_BAN_DO_URL$"><img style="margin:0;padding:0;border:0;" title="Изменить уровень замечаний" src="http://s28.ucoz.net/img/fr/wm.gif" width="10" height="9" /></a><img style="margin:0;padding:0;border:0;" src="http://s28.ucoz.net/img/fr/w$_BAN_RATING$.gif" width="49" height="9" /><a href="$_BAN_DO_URL$"><img style="margin:0;padding:0;border:0;" title="Изменить уровень замечаний" src="http://s28.ucoz.net/img/fr/wp.gif" width="10" height="9" /></a><?endif?></div>       
<?endif?>       
<?if($_REP_READ_URL$)?>       
<div id="block4" class="udtb"><div class="udtlb">Репутация:</div> <a title="Смотреть историю репутации" class="repHistory" href="$_REP_READ_URL$"><b>$_REPUTATION$</b></a><?if($_REP_DO_URL$)?> <span style="font-size:7pt">[<a href="$_REP_DO_URL$">Изменить репутацию</a>]</span><?endif?></div>       
<?endif?>       
<?if($_NAME$)?>       
<div id="block5" class="udtb"><div class="udtlb">Имя:</div> $_NAME$ <?if($_GENDER_NAME$)?>[ $_GENDER_NAME$ ]<?endif?></div>       
<?endif?>       
<?if($_STATUS$)?>       
<div id="block6" class="udtb"><div class="udtlb">Статус:</div> $_STATUS$</div>       
<?endif?>       
<?if($MODER_PANEL$)?>       
<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>       
<?endif?>       
<?if($_REG_TIME$)?>       
<div id="block8" class="udtb"><div class="udtlb">Дата регистрации:</div> $_REG_TIME$</div>       
<?endif?>       
<?if($_LOG_TIME$)?>       
<div id="block9" class="udtb"><div class="udtlb">Дата входа:</div> $_LOG_TIME$</div>       
<?endif?>       
<?if($_BIRTHDAY$)?>       
<div id="block10" class="udtb"><div class="udtlb">Дата рождения:</div>$_BIRTHDAY$ [ <b>$_AGE$</b> $_ZODIAC$ ]</div>       
<?endif?>       
<?if($_COUNTRY$)?>       
<div id="block18" class="udtb"><div class="udtlb">Страна:</div> $_COUNTRY$</div>       
<?endif?>       
<?if($_STATE$)?>       
<div id="block19" class="udtb"><div class="udtlb">Штат:</div> $_STATE$</div>       
<?endif?>       
<?if($_CITY$)?>       
<div id="block20" class="udtb"><div class="udtlb">Город:</div> $_CITY$</div>       
<?endif?>       

</td>       

<div style="position:relative;float:right;text-align:center;">       
<td class="bBlok" style="text-align:center;;">       

<?if($_AVATAR$)?>$_AVATAR$<?else?><img title="$USERNAME$" border="0" src="/HADO/aBa.png"><?endif?>       

<?if($_CHANGE_DETAILS_URL$)?> <a href="$_CHANGE_DETAILS_URL$">Изменить данные</a> <?endif?>       
<?if($_PM_READ_URL$)?><div style="padding-top:4px;" id="userPMread"> <a href="$_PM_READ_URL$">Читать ЛС (<b>$UNREAD_PM$</b>)</a> </div><?endif?>       
<?if($_PM_SEND_URL$)?><div style="padding-top:4px;" id="userPMread"> <a href="$_PM_SEND_URL$" title="Отправить личное сообщение">Отправить ЛС</a> </div><?endif?>       
</div>       

</td></tr>       
</table>       

<!-- /Razdel 1 -->       

<p></p>       

<!-- Razdel 2 -->       
<TABLE style="border: 1px solid #;" border="0" cellpadding="5" cellspacing="0" width="100%"><TBODY><TR><TD style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">       
<table border="0" width="100%" cellspacing="2" cellpadding="3">       

<tr>       
<td style="border:1px solid #252525;" width="100%" background=/img/9.gif><CENTER><B><FONT color=#333333>Связь с пользователем:</FONT></B></CENTER></td>       
</tr>       
<tr>       
<td class="bBlok1">       
<div id="block22" class="udtb" style="text-align: center;">       

<div id="block11" class="udtb"><div class="udtlb">E-mail:</div>       
<?if($_IS_OWN_PROFILE$)?>       
$_EMAIL$ <?if($_EMAIL_IS_HIDDEN$)?><span style="font-size:7pt">(Адрес скрыт)</span><?endif?>       
<?else?>       
<?if($MODER_PANEL$)?><a href="mailto:$_EMAIL$">$_EMAIL$</a><?if(!$_EMAIL_IS_VERIFIED$)?> <span style="color:red;" title="Not verified e-mail">*</span><?endif?>       
<?else?>       
<?if($_SEND_EMAIL_URL$)?><a href="$_SEND_EMAIL_URL$">Написать письмо пользователю</a>       
<?else?><i>Адрес скрыт</i>       
<?endif?>       
<?endif?>       
<?endif?>       
<?if($_EMAIL_VERIFICATION_URL$)?>[ <b><a href="$_EMAIL_VERIFICATION_URL$"><span style="color:red">Подтвердить e-mail</span></a></b> ]<?endif?></div>       
<?if($_WWW$)?>       
<div id="block12" class="udtb"><div class="udtlb">Сайт:</div> <a href="$_WWW$" target=_blank>$_WWW$</a></div>       
<?endif?>       
<?if($_ICQ$)?>       
<div id="block13" class="udtb"><div class="udtlb">ICQ:</div> $_ICQ$</div>       
<?endif?>       
<?if($_AOL$)?>       
<div id="block14" class="udtb"><div class="udtlb">ВКонтакте:</div> <a href="$_AOL$" target=_blank>$_AOL$</a></div>       
<?endif?>       
<?if($_MSN$)?>       
<div id="block15" class="udtb"><div class="udtlb">MSN:</div> $_MSN$</div>       
<?endif?>       
<?if($_YAHOO$)?>       
<div id="block16" class="udtb"><div class="udtlb">Skype:</div> $_YAHOO$</div>       
<?endif?>       

</div>       
</div></td></tr>       
</tbody></table>       
</tbody></table>       
<!-- /Razdel 2 -->       

<p></p>       

<!-- Razdel 3 -->       
<TABLE style="border: 1px solid #;" border="0" cellpadding="5" cellspacing="0" width="100%"><TBODY><TR><TD style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">       
<table border="0" width="100%" cellspacing="2" cellpadding="3">       
<tr>       
<td style="border:1px solid #252525;" width="100%" background=/img/9.gif><center><b><font color="#333333">Подпись:</font></b></center></td>       
</tr>       
<tr align="center">       
<td class="bBlok1">       
<div id="block22" class="udtb" style="text-align: center;">       

<?if($_SIGNATURE$)?>       
$_SIGNATURE$       
<?endif?>       

</div>       
</div></td></tr>       
</tbody></table></td></tr>       
</tbody></table>       
<!-- /Razdel 3 -->       

<p></p>       

<!-- Razdel 4 -->       
<TABLE style="border: 1px solid #;" border="0" cellpadding="5" cellspacing="0" width="100%"><TBODY><TR><TD style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">       
<table border="0" width="100%" cellspacing="2" cellpadding="3">       
<tr>       
<td style="border:1px solid #252525;" width="100%" background=/img/9.gif><center><b><font color="#333333">Активность:</font></b></center></td>       
</tr>       
<tr align="center">       
<td class="bBlok1">       
<div id="block22" class="udtb" style="text-align: center;">       

<?if($_IS_ACTIVITY$)?>       
<?if($_COM_ENTRIES$)?><a href="$_COM_ACTIVITY_URL$" target="_blank">Комментарии (<b>$_COM_ENTRIES$</b>)</a><?endif?>       
<?if($_FORUM_ENTRIES$)?> | <a href="$_FORUM_ACTIVITY_URL$" target="_blank">Форум (<b>$_FORUM_ENTRIES$</b>)</a><?endif?>       
<?if($_BLOG_ENTRIES$)?> | <a href="$_BLOG_ACTIVITY_URL$" target="_blank">Блог (<b>$_BLOG_ENTRIES$</b>)</a><?endif?>       
<?if($_NEWS_ENTRIES$)?> | <a href="$_NEWS_ACTIVITY_URL$" target="_blank">Новости (<b>$_NEWS_ENTRIES$</b>)</a><?endif?>       
<?if($_PUBL_ENTRIES$)?> | <a href="$_PUBL_ACTIVITY_URL$" target="_blank">статьи (<b>$_PUBL_ENTRIES$</b>)</a><?endif?>       
<?if($_LOAD_ENTRIES$)?> | <a href="$_LOAD_ACTIVITY_URL$" target="_blank">Файлы (<b>$_LOAD_ENTRIES$</b>)</a><?endif?>       
<?if($_DIR_ENTRIES$)?> | <a href="$_DIR_ACTIVITY_URL$" target="_blank">Сайты (<b>$_DIR_ENTRIES$</b>)</a><?endif?>       
<?if($_BOARD_ENTRIES$)?> | <a href="$_BOARD_ACTIVITY_URL$" target="_blank">Объявления (<b>$_BOARD_ENTRIES$</b>)</a><?endif?>       
<?if($_PHOTO_ENTRIES$)?> | <a href="$_PHOTO_ACTIVITY_URL$" target="_blank">Фото (<b>$_PHOTO_ENTRIES$</b>)</a><?endif?> </div>       
<?endif?>       

</div>       
</div></td></tr>       
</tbody></table></td></tr>       
</tbody></table>       
<!-- /Razdel 4 -->       

<p></p>       

<!-- Razdel 4 -->       
<TABLE style="border: 1px solid #;" border="0" cellpadding="5" cellspacing="0" width="100%"><TBODY><TR><TD style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">       
<table border="0" width="100%" cellspacing="2" cellpadding="3">       
<tr>       
<td style="border:1px solid #252525;" width="100%" background=/img/9.gif><center><b><font color="#333333">Поиск:</font></b></center></td>       
</tr>       
<tr align="center">       
<td class="bBlok1">       
<div id="block22" class="udtb" style="text-align: center;">       

<?if($USERS_LIST_URL$)?>       
<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="button" class="allUsersBtn" style="width:150px;" onclick="window.location.href='/index/15-1'" value="Список пользователей" /> <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="Найти пользователей" /></td></tr></table><input type="hidden" name="a" value="15" /></form>       
<?endif?>       

</div>       
</div></td></tr>       
</tbody></table></td></tr>       
</tbody></table>       
<!-- /Razdel 4 -->       

</td></tr></table>       
</td>       

</tr>       
</table>       

$GLOBAL_HUZ$       

</body>       

</html>       

<script>       
//Hint Start       
// CLASS : MW_System_Load       
// Init       
function MW_System_Load(){       
this.wib = screen.width;       
this.heb = screen.height;       
this.documes = (document.getElementById || document.createElement || document.getElementsByTagName) ? true : false;       
this.objects = window.addEventListener || window.attachEvent ? window : document.addEventListener ? document : null;       
this.types = 'load';       
}       
MW_System_Load.prototype.addsevent = function(func){       
if(this.objects.addEventListener){       
this.objects.addEventListener(this.types,func,false);       
return true;       
} else if (this.objects.attachEvent){       
this.objects.attachEvent("on" + this.types,func);       
} else {       
return false;       
}       
}       
MW_System_Load.prototype.browser = function(){       
this.ver = navigator.appVersion;       
this.agent = navigator.userAgent.toLowerCase();       
this.dom = document.getElementById ? 1:0;       
this.all = document.all ? 1:0;       
this.ie5 = (this.ver.indexOf("MSIE 5")>-1 && this.dom) ? 1:0;       
this.ie6 = (this.ver.indexOf("MSIE 6")>-1 && this.dom) ? 1:0;       
this.ie4 = (document.all && !this.dom) ? 1:0;       
this.ie = this.ie4 || this.ie5 || this.ie6;       
this.opera = this.agent.indexOf("opera")>-1;       
this.gecko = (this.agent.indexOf("gecko")!=-1) ? 1:0;       
this.bw = (this.ie || this.opera || this.gecko);       
return this;       
}       
MW_System_Load.prototype.findobj = function(obj){       
this.parent = window.document;       
if(this.parent[obj]){ return this.parent[obj]; }       
if(this.parent.all && this.parent.all[obj]){ return this.parent.all[obj]; }       
if(this.parent.layers && this.parent.layers[obj]){ return this.parent.layers[obj]; }       
if(this.parent.getElementById && this.parent.getElementById(obj)){ return this.parent.getElementById(obj); }       
return null;       
}       
var MW = new MW_System_Load();       
function MW_System_Hint(){}       
MW_System_Hint.prototype.show = function(obj,str){       
var hint = MW.findobj('hint');       
if(!obj){ return; }       
if(!MW.documes){ return; }       
if(!hint){ return; }       
hint.className = 'hint';       
hint.style.left = 15;       
hint.style.top = 50;       

obj.onmouseout = function(advance){       
hint.style.width = '';       
hint.style.visibility = 'hidden';       
if(hint.firstChild) hint.removeChild(hint.firstChild);       
hint.appendChild(document.createTextNode(str));       
};       
obj.onmousemove = function(advance){       
//str = str.replace(/</g,"<");       
//str = str.replace(/>/g,">");       
hint.style.width = '';       
hint.innerHTML = str;       
vc = document.getElementsByTagName((document.compatMode && document.compatMode=="CSS1Compat") ? "HTML":"BODY")[0];       
x = window.event ? event.clientX + vc.scrollLeft : advance.pageX;       
y = window.event ? event.clientY + vc.scrollTop : advance.pageY;       
vcwidth = vc.clientWidth ? vc.clientWidth + vc.scrollLeft : window.innerWidth + window.pageXOffset;       
vcheight = vc.innerHeight ? window.innerHeight + window.pageYOffset : vc.clientHeight + vc.scrollTop;       
if(hint.offsetWidth>500){ hint.style.width = '200'; }       
if((x + hint.offsetWidth + 15) > vcwidth){       
hint.style.left = x - hint.offsetWidth - 4;       
} else {       
hint.style.left = x + 15;       
}       
if((y + hint.offsetHeight + 19) > vcheight){       
hint.style.top = y - hint.offsetHeight;       
} else {       
hint.style.top = y + 25;       
}       
//if(typeof(hint.style.MozOpacity)!="undefined"){       
hint.style.opacity = '.91';       
hint.style.filter = "alpha(opacity:91)";       
//}       
hint.style.visibility = 'visible';       
};       
}       
MW_System_Hint.prototype.initialize = function(){       
var hint = document.createElement("DIV");       
hint.setAttribute('id','hint');       
document.getElementsByTagName('body')[0].appendChild(hint);       
hint.style.visibility = 'hidden';       
var hintmarker = ['a','img','img','input','span','div','textarea'];       
var textmarker = ['title','alt','title','title','title','title','title'];       
var lenmarker = hintmarker.length;       
for(var i=0; i<lenmarker; i++) {       
atr = document.getElementsByTagName(hintmarker[i]);       
for(var j=0; j<atr.length; j++)       
if(viewhint=atr[j].getAttribute(textmarker[i])){       
atr[j].removeAttribute(textmarker[i]);       
HINT.show(atr[j],viewhint);       
}       
}       
}       
var HINT = new MW_System_Hint();       
if(MW.objects){ MW.addsevent(HINT.initialize); }       
//Hint End       
</script><script type="text/javascript">       
//<![CDATA[       
function getBrowserInfo() {       
var t,v = undefined;       
if (window.opera) t = 'Opera';       
else if (document.all) {       
t = 'IE';       
var nv = navigator.appVersion;       
var s = nv.indexOf('MSIE')+5;       
v = nv.substring(s,s+1);       
}       
else if (navigator.appName) t = 'Netscape';       
return {type:t,version:v};       
}       

function bookmark(a){       
var url = window.document.location;       
var title = window.document.title;       
var b = getBrowserInfo();       
if (b.type == 'IE' && 7 > b.version && b.version >= 4) window.external.AddFavorite(url,title);       
else if (b.type == 'Opera') {       
a.href = url;       
a.rel = "sidebar";       
a.title = url+','+title;       
return true;       
}       
else if (b.type == "Netscape") window.sidebar.addPanel(title,url,"");       
else alert("Нажмите CTRL-D, чтобы добавить страницу в закладки.");       
return false;       
}       
//]]>       
</script>
Прикрепления: 9423750.jpg (60.7 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Персональная страница пользователя (Темный дизайн)
  • Страница 1 из 1
  • 1
Поиск: