Форма входа+ мини профиль
Описание: Вот озадачился вопросом создания мини профиля для этого сайта, вот что получилось. При нажатии на кнопку "Функции" выпадает Мой профиль, Изменить профиль, Пользователи, ЛС, Отправить ЛС, Выход
Создаем новый блок и помещаем туда: 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://small.ucoz.pl/skripts/fm/block_menu_sub_link.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> <div class="screenshot"><center><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"> <img class="userAvatar" title="$USERNAME$" src="" border="0"> <img class="userAvatar" title="$USERNAME$" src="http://small.ucoz.pl/small/noavatar.png" border="0"> </center></div> <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> <div class="cblock3"> <a title="" onclick="$('#login').slideToggle('slow');" href="javascript://;"></a> </div> $LOGIN_FORM$ <div class="cblock3"><a href="$REGISTER_LINK$"></a></div>
аблица стилей (CSS), и в самый низ вставляем: Code
/* SMALL.UCOZ.PL Mini-Profile */ a.b1 {display:block; width:180px; height:18px; text-align:left; background:url('http://small.ucoz.pl/skripts/fm/1.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
<div style="width: 180px;"> <table border="0" cellpadding="0" cellspacing="1" width="100%"> <tbody><tr><td colspan="2" style="color: red; text-align: center;"> <br>$ERROR$</td> </tr><tr><td width="10%" nowrap="nowrap"><img alt="" src="http://small.ucoz.pl/small/login_icon.png" align="" border="0" width="16" height="16"></td> <td><input class="loginField" name="user" value="" size="10" style="width: 100%;" maxlength="50" type="text"></td></tr> <tr><td><img alt="" src="http://small.ucoz.pl/small/key_icon.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>
Установка скрипта: подробное описание как установить скрипт
В дополнение: рекомендаций в настроиках скрипта
Автор\Источник: small.ucoz.pl
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 5067
| Комментарии: 6
| Рейтинг: 4.1 /10 |
- Оценить -
Отлично
Хорошо
Неплохо
Плохо
Ужасно
|Категория: Скрипты блоки и шапки | Добавил: viksTazZz
| Дата: 17.06.2012 | Скачали: 0 | Теги: Profile , mini , Форма , профиль , входа , мини
Похожие новости на нашем сайте
Всего комментариев: 5
Порядок вывода комментариев:
По умолчанию
Сначала новые
Сначала старые
0
почему аватарка не поставилась?)