И так всем снова привет! Как я и обещал что буду выкладывать новые коды и скрипты для вашего сайта так и выкладываю. Сейчас я вам предоставлю возможность изменить свою Персональную страницу пользователей, страница сделана в простом плоском варианте, без всяких наворотов но зато просто и удобно.
Для переноса этой страницы пользователя на свой сайт вам нужно скопировать стили ниже и вставить их в стили вашего сайта.
Код /* User */ .center {background: #fff;} .personal {width:800px; margin:0 auto;} .user {margin:0 15px 0 13px; overflow:hidden;} .user .title { background: #282828; width:740px; height:57px; padding-left:32px; font:bold 13px/57px Tahoma; text-transform:uppercase; color:#c8c8c8;} .user .title img {vertical-align:-3px; margin-right:20px;} .user .title .links {font:normal 10px Tahoma; text-transform:none;} .user .title .links a {margin-left:15px; color:#c8c8c8;} .user .title .links a:hover {color:#da6d6d;}
.user .left {width:167px;} .user .left .inbox {background: #E9E9E9; overflow:hidden;} .user .left .inbox .avatar {width:108px; margin:22px auto 0 auto;} .user .left .inbox .avatar img {width:108px;} .user .left .inbox .group {margin:7px 0 2px 0; text-align:center;} .user .left .inbox ul {line-height:20px; padding:0 20px; overflow:hidden;} .user .left .inbox ul li {overflow:hidden;} .user .left .inbox ul li span.left {width:auto;} .user .left .inbox ul li span.right {width:auto;} .user .center { border-right: solid 1px #E9E9E9; width:395px; float:left;} .user .center ul {line-height:30px; margin-top:3px;} .user .center ul li {border-bottom: solid 1px #E9E9E9; width:100%; padding-bottom:7px; overflow:hidden;list-style:none;} .user .center ul li span.one {width:60%; font-size:10px; float:left;} .user .center ul li span.two {float:left;}
.user .right {width:200px;} .user .right img {margin-top:6px;} .user .right ul li {background: #E9E9E9; line-height:38px; padding:0 20px; overflow:hidden;} .user .right ul li:hover {background: #da6d6d;} .user .right ul li:hover a, .user .right ul li:hover {color:#fff; text-decoration:none;} .user .right ul li span.left {width:auto;} .user .right ul li span.right {width:auto; margin:0;} .user .right ul li a {display:block;}
.user .signature { background: #E9E9E9; margin-left:2px; padding:19px 22px 6px 22px;} .user form.search {margin:4px 0;} .user form.search input {margin:0 2px;} .left {float:left!important;} .right {float:right!important;} .overflow {overflow:hidden!important;} .display {display:block!important;} .none {display:none!important;} .background {background:none!important;} .border {border:0 none!important;} .clear {clear:both!important;} .margin {margin:0!important;} .padding {padding:0!important;} /* /User */
Далее проходим в персональную страницу пользователя и вставляем код который приведён ниже между тегом body сюда код /body
Код <div class="full"> <div class="personal">
<div class="top"></div> <div class="center"> <!-- <middle> -->
<div class="user"> <div class="title"><img src="http://dimanik.ru/publ_f/img/personal.png" alt="" title="" />Персональная страница - $_USERNAME$ <span class="links"><?if($_CHANGE_DETAILS_URL$)?><a href="$_CHANGE_DETAILS_URL$">Изменить данные</a><?endif?> <?if($_PM_READ_URL$)?><a href="$_PM_READ_URL$">Читать ЛС (<b>$UNREAD_PM$</b>)</a><?endif?> <?if($_PM_SEND_URL$)?><a href="$_PM_SEND_URL$" title="Отправить личное сообщение">Отправить ЛС</a><?endif?></span></div> <div class="overflow"> <div class="left"> <div class="inbox"> <div class="avatar"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="http://dimanik.ru/images/noavatar.gif" alt="" title=""><?endif?></div> <div class="group">$_GROUP_ICON$</div> <ul> <li><span class="display left">Награды</span> <span class="display right"><a href="$AWARDS_READ_URL$" title="Список наград"><b>$AWARDS$</b></a> <?if($AWARDS_DO_URL$)?><a href="$AWARDS_DO_URL$">+</a><?endif?></span></li> <li><span class="display left">Репутация</span> <span class="display right"><a title="Смотреть историю репутации" href="$_REP_READ_URL$"><b>$_REPUTATION$</b></a> <?if($_REP_DO_URL$)?><a href="$_REP_DO_URL$">±</a><?endif?></span></li> <?if($_BAN_READ_URL$)?><li><center><?if($_BAN_DO_URL$)?> <a href="$_BAN_DO_URL$"><img alt="" style="margin:0;padding:0;border:0;" title="Изменить уровень замечаний" src="http://f236.ucoz.net/img/fr/wm.gif" width="10" height="9" /></a><img alt="" style="margin:0;padding:0;border:0;" src="http://f236.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://f236.ucoz.net/img/fr/wp.gif" width="10" height="9" /></a><?endif?></center></li><?endif?> </ul> </div><!-- </inbox> --> </div><!-- </left> -->
<div class="center"> <ul> <li><span class="display one">Ник</span> <span class="display two">$_USERNAME$</span></li> <li><span class="display one">Имя</span> <span class="display two"><?if($_NAME$)?>$_NAME$<?else?>Не указано<?endif?></span></li> <li><span class="display one">Группа</span> <span class="display two">$_GROUP_NAME$</span></li> <li><span class="display one">Дата рождения</span> <span class="display two"><?if($_BIRTHDAY$)?>$_BIRTHDAY$<?else?>Не указано<?endif?></span></li> <li><span class="display one">E-mail</span> <span class="display two"><?if($_EMAIL_VERIFICATION_URL$)?><a href="$_EMAIL_VERIFICATION_URL$"><span style="color:#da6d6d;">Подтвердить e-mail</span></a><?else?>$_EMAIL$<?endif?></span></li> <li><span class="display one">Место проживания</span> <span class="display two south" original-title="$_COUNTRY$"><?if(len($_COUNTRY$)>17)?><?substr($_COUNTRY$,0,17)?>...<?else?>$_COUNTRY$<?endif?></span></li> </ul> </div><!-- </center> --> <div class="right"> <?if($_COM_ENTRIES$ || $_FORUM_ENTRIES$ || $_BLOG_ENTRIES$)?> <ul> <?if($_COM_ENTRIES$)?><li><span class="display left"><a href="$_COM_ACTIVITY_URL$" target="_blank">Комментарии</a></span> <span class="display right"><b>$_COM_ENTRIES$</b></span></li><?endif?> <?if($_FORUM_ENTRIES$)?><li><span class="display left"><a href="$_FORUM_ACTIVITY_URL$" target="_blank">Форум</a></span> <span class="display right"><b>$_FORUM_ENTRIES$</b></span></li><?endif?> <?if($_BLOG_ENTRIES$)?><li><span class="display left"><a href="$_BLOG_ACTIVITY_URL$" target="_blank">Блог</a></span> <span class="display right"><b>$_BLOG_ENTRIES$</b></span></li><?endif?> <?if($_LOAD_ENTRIES$)?><li><span class="display left"><a href="$_LOAD_ACTIVITY_URL$" target="_blank">файлы</a></span> <span class="display right"><b>$_LOAD_ENTRIES$</b></span></li><?endif?> </ul> <?else?> <span class="display" style="margin-top:7px;">Нету активности</span> <?endif?> <?if($MODER_PANEL$)?><center>$MODER_PANEL$</center><?endif?> </div><!-- </right> --> </div><!-- </overflow> --> <div class="signature"> <?if($_SIGNATURE$)?>$_SIGNATURE$<?else?>Подпись отсутствует<?endif?> </div> <?if($USERS_LIST_URL$)?> <form method="post" action="/index" name="fuser" class="search"> <input type="button" onclick="window.location.href='/index/15-1'" value="Список пользователей" /> <input type="text" name="user" style="width:330px;" size="20" value="Логин пользователя" onclick="if (this.value=='Логин пользователя'){this.value='';}" maxlength="25" /> <input type="submit" value="Найти пользователей" /> <input type="hidden" name="a" value="15" /> </form> <?endif?> </div><!-- </user> --> <!-- </middle> --> </div><!-- </center> --> </div><!-- </personal> --> </div><!-- </full> -->
На этом установка завершена и у вас теперь обновлённая страница пользователя!
|