• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Персональная страница как на сайте Mp3next.Ucoz.Ru (Персональная страница как на сайте Mp3next красивая стандарт)
Персональная страница как на сайте Mp3next.Ucoz.Ru
Kosten
Пятница, 22 Июня 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44356
Награды: 70


О страницы:
Персональная страница как на сайте Mp3next.Ucoz.Ru, на скрине у меня без стиля , кто хочет со стилем просто персоналка будет синей.
Приступаем к установке:
Идем в П.У - потом дизайн сайта заходим надпись персональная страница пользователя, заходим туда и сносим старый код и прописываем наш новый.
Код
<html>   
<head>   
<title>Информация о пользователе $_USERNAME$</title>   
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />   

<style type="text/css">.xt-helpPred{background-position:0-300px;}.xt-helpPred-over{background-position:-15px-300px;}.xt-addPred{background-position:0-240px;}.xt-addPred-over{background-position:-15px-240px;}</style>   

</head>   
<style type="text/css">   
@import url('http://zornet.ru/zornet_ru3/ajax.css') all;   
</style>   
<body class="page-body">   

<style type="text/css">   
.tdfr { border:1px solid #C2C5CA; padding:2px 5px; margin:2px;}   
.tdfr img {opacity:0.65; filter:Alpha(Opacity='65');}   
.tdfrh { border:1px solid #969696; padding:2px 5px; margin:2px; background: #EAEBEC; }   
.tdfr a, .tdfrh a {font-size: 9px;}   
.deletedfr {width: 100%; height: 100%; background: white; opacity:0.45; filter:Alpha(Opacity='45');}   
#capcode {width: 100px; height: 35px; text-align: center; color: grey; font-size: 14pt;}   
.moreFr {border-top: 1px solid #C2C5CA; padding: 2px;}   
</style>   

<table border="0" cellpadding="0" cellspacing="0" width="98%" class="popuptable">   
<tr><td class="pop-lt" width="25" height="25"></td><td class="pop-t"></td><td width="25" class="pop-rt"></td></tr>   
<tr><td class="pop-lm"></td><td class="pop-m"><div class="popuptitle">Информация о $_USERNAME$</div><div class="popupbody"><div align="center">   
<script type="text/javascript">if (window.name.length>2){window.resizeTo(750,420);}</script>   
<style type="text/css">.udtb {text-align:left;padding:3px;} .udtlb {clear:left;float:left;width:150px;}</style>   
<div style="position:relative;float:right;text-align:center;">   
<?if($_AVATAR$)?><div class="screenshot"><div class="m-uapm">$_AVATAR$</div></div><?else?><div class="screenshot"><img src="http://zornet.ru/zornet_ru3/noavatar.png" border="0"></div><?endif?>   
<?if($UNET_ID$)?><div style="padding-bottom:4px;"><img alt="" style="vertical-align:-4px;" border="0" src="http://zornet.ru/zornet_ru3/uid.gif"> <a href="$UNET_PROFILE_URL$" target="_blank"><b>uNet профиль</b></a></div><?endif?>   
<?if($_CHANGE_DETAILS_URL$)?> <a href="$_CHANGE_DETAILS_URL$"><button>Изменить данные</button></a> <?endif?>   
<?if($_PM_READ_URL$)?><div style="padding-top:4px;" id="userPMread"> <a href="$_PM_READ_URL$"><button>Читать ЛС (<b>$UNREAD_PM$</b>)</button></a> </div><?endif?>   
<?if($_PM_SEND_URL$)?><div style="padding-top:4px;" id="userPMread"> <a href="$_PM_SEND_URL$" title="Отправить личное сообщение"><strong><button>Написать ЛС</button></strong></a> </div>   
<?endif?>   
</div>   
<div id="block1" class="udtb"><div class="udtlb"><img src="http://zornet.ru/zornet_ru3/8fcc1957910c.png" align="absmiddle"> Пользователь:</div> <a href="javascript://" rel="nofollow" onClick="prompt('Адрес профиля данного пользователя','$_PROFILE_URL$')"><b>$_USERNAME$</b></a> <?if($MODER_PANEL$)?><?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"><img src="http://zornet.ru/zornet_ru3/user_group.png" align="absmiddle"> Группа:</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"><img src="http://zornet.ru/zornet_ru3/news.png" align="absmiddle"> Поощрения:</div> <?if($AWARDS_READ_URL$)?><a href="$AWARDS_READ_URL$" title="Список наград"><img src="http://zornet.ru/zornet_ru3/star_fav.gif" align="absmiddle"> Награды (<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$"><img src="http://zornet.ru/zornet_ru3/b7e4077f54da.png" align="absmiddle"> Репутация (<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"><img src="http://zornet.ru/zornet_ru3/user_ban.png" align="absmiddle"> Замечания:</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://s51.ucoz.net/img/fr/wm.gif" width="10" height="9" /></a><img alt="" style="margin:0;padding:0;border:0;" src="http://s51.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://s51.ucoz.net/img/fr/wp.gif" width="10" height="9" /></a><?endif?></div>   
<?endif?>   
<?if($_NAME$)?>   
<div id="block5" class="udtb"><div class="udtlb"><img src="http://zornet.ru/zornet_ru3/man_on.gif" align="absmiddle"> Имя:</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"><img src="http://zornet.ru/zornet_ru3/ddf904daab9b.png" align="absmiddle"> Регистрационный 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"><img src="http://zornet.ru/zornet_ru3/ceeadd83ac19.png" align="absmiddle"> Дата регистрации:</div> $_REG_TIME$</div>   
<?endif?>   
<?if($_LOG_TIME$)?>   
<div id="block9" class="udtb"><div class="udtlb"><img src="http://zornet.ru/zornet_ru3/date_login.png" align="absmiddle"> Последний вход:</div> $_LOG_TIME$</div>   
<?endif?>   
<?if($_BIRTHDAY$)?>   
<div id="block10" class="udtb"><div class="udtlb"><img src="http://zornet.ru/zornet_ru3/7221c7e1e3c5.png" align="absmiddle"> Дата рождения:</div>$_BIRTHDAY$ [ <b>$_AGE$</b> $_ZODIAC$ ]</div>   
<?endif?>   
<div id="block11" class="udtb"><div class="udtlb"><img src="http://zornet.ru/zornet_ru3/fda0140fe515.png" align="absmiddle"> 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"><img src="http://zornet.ru/zornet_ru3/site.png" align="absmiddle"> Сайт:</div> $_WWW$</div>   
<?endif?>   
<?if($_ICQ$)?>   
<div id="block13" class="udtb"><div class="udtlb"><img src="http://mp3next.ucoz.ru/ikonki/1594df6c28d8.png" align="absmiddle"> 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?><img src="http://zornet.ru/zornet_ru3/8b68ee173551.png" align="absmiddle"> Страна<?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 class="udtb"><div class="udtlb"><img src="http://zornet.ru/zornet_ru3/user_gender.png" align="absmiddle"> Друзья:</div><a href="#" id="lookfr" onClick="friends.fix();return false;">Посмотреть друзей</a> <span style="font-size: 9px;"><?if($_PM_SEND_URL$)?><script type="text/javascript">   
var othid = '$_USER_ID$'   
var myid = '$USER_ID$'   
$(document).ready(function(){   
$.get('/blog/0-0-0-0-17-' + myid, function(data){   
var frfunc = $('#adordelfr' + othid + ':first', data).html();   
if (frfunc == null) {   
var frfunc = '<a href="javascript:;" id="addfrA" onclick="friends.sAdd();" class="menu_b">[Добавить в друзья]</a>';   
}   
else {   
var frfunc = '';   
};   
$("#fr").html(frfunc)(true);   
});   
});   
</script>   
<span id="fr"></span>   
<table border="0" cellpadding="0" cellspacing="0" width="200px" id="proFile">   
<tr><td>   
<style><a href="javascript://" id="mybtn" onclick="ifresend(); setCookie('mybtn', 'none', 365); myfunc();" class="proava">[Добавить в друзья]</a></style>   
<span id="fr"></span>   
</td></tr>   
</table>   

<?endif?></span></div>   

<script type="text/javascript">   
var friends = new Object();   
friends.ucodes = {   
homepage: '$HOME_PAGE_LINK$',   
userid: '$USER_ID$',   
username: '$USERNAME$',   
_userid: '$_USER_ID$',   
_username: '$_USERNAME$',   
own: '$_IS_OWN_PROFILE$',   
avatar: '<?if( $_AVATAR$)?><?substr(substr($_AVATAR$,strpos($_AVATAR$,'src="')+5),0,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src="')+5),'"'))?><?else?>htt  p://ucodes.ru/images/noava.png<?endif?>',   
_profurl: '$_PROFILE_URL$',   
isuser: '$USER_LOGGED_IN$',   
copyright: 'ucodes.ru'   
}   
</script>   

<script type="text/javascript" src="http://mp3next.ucoz.ru/js/mp3next.ucoz.ru.js"></script>   
<div style="padding:<?if($_BOARD_ENTRIES$)?>10px;<?endif?>0px;<?else?>">   
<div style="display:none;"><div class="wall"></div></div>   

</div>   
<?if($_IS_ACTIVITY$)?>   
<div id="block25" class="udtb"><hr></div><div id="block22" class="udtb" style="text-align:center">   
<?if($_COM_ENTRIES$)?> | <a href="$_COM_ACTIVITY_URL$" target="_blank">Комментарии(<b>$_COM_ENTRIES$</b>)</a><?endif?>   
<?if($_FORUM_ENTRIES$)?> | <a href="$_FORUM_ACTIVITY_URL$" target="_blank">Форум(<b>$_FORUM_ENTRIES$</b>)</a><?endif?>   
<?if($_NEWS_ENTRIES$)?> | <a href="$_NEWS_ACTIVITY_URL$" target="_blank">Новости(<b>$_NEWS_ENTRIES$</b>)</a><?endif?>   
<?if($_PUBL_ENTRIES$)?> | <a href="$_PUBL_ACTIVITY_URL$" target="_blank">Альбомы(<b>$_PUBL_ENTRIES$</b>)</a><?endif?>   
<?if($_LOAD_ENTRIES$)?> | <a href="$_LOAD_ACTIVITY_URL$" target="_blank">Музыка(<b>$_LOAD_ENTRIES$</b>)</a><?endif?>   
<?if($_DIR_ENTRIES$)?> | <a href="$_DIR_ACTIVITY_URL$" target="_blank">Игры(<b>$_DIR_ENTRIES$</b>)</a><?endif?>   
<?if($_PHOTO_ENTRIES$)?> | <a href="$_PHOTO_ACTIVITY_URL$" target="_blank">Обои(<b>$_PHOTO_ENTRIES$</b>)</a><?endif?>   
<?if($_STUFF_ENTRIES$)?> | <a href="$_STUFF_ACTIVITY_URL$" target="_blank">Игры(<b>$_STUFF_ENTRIES$</b>)</a><?endif?> |</div>   
<?endif?>   
<?if($USERS_LIST_URL$)?>   
<hr /><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?></div></div></td><td class="pop-rm"></td></tr>   
<tr><td class="pop-lb" height="25"></td><td class="pop-b"></td><td class="pop-rb"></td></tr>   
</table>   
</body>   
</html>


Если добавить этот стиль в самый вверх получится такая персональная страница
Код
.buttonprofile {background:#f1f1f1;color:#8B8881;border:1px solid #cbcbcb;line-height:25px;width:100%;color:8B8881;text-align:center;margin-bottom:3px;}    

.screenshot img {margin:6px; padding:5px;-moz-box-shadow:0px 0px 5px    
#5d5d5d; box-shadow:0px 0px 5px #5d5d5d;-webkit-box-shadow:0px 0px 5px    
#5d5d5d;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:    
6px;}


Прикрепления: 8897993.jpg (101.4 Kb) · 2460425.jpg (42.6 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Персональная страница как на сайте Mp3next.Ucoz.Ru (Персональная страница как на сайте Mp3next красивая стандарт)
  • Страница 1 из 1
  • 1
Поиск: