Профиль пользователя в синих тонах


 Профиль для 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>


Готово.


ИсточникКатегория: Ucoz-профиль | Добавил: AID | Дата: 10.04.2012

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


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


Ссылка:
BB-code:
HTML:
3 | [Steen] пишет: | 26.04.2012 | 19:48 Страница с комментарием |
не как на скрине...кривоватый happy
+ (0) -