Профиль для uCoz - Профиль пользователя в синих тонах
Красивый и оригинальный персональной страницы пользователя в синих тонах. Главное подойти к своему делу с фантазией. думаю у меня это получилось. очень красиво получилось. Жду ваших мнений и пожеланий.
Установка:
Управление дизайном сайта - Персональная страница пользователя - заменить всё, что есть у вас на этот код:
Установка:
Управление дизайном сайта - Персональная страница пользователя - заменить всё, что есть у вас на этот код:
Code
<html>
<head>
<title>Информация о пользователе</title>
<link type="text/css" rel="StyleSheet" href="/.s/src/css/971.css">
</head>
<body style="background-image:url(http://y4yjs.ucoz.ru/backgroundPm.png); margin:0;padding:0;">
<table align="center" width="950px" style="margin-top:50px;border-collapse:collapse;background-color:#FFFFFF;">
<tr>
<td style="padding:10px;"></td>
</tr>
<tr>
<td valign="top" style="padding:20px;font-size:24px;color:#cccccc;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#f2f2f2;">
<b>Профиль
<script type="text/javascript" src="http://uwnd.ru/uploads/FnameuWnd.js"></script>
<script>
var usname = new RussianName('$_NAME$');
document.writeln(usname.fullName(usname.gcaseRod));
</script></b>
<td>
</tr>
<tr><td valign="top" style="padding:20px;">
<table valign="top" align="center" width="900px" style="BORDER-COLLAPSE:collapse;">
<tbody>
<tr>
<td rowspan="8" style="border:1px solid #48596a;padding:4px;background-color:#617890;" align="center" width="184px">
<?if!($_AVATAR$)?>
<img width="180px" src="http://deejaay.ru/watermark/MyAva/back4.png" border="0" style="border:1px solid #48596a;">
<?else?>
<img width="180px" src="<?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?>" border="0" style="border:1px solid #48596a;">
<?endif?>
</td>
<td class="oneShoTmy" style="width:150px;">Имя:</td>
<td class="oneShoTmy3"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_NAME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Файлы:</td>
<td class="oneShoTmy5">$_LOAD_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy1" style="width:150px;">Ник:</td>
<td class="oneShoTmy2"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_USERNAME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Сайты:</td>
<td class="oneShoTmy5">$_DIR_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy" style="width:150px;">Пол:</td>
<td class="oneShoTmy3"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_GENDER_NAME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Блог:</td>
<td class="oneShoTmy5">$_BLOG_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy1">Возраст:</td>
<td class="oneShoTmy2"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_AGE$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Новости:</td>
<td class="oneShoTmy5">$_NEWS_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy" style="width:150px;">Группа:</td>
<td class="oneShoTmy3"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_GROUP_NAME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Статьи:</td>
<td class="oneShoTmy5">$_PUBL_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy1">Ранг:</td>
<td class="oneShoTmy2"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;"><div width="5px" style="froat:left;display:inline-block;border-radius:2px;background-color:#f2f2f2;color:#404040;margin-right:3px;padding:0px 2px 0px 2px;"><b>$_RANK$</b></div>$_RANK_NAME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Фото:</td>
<td class="oneShoTmy5">$_PHOTO_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy" style="width:150px;">Место жительства:</td>
<td class="oneShoTmy3"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;"><?if(len($_COUNTRY$)>50)?><?substr($_COUNTRY$,0,50)?>...<?else?>$_COUNTRY$<?endif?></div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Форум:</td>
<td class="oneShoTmy5">$_FORUM_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy1" style="width:150px;">Дата регистрации:</td>
<td class="oneShoTmy2"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_REG_TIME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Комментариев:</td>
<td class="oneShoTmy5">$_COM_ENTRIES$</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top" style="padding:20px;padding-top:0px;">
<table style="BORDER-COLLAPSE:collapse;width:100%;">
<tbody>
<tr>
<td width="475px" style="border:1px solid #48596A;background-color:#718CA7;padding:5px;color:#FFFFFF;background-image: url('http://y4yjs.ucoz.ru/backgroundOneShot.png');background-repeat: repeat-x;"><b>Немного о себе: </b></td>
<td rowspan="5" width="200px" align="center" style="padding-left:10px;padding-right:22px;" valign="top"><?if!($_IS_OWN_PROFILE$)?><a href="$_REP_DO_URL$" style="text-decoration:none;"><?endif?><div width="200px" style="margin-top:-1px;display:block-inline;border:1px solid #48596A;background-color:#718CA7;padding:5px;color:#FFFFFF;background-image: url('http://y4yjs.ucoz.ru/backgroundOneShot.png');background-repeat: repeat-x;">Ваш рейтинг</div><?if!($_IS_OWN_PROFILE$)?></a><?endif?><div style="font-size:34px;color:#404040;">$_REPUTATION$</div></td>
<td class="menu_proff"><img src="http://static.iconsearch.ru/uploads/icons/ellegant/64x64/25.png" width="16px" border="0"></td><td class="menu_proff1"><a href="/index/8-$_USER_ID$" class="menu_link_prof" style="text-decoration:none;">Мой профиль</a></td>
</tr>
<tr>
<td rowspan="4" valign="top" style="border:0;border-bottom:1px dotted #48596A;padding:5px;"><font color="#cccccc"><?if($_SIGNATURE$)?>$_SIGNATURE$<?else?>Пользователь не заполнил информацию о себе<?endif?></font></td>
<td class="menu_proff"><img src="http://static.iconsearch.ru/uploads/icons/ellegant/64x64/10.png" width="16px" border="0"></td><td class="menu_proff1"><?if($_IS_OWN_PROFILE$)?><a href="/index/14" class="menu_link_prof" style="text-decoration:none;">Мои сообщения <?if($UNREAD_PM$>0)?><font color="#ce2d2d">($UNREAD_PM$)</font><?endif?> </a><?else?><a href="$_PM_SEND_URL$" class="menu_link_prof" style="text-decoration:none;">Отправить сообщение</a><?endif?></td>
</tr>
<tr>
<td class="menu_proff"><img src="http://static.iconsearch.ru/uploads/icons/ellegant/64x64/24.png" width="16px" border="0"></td><td class="menu_proff1"><a href="/index/11" class="menu_link_prof" style="text-decoration:none;">Мои настройки</a></td>
</tr>
<tr>
<td class="menu_proff"><img src="http://static.iconsearch.ru/uploads/icons/ellegant/64x64/22.png" width="16px" border="0"></td><td class="menu_proff1"><a href="$_BAN_READ_URL$" class="menu_link_prof" style="text-decoration:none;">Мои замечания</a></td>
</tr>
<tr>
<td class="menu_proff"><img src="http://static.iconsearch.ru/uploads/icons/ellegant/64x64/3.png" width="16px" border="0"></td><td class="menu_proff1"><a href="/index/10" class="menu_link_prof" style="text-decoration:none;">Выйти</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<style type="text/css">
.menu_link_prof{color:#404040;}
.menu_link_prof:hover{color:#48596A;}
.menu_proff{
text-align:center;
width:20px;
padding:0px;
background-color:#f9f9f9;
border:1px solid #d2d2d2;
}
.menu_proff1{
width:165px;
padding:5px;
background-color:#f2f2f2;
border:1px solid #d2d2d2;
}
.oneShoTmy{
padding:5px;
border:1px solid #48596a;
border-right:0 none;
background-color:#718ca7;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#FFFFFF;
font-weight: bold;
}
.oneShotmy1{
width:150px;
padding:5px;
border:1px solid #48596a;
border-right:0 none;
background-color:#576b7f;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#FFFFFF;
font-weight: bold;
}
.oneShotmy2{
width:320px;
padding:5px;
border:1px solid #48596a;
border-left:0 none;
background-color:#576b7f;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#FFFFFF;
}
.oneShoTmy3{
width:200px;
padding:5px;
border:1px solid #48596a;
border-left:0 none;
background-color:#718ca7;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#FFFFFF;
}
.oneShoTmy4{
width:150px;
padding:5px;
border:1px solid #48596a;
background-color:#576b7f;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#FFFFFF;
}
.oneShoTmy5{
text-align:center;
width:20px;
padding:5px;
border:1px solid #48596a;
background-color:#f2f2f2;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#404040;
}
</style>
</body>
</html>
<head>
<title>Информация о пользователе</title>
<link type="text/css" rel="StyleSheet" href="/.s/src/css/971.css">
</head>
<body style="background-image:url(http://y4yjs.ucoz.ru/backgroundPm.png); margin:0;padding:0;">
<table align="center" width="950px" style="margin-top:50px;border-collapse:collapse;background-color:#FFFFFF;">
<tr>
<td style="padding:10px;"></td>
</tr>
<tr>
<td valign="top" style="padding:20px;font-size:24px;color:#cccccc;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#f2f2f2;">
<b>Профиль
<script type="text/javascript" src="http://uwnd.ru/uploads/FnameuWnd.js"></script>
<script>
var usname = new RussianName('$_NAME$');
document.writeln(usname.fullName(usname.gcaseRod));
</script></b>
<td>
</tr>
<tr><td valign="top" style="padding:20px;">
<table valign="top" align="center" width="900px" style="BORDER-COLLAPSE:collapse;">
<tbody>
<tr>
<td rowspan="8" style="border:1px solid #48596a;padding:4px;background-color:#617890;" align="center" width="184px">
<?if!($_AVATAR$)?>
<img width="180px" src="http://deejaay.ru/watermark/MyAva/back4.png" border="0" style="border:1px solid #48596a;">
<?else?>
<img width="180px" src="<?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?>" border="0" style="border:1px solid #48596a;">
<?endif?>
</td>
<td class="oneShoTmy" style="width:150px;">Имя:</td>
<td class="oneShoTmy3"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_NAME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Файлы:</td>
<td class="oneShoTmy5">$_LOAD_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy1" style="width:150px;">Ник:</td>
<td class="oneShoTmy2"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_USERNAME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Сайты:</td>
<td class="oneShoTmy5">$_DIR_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy" style="width:150px;">Пол:</td>
<td class="oneShoTmy3"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_GENDER_NAME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Блог:</td>
<td class="oneShoTmy5">$_BLOG_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy1">Возраст:</td>
<td class="oneShoTmy2"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_AGE$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Новости:</td>
<td class="oneShoTmy5">$_NEWS_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy" style="width:150px;">Группа:</td>
<td class="oneShoTmy3"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_GROUP_NAME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Статьи:</td>
<td class="oneShoTmy5">$_PUBL_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy1">Ранг:</td>
<td class="oneShoTmy2"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;"><div width="5px" style="froat:left;display:inline-block;border-radius:2px;background-color:#f2f2f2;color:#404040;margin-right:3px;padding:0px 2px 0px 2px;"><b>$_RANK$</b></div>$_RANK_NAME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Фото:</td>
<td class="oneShoTmy5">$_PHOTO_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy" style="width:150px;">Место жительства:</td>
<td class="oneShoTmy3"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;"><?if(len($_COUNTRY$)>50)?><?substr($_COUNTRY$,0,50)?>...<?else?>$_COUNTRY$<?endif?></div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Форум:</td>
<td class="oneShoTmy5">$_FORUM_ENTRIES$</td>
</tr>
<tr>
<td class="oneShoTmy1" style="width:150px;">Дата регистрации:</td>
<td class="oneShoTmy2"><div style="border-left:1px dotted #d2d2d2;padding-left:5px;">$_REG_TIME$</div></td>
<td style="vertical-align:top"></td>
<td class="oneShoTmy4">Комментариев:</td>
<td class="oneShoTmy5">$_COM_ENTRIES$</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top" style="padding:20px;padding-top:0px;">
<table style="BORDER-COLLAPSE:collapse;width:100%;">
<tbody>
<tr>
<td width="475px" style="border:1px solid #48596A;background-color:#718CA7;padding:5px;color:#FFFFFF;background-image: url('http://y4yjs.ucoz.ru/backgroundOneShot.png');background-repeat: repeat-x;"><b>Немного о себе: </b></td>
<td rowspan="5" width="200px" align="center" style="padding-left:10px;padding-right:22px;" valign="top"><?if!($_IS_OWN_PROFILE$)?><a href="$_REP_DO_URL$" style="text-decoration:none;"><?endif?><div width="200px" style="margin-top:-1px;display:block-inline;border:1px solid #48596A;background-color:#718CA7;padding:5px;color:#FFFFFF;background-image: url('http://y4yjs.ucoz.ru/backgroundOneShot.png');background-repeat: repeat-x;">Ваш рейтинг</div><?if!($_IS_OWN_PROFILE$)?></a><?endif?><div style="font-size:34px;color:#404040;">$_REPUTATION$</div></td>
<td class="menu_proff"><img src="http://static.iconsearch.ru/uploads/icons/ellegant/64x64/25.png" width="16px" border="0"></td><td class="menu_proff1"><a href="/index/8-$_USER_ID$" class="menu_link_prof" style="text-decoration:none;">Мой профиль</a></td>
</tr>
<tr>
<td rowspan="4" valign="top" style="border:0;border-bottom:1px dotted #48596A;padding:5px;"><font color="#cccccc"><?if($_SIGNATURE$)?>$_SIGNATURE$<?else?>Пользователь не заполнил информацию о себе<?endif?></font></td>
<td class="menu_proff"><img src="http://static.iconsearch.ru/uploads/icons/ellegant/64x64/10.png" width="16px" border="0"></td><td class="menu_proff1"><?if($_IS_OWN_PROFILE$)?><a href="/index/14" class="menu_link_prof" style="text-decoration:none;">Мои сообщения <?if($UNREAD_PM$>0)?><font color="#ce2d2d">($UNREAD_PM$)</font><?endif?> </a><?else?><a href="$_PM_SEND_URL$" class="menu_link_prof" style="text-decoration:none;">Отправить сообщение</a><?endif?></td>
</tr>
<tr>
<td class="menu_proff"><img src="http://static.iconsearch.ru/uploads/icons/ellegant/64x64/24.png" width="16px" border="0"></td><td class="menu_proff1"><a href="/index/11" class="menu_link_prof" style="text-decoration:none;">Мои настройки</a></td>
</tr>
<tr>
<td class="menu_proff"><img src="http://static.iconsearch.ru/uploads/icons/ellegant/64x64/22.png" width="16px" border="0"></td><td class="menu_proff1"><a href="$_BAN_READ_URL$" class="menu_link_prof" style="text-decoration:none;">Мои замечания</a></td>
</tr>
<tr>
<td class="menu_proff"><img src="http://static.iconsearch.ru/uploads/icons/ellegant/64x64/3.png" width="16px" border="0"></td><td class="menu_proff1"><a href="/index/10" class="menu_link_prof" style="text-decoration:none;">Выйти</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<style type="text/css">
.menu_link_prof{color:#404040;}
.menu_link_prof:hover{color:#48596A;}
.menu_proff{
text-align:center;
width:20px;
padding:0px;
background-color:#f9f9f9;
border:1px solid #d2d2d2;
}
.menu_proff1{
width:165px;
padding:5px;
background-color:#f2f2f2;
border:1px solid #d2d2d2;
}
.oneShoTmy{
padding:5px;
border:1px solid #48596a;
border-right:0 none;
background-color:#718ca7;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#FFFFFF;
font-weight: bold;
}
.oneShotmy1{
width:150px;
padding:5px;
border:1px solid #48596a;
border-right:0 none;
background-color:#576b7f;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#FFFFFF;
font-weight: bold;
}
.oneShotmy2{
width:320px;
padding:5px;
border:1px solid #48596a;
border-left:0 none;
background-color:#576b7f;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#FFFFFF;
}
.oneShoTmy3{
width:200px;
padding:5px;
border:1px solid #48596a;
border-left:0 none;
background-color:#718ca7;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#FFFFFF;
}
.oneShoTmy4{
width:150px;
padding:5px;
border:1px solid #48596a;
background-color:#576b7f;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#FFFFFF;
}
.oneShoTmy5{
text-align:center;
width:20px;
padding:5px;
border:1px solid #48596a;
background-color:#f2f2f2;
background-image:url(http://y4yjs.ucoz.ru/backgroundOneShot.png);
background-repeat:repeat-x;
color:#404040;
}
</style>
</body>
</html>
Готово.
Другие новости |
Поделиться ссылкой
|
3 |
[Steen] пишет: | 26.04.2012 | 19:48
Страница с комментарием |
не как на скрине...кривоватый
(0)
|