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


О страницы: Страница выполнена как сейчас говорят в серых модных тонах, на странице все есть для пользователя не чего лишнего, красиво будит смотреться на бело серых сайтах.

Приступаем к установке:
ПУ » Управление дизайном » Персональная страница пользователя и меняем все его содержимое на этот код:
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">    
   <html xmlns="http://www.w3.org/1999/xhtml">    
   <head>    
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
   <title>Персональная страница пользователя $_USERNAME$</title>    
   <link type="text/css" rel="StyleSheet" href="/_st/my.css" />    
   </head>    
   <body style="font-family:tahoma;font-size:11px;">    
   <table border="0" cellpadding="0" cellspacing="3" style="background:#f1f1f1;" width="100%">    
   <tr><td height="30" style="background:url('/img/menu_bg.png') #fff;color:#444;" align="center"><b>Информация о пользователе $_USERNAME$</b></td></tr>    
   </table>    
   <table border="0" cellpadding="0" cellspacing="3" style="background:#f1f1f1;" width="100%">    
   <tr><td style="border:1px solid #cbcbcb;background:#f1f1f1;padding:5px;" width="78%"><div align="left">    
   <script type="text/javascript">if (window.name.length>2){window.resizeTo(930,420);}</script>    
   <style type="text/css">.udtb {text-align:left;padding:3px;} .udtlb {clear:left;float:left;width:150px;}</style>    
   <div id="block1" class="udtb"><div class="udtlb">Пользователь:</div> <a href="javascript://" rel="nofollow" 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> [ $_RANK_NAME$ ]<?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$ || $_REP_READ_URL$)?>    
   <div id="block25" class="udtb"><div class="udtlb">Поощрения:</div> <?if($AWARDS_READ_URL$)?><a href="$AWARDS_READ_URL$" title="Список наград">Награды (<b>$AWARDS$</b>)</a> <?if($AWARDS_DO_URL$)?>[<a href="$AWARDS_DO_URL$">+</a>]<?endif?><?endif?><?if($_REP_READ_URL$)?><?if($AWARDS_READ_URL$)?>   <?endif?><a title="Смотреть историю репутации" class="repHistory" href="$_REP_READ_URL$">Репутация (<b>$_REPUTATION$</b>)</a><?if($_REP_DO_URL$)?> [<a href="$_REP_DO_URL$">±</a>]<?endif?><?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 alt="" style="margin:0;padding:0;border:0;" title="Изменить уровень замечаний" src="http://s48.ucoz.net/img/fr/wm.gif" width="10" height="9" /></a><img alt="" style="margin:0;padding:0;border:0;" src="http://s48.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://s48.ucoz.net/img/fr/wp.gif" width="10" height="9" /></a><?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?>    
   <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> $_WWW$</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">AOL:</div> $_AOL$</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">Yahoo:</div> $_YAHOO$</div>    
   <?endif?>    
   <?if($_COUNTRY$)?>    
   <div id="block18" class="udtb"><div class="udtlb"><?if($UNET_ID$)?>Место проживания<?else?>Страна<?endif?>:</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?>    
   <?if($_SIGNATURE$)?>    
   <div id="block21" class="udtb"><div class="udtlb">Подпись:</div> $_SIGNATURE$</div>    
   <?endif?>    
   </div></td>    
   <td width="22%" style="border:1px solid #cbcbcb;background:#f1f1f1;">    
   <div style="position:relative;float:center;text-align:center;">    
   <?if($_AVATAR$)?>$_AVATAR$

<?endif?>    
   <?if($UNET_ID$)?><input class="buttonprofile" type="button" onclick="window.open('$UNET_PROFILE_URL$'); return false;" value="uNet профиль"/>
<?endif?>    
   <?if($_CHANGE_DETAILS_URL$)?><input class="buttonprofile" type="button" onclick="document.location.href='$_CHANGE_DETAILS_URL$'; return false;" value="Изменить данные"/>
<?endif?>    
   <?if($_PM_READ_URL$)?><input class="buttonprofile" type="button" onclick="document.location.href='$_PM_READ_URL$'; return false;" value="Читать ЛС ($UNREAD_PM$)"/>
<?endif?>    
   <?if($_PM_SEND_URL$)?><input class="buttonprofile" type="button" onclick="document.location.href='$_PM_SEND_URL$'; return false;" value="Отправить ЛС"/><?endif?>    
   </div>    
   </td>    
   </tr>    
   <tr>    
   <td style="border:1px solid #cbcbcb;background:#f1f1f1;">    
   <?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?>    
   </td>    
   <td style="border:1px solid #cbcbcb;background:#f1f1f1;">    
   <?if($_IS_ACTIVITY$)?><span style="margin-left:20%;color:#8B8881;">    
   <?if($_FORUM_ENTRIES$)?><a href="$_FORUM_ACTIVITY_URL$" target="_blank">форум(<b>$_FORUM_ENTRIES$</b>)</a><?endif?>    
   <?if($_COM_ENTRIES$)?> | <a href="$_COM_ACTIVITY_URL$" target="_blank">комментарии(<b>$_COM_ENTRIES$</b>)</a><?endif?>    
   <?if($_LOAD_ENTRIES$)?> | <a href="$_LOAD_ACTIVITY_URL$" target="_blank">файлы(<b>$_LOAD_ENTRIES$</b>)</a><?endif?>    
   </span><?endif?>    
   </td>    
   </tr>    
   </table>    
   </body>    
   </html>


Этот стиль вставляем в CSS
Код
.buttonprofile {background:#f1f1f1;color:#8B8881;border:1px solid #cbcbcb;line-height:25px;width:100%;color:8B8881;text-align:center;margin-bottom:3px;}
Прикрепления: 4599826.jpg (138.0 Kb)
Страна: (RU)
frecsarg
Пятница, 26 Февраля 2016 | Сообщение 2
Оффлайн
Пользователи
Сообщений:13
Награды: 0
Нормальная страница, если на светлый сайт, она должна чемто отличаться в цвете.
Страна: (RU)
Scheme
Пятница, 26 Февраля 2016 | Сообщение 3
Оффлайн
Пользователи
Сообщений:157
Награды: 1
frecsarg, а что, самая нормальная страница, когда то стояло, не каких проблем с ней не было, можно установить через страницы сайта.
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Серая персональная страница пользователя
  • Страница 1 из 1
  • 1
Поиск: