Игровой профиль пользователя для uCoz
По просьбе одного из пользователей данного сайта я выдернул Персональную страницу пользователя с одного игрового сайта. Сама страница да находилась на игровом сайте но её можно установить на любой сайт любой тематики, так как данную страницу подчёркивает только фон и сменив его или вообще убрать и страница получается универсальная . Установка очень проста я сделал всё на одной страницы и стили и сами коды что предаст вам удобства при установки и не требует вмешательства в ваши родные стили сайта. Установка Игровой профиль пользователя для uCoz И так в первую очередь вам нужно просто скачать архив с данного сайта и залить паочку design в которой всего 2 картинки в корень вашего сайта . И теперь просто пройдите в дизайн странице "Персональная страница пользователя" И всё что вы там увидите удалите к едрени фене И вставьте мой супер пупер код Код <html> <head> <title>Информация о пользователе</title> <link type="text/css" rel="StyleSheet" href="/_st/my.css"> <div id="wraps"> </head> <body class="body1"> <header id="profheader"> <div id="headtext">Профиль пользователя <b>Дмитрий</b></div> <div id="subprofhnav"> <ul> <li class="right"><a href="$LOGOUT_LINK$">Покинуть сайт</a></li> <li><a href="$_CHANGE_DETAILS_URL$">Изменить данные</a></li> <li class="right"><a href="/">Главная страница</a></li> <li><a href="$_PM_READ_URL$">Читать ЛС ($UNREAD_PM$)</a></li> </ul></div> </header> <!-- <middle> --> <div id="main"> <!-- <body> --> <div class="ProfInfor"> <div class="profsidebar"> <div class="profava"><span class="user_avatar"><?if($_AVATAR$)?>$_AVATAR$<?endif?></span></div> </div> <div class="profcont"><ul> <li>Пользователь: <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?></li> <li>Группа: <?if($MODER_PANEL$)?>$MODER_PANEL$<?else?>$_GROUP_NAME$ <?if($_GROUP_ICON$)?>$_GROUP_ICON$<?endif?><?endif?></li><br> <li>Репутация: <?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?></li> <li>Награды: <?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?> </li> <li>Замечания: <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://s16.ucoz.net/img/fr/wm.gif" width="10" height="9" /></a><img alt="" style="margin:0;padding:0;border:0;" src="http://s16.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://s16.ucoz.net/img/fr/wp.gif" width="10" height="9" /></a><?endif?> </li> <li>Имя: $_NAME$ <?if($_GENDER_NAME$)?>[ $_GENDER_NAME$ ]<?endif?></li> <li>Дата регистрации: $_REG_TIME$</li> <li>Дата последнего входа: $_LOG_TIME$</li> <li>Дата рождения: $_BIRTHDAY$ [ <b>$_AGE$</b> $_ZODIAC$ ]</li> <li>E-mail: <?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_HIDDEN$)?><span style="font-size:7pt">(Адрес скрыт)</span><?endif?> <?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?>$_EMAIL$ <?endif?> <?endif?> <?endif?> <?if($_EMAIL_VERIFICATION_URL$)?>[ <b><a href="$_EMAIL_VERIFICATION_URL$"><span style="color:red">Подтвердить e-mail</span></a></b> ]<?endif?> </li> </ul></div> </div></div> <!-- </body> --> <div class="clr"></div> </div> <!-- </middle> --> <div></body></html> <style> .body1 {background:#050505 url(/design/fon3.png) no-repeat center top;} #wraps {width: 1008px;margin: 0 auto 30px auto;padding: 0;overflow: hidden;} #main {width: 960px;margin: 0 0 0 8px;padding: 20px;background:#fff;} /* header Start */ header#profheader {margin:0;padding:0;overflow:hidden;position: relative;height:114px;background: url(/design/profheader.png) no-repeat 0 0;} header#profheader #headtext {height: 60px;line-height: 60px;margin:0;padding: 0 20px;overflow:hidden} header#profheader #headtext {color:#fff;text-shadow:0 1px 0 #000;font-size:13px;font-family:"calibrii";text-transform:uppercase;} #subprofhnav {height: 54px;margin:0 0 0 8px;padding: 0;overflow:hidden} #subprofhnav li {height:54px;padding:0;float:left;border-right:1px solid #303030;} #subprofhnav li.right {border-left:1px solid #070707;border-right:0;} #subprofhnav li.right a {box-shadow:1px 0 0 #303030 inset;} #subprofhnav li a {height:54px;line-height:54px; padding:0 20px 0 19px; display:block;box-shadow:-1px 0 0 #070707 inset;} #subprofhnav li a {color:#fff;font-weight:bold;text-shadow:0 1px 0 #000;font-size:12px;font-family:"calibrii";text-transform:uppercase;} #subprofhnav li a:hover {background:#1a1a1a;} #subprofhnav li a {-webkit-transition:background 0.4s ease 0s;-moz-transition:background 0.4s ease 0s;transition:background 0.4s ease 0s;} /* ProfInfor Start */ .ProfInfor {margin:0; padding:0;overflow:hidden;} .profsidebar {width:170px;margin:0 20px 0 0; padding:0;overflow:hidden;float:left;} .profsidebar .profava {margin:0 0 10px 0;padding:0; text-align:center;} .profcont {margin:0; padding:0;overflow:hidden;} .profcont li {height:39px; line-height:39px;margin:0 0 2px 0;padding:0 15px;border:1px solid #e3e3e3;border-radius:2px; font-size:14px;font-family:"calibrii";} </style> И не забудте сохранить! Вот и всё удачи вам и вашему сайту! |
Поделиться в социальных сетях
Материал разместил
Комментарии: 29 | |
| |
1 2 3 4 5 » | |