Хочу вам представить красивую страницу пользователя. Безусловно для меня она самая красивая что видел. Она состоит из множества ссылок на дизайн. И что главное она просто функциональна сама по себе. И разворачивается на весь экран. Не так как стандартные на всех порталах. По своему оттенку можно сказать что она была создана для светлого дизайна, но я не исключаю что на темном фоне так же отлично смотреться будет. Так как уже упомянул она развернутая. Фон в ней красивый стоит и от него много зависит. Если его поменять к примеру на голубой так как шрифт темный то будет голубой фон. И думаю вы заметили что так аккуратно закругленные углы у нее. Со страницей также будет идти Страница ЛС и Страница со списком пользователей все что нужно для администратора. Долго я искал ссылки. так как на сайте есть такая страница, но на ней были 2 битые ссылки. А теперь полностью как по красоте и по работоспособности вам предлагаю ее.
Персональная страница пользователя: Код <html>
<head> <title>Персональная страница $_USERNAME$</title> <style> body, table, td, ul, li {text-decoration:none;font-weight:bold;text-shadow:1px 1px 1px #ddd;color:#444;font-size:12px;font-family:arial;pading:0;margin:0;} ul li:hover {color:#555;} ul li a:hover {color:#555;font-size:12px;} .av img {box-shadow:1px 1px 5px #666;width:100px;} a, a:link {cursor:pointer;text-decoration:none;font-weight:bold;text-shadow:1px 1px 1px #ddd;color:#444;font-size:12px;font-family:arial;} a:hover {text-decoration:none;font-weight:bold;text-shadow:1px 1px 1px #ddd;color:#555;font-size:12px;font-family:arial;} .iml {position:absolute;z-index:1;margin-left:230px;display:none;} .si {display:none;} </style> </head>
<div style="width:100%;height:100%;position:fixed;z-index:-2;opacity:0.9;"> <img src="http://zornet.ru/CSS-ZORNET/TR/perback.jpg" width="100%" height="100%" /> </div>
<body>
<center> <table width="950px" cellpadding="0" cellspacing="0"> <tr> <td align="left" width="30px" height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp1.png"></td> <td height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp2.png"> </td> <td align="right" width="30px" height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp3.png"></td>
</tr> <tr> <td align="left" width="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp4.png"></td> <td background="http://zornet.ru/CSS-ZORNET/TR/rpp5.png">
<table width="100%" cellpadding="0" cellcpacing="0" height="500px"> <tr> <td background="http://zornet.ru/CSS-ZORNET/TR/rpp5.png" valign="top" width="250px" style="padding:20px;border-radius:10px;box-shadow:0px -2px 4px #fff;"> <img class="iml" src="http://zornet.ru/CSS-ZORNET/TR/ajax-loader.gif"> <font color="<?if($_IS_OWN_PROFILE$)?>green<?else?>red<?endif?>">$_USERNAME$</font> [ID:$_USER_ID$] [$_GROUP_NAME$]<br><br> <div style="float:right;">$MODER_PANEL$</div><div class="av"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="http://zornet.ru/CSS-ZORNET/TR/noavatar.png" /><?endif?></div> <?if($_CHANGE_DETAILS_URL$)?><br><a href="/index/11">Изменить данные</a><?endif?> <?if($_PM_READ_URL$)?><br><a id="ulst" href="$_PM_READ_URL$">Читать сообщения [$UNREAD_PM$]</a><?endif?> <?if($_PM_SEND_URL$)?><br><a id="ulst" href="$_PM_SEND_URL$">Отправить сообщение</a><?endif?> <br><a href="/index/15" target="_blank">Список пользователей</a> </td>
<td valign="top" width="50px"></td>
<td background="http://zornet.ru/CSS-ZORNET/TR/rpp5.png" valign="top" style="padding:20px;border-radius:10px;box-shadow:0px -2px 4px #fff;"> <center> <div id="ifr11" style="display:none;"> <iframe src="/index/11" width="400px" height="430px" frameborder="0"></iframe> </div> <div id="ifr14" style="display:none;"> <iframe src="<?if($_PM_SEND_URL$)?>$_PM_SEND_URL$<?else?>/index/14<?endif?>" width="430px" height="400px" frameborder="0"></iframe> </div> </center>
<div id="thisbod"> Расширенные данные [$_RANK_NAME$] $_RANK_ICON$<br> <ul type="circle"> <li>Зарегистрирован: $_REG_TIME$</li> <li>День Рождения: <?if($_BIRTHDAY$)?>$_BIRTHDAY$<?else?>не указан<?endif?></li> <?if($_NAME$)?><li>Полное имя: $_NAME$</li><?endif?> <?if($_WWW$)?><li>Вебсайт: $_WWW$</li><?endif?> <?if($_EMAIL$)?><li>E-mail: <?if($GROUP_ID$=4 or $_IS_OWN_PROFILE$)?>$_EMAIL$<?endif?> <?ifnot($_EMAIL_IS_VERIFIED$)?><a href="$_EMAIL_VERIFICATION_URL$">[Подтвердить]</a><?endif?></li><?endif?> <?if($_GENDER_NAME$)?><li>Пол: $_GENDER_NAME$</li><?endif?> <?if($_AGE$)?><li>Возраст: $_AGE$</li><?endif?> <li>Замечания: <a href="$_BAN_READ_URL$">$_BAN_RATING$</a> <?if($_BAN_DO_URL$)?><a href="$_BAN_DO_URL$">+</a><?endif?></li> <li>Репутация: <a href="$_REP_READ_URL$">$_REPUTATION$</a> <?if($_REP_DO_URL$)?><a href="$_REP_DO_URL$">+</a><?endif?></li> <li>Наград: <a href="$AWARDS_READ_URL$">$AWARDS$</a> <?if($_AWARDS_DO_URL$)?><a href="$_AWARDS_DO_URL$">+</a><?endif?></li> <?if($GROUP_ID$=4)?><li>Регистрационный IP: $_IP_ADDRESS$</li><?endif?> </ul> <br> Активность на сайте: <br> <ul type="circle"> <li> <a href="$_COM_ACTIVITY_URL$">Оставил комментариев: [$_COM_ENTRIES$]</a> </li> <li> <a href="$_LOAD_ACTIVITY_URL$">Добавил файлов: [$_LOAD_ENTRIES$]</a> </li> <li> <a href="$_BLOG_ACTIVITY_URL$">Записей в блоге: [$_BLOG_ENTRIES$]</a> </li> </ul>
<br> Дополнительно:<br> <ul type="circle"> <li> Сейчас на сайте: <span id="stts">$ONLINE_USERS_LIST$</span> <img title="Клик для обновления списка" src="http://zornet.ru/CSS-ZORNET/TR/st.png" onclick="relst()" style="vertical-align:-1px;" width="11px" /> </li> <li> Сегодня День Рождения у: <?if($TODAY_BIRTHDAYS$)?>$TODAY_BIRTHDAYS$<?else?>нет именинников<?endif?>
</li> </ul> </div> </td> </tr> </table>
</td> <td align="right" width="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp6.png"></td> </tr> <tr> <td align="left" width="30px" height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp7.png"></td> <td height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp8.png"> </td> <td align="right" width="30px" height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp9.png"></td> </tr> </table> </center>
<script> function relst() { $('#stts').fadeTo(500, 0.3).load('/index/8-1 #stts', function() { $(this).fadeTo(500, 1); }); };
var iml = $('.iml'); var tb = $('#thisbod'); $('#ulst').toggle(function() { $(this).fadeTo(500, 0.5);iml.fadeIn(500);tb.delay(500).fadeOut(500);$('#ifr11').delay(500).fadeOut(); $('#ifr14').delay(1500).fadeIn(500, function() { iml.fadeOut(500); }); }, function() { $(this).fadeTo(500, 1); iml.fadeIn(500);$('#ifr14').delay(500).fadeOut(500);$('#ifr11').delay(500).fadeOut(); tb.delay(1500).fadeIn(500, function() { iml.fadeOut(500); }); }); </script>
</body> </html>
<style type="text/css"> @import url('http://zornet.ru/CSS-ZORNET/TR/white_ajax.css') all; </style>
Страница со списком пользователей:
Код <html>
<head> <title>Список пользователей</title> <style> body, td, table {margin:0;padding:0;font-size:11px;color:#777;font-family:arial;} a, a:link {cursor:pointer;color:#666;text-decoration:none;} .uTd div img {display:none;} </style> </head>
<body>
<div style="width:100%;height:100%;position:fixed;z-index:-2;opacity:0.9;"> <img src="http://zornet.ru/CSS-ZORNET/TR/perback.jpg" width="100%" height="100%" /> </div>
<center> <table width="850px" cellpadding="0" cellspacing="0"> <tr> <td align="left" width="30px" height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp1.png"></td> <td height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp2.png"> </td> <td align="right" width="30px" height="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp3.png"></td> </tr> <tr> <td align="left" width="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp4.png"></td> <td background="http://zornet.ru/CSS-ZORNET/TR/rpp5.png">
Страницы: $PAGE_SELECTOR$ <div align="left">Найдено пользователей: <b>$NUM_ENTRIES$</b></div>
$BODY$
<div align="center">$SEARCH_FORM$</div>
</td> <td align="right" width="30px" background="http://zornet.ru/CSS-ZORNET/TR/rpp6.png"></td> </tr> <tr> <td align="left" width="30px" height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp7.png"></td> <td height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp8.png"> </td> <td align="right" width="30px" height="50px" background="http://zornet.ru/CSS-ZORNET/TR/rpp9.png"></td> </tr> </table> </center>
</body> </html>
И остается Страница ЛС:
Код <html>
<head> <title>$TITLE$</title> <style> body {font-size:12px;color:#444;background-color:transparent;} td {font-size:12px;color:#444;} a {color:#444;} .allUsersBtn {display:none;} .uSearchFl {display:none;} .uSearchFlSbm {display:none;} [name=subject] {opacity:0.5;} input[type=button], [type=reset], [type=submit] {color:#555;opacity:0.75;font-weight:bold;font-size:9px;font-family:arial;height:18px;padding-bottom:3px;border-radius:3px;} input[type=button]:hover, [type=reset]:hover, [type=submit]:hover {opacity:1;} select {display:none;} #message {opacity:0.5;} hr {border:1px solid #ccc;opacity:0.5;} .smiles {display:none;} #PMtoUser {opacity:0.5} </style> </head>
<body>
<div id="bd"> $BODY$ </div>
<script> $('.allUsersBtn').parent().parent().parent().parent().remove(); $('hr:last').remove(); </script>
</body>
</html>
Так как проверено все на тестовом сайте. Я на нем не переписывался и писем как видите на страницы нет. |