Как сделать цветную полосу прокрутки (скролл)?
Как сделать иконку для своего сайта в избранном?
Как сделать меняющуюся при наведении мыши ссылку?
Собственный дизайн гостевой книги на Народе.
Как сделать стартовой вашу страницу?
Добавление сайта в избранное с помощью ссылки.
Как применить курсор на своем сайте?
Как сделать цветную полосу прокрутки (скролл)?
Размести представленный ниже код между тегами <STYLE> и
</STYLE>
body {
scrollbar-face-color: #000000;
scrollbar-shadow-color: #ff0000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ff0000;
scrollbar-darkshadow-color: #ff0000;
scrollbar-track-color: #4f4f4f;
scrollbar-arrow-color: #ff0000;
}
Как сделать иконку для своего сайта в избранном?
Для этого вам нужна иконка в формате ICO.
Для того, чтобы сделать иконку в избранном вам надо разместить представленный
ниже код между тегами <HEAD> и </HEAD>, где favicon.ICO -
адрес вашей иконки. Кстати ваша иконка будет отображаться в адресной строке
браузера, когда вы будете просматривать свой сайт.
<LINK REL="SHORTCUT ICON" href="favicon.ICO">
Как сделать меняющуюся при наведении мыши ссылку?
Есть несколько способов сделать такую ссылку. Самый простой
способ описан ниже:
<a href="primer.html" onMouseOver=this.style.color="red";
onMouseOut=this.style.color="green";>
Пример</a>
Посмотреть результат можно здесь
В атрибуте onMouseOver указывайте цвет не активной
ссылки, а в атрибуте onMouseOut - цвет активной ссылки, то есть, когда на
ссылку наведён курсор. Ниже описан довольно сложный способ "оживить" ссылку,
но зато у него много возможностей.
A.primer:link
{FONT-SIZE: 16px; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-DECORATION: underline}
A.primer:visited
{FONT-SIZE: 16px; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-DECORATION: underline}
A.primer:active
{FONT-SIZE: 16px; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-DECORATION: underline}
A.primer:hover
{FONT-SIZE: 12px; COLOR: #ffff00; FONT-FAMILY: Arial; TEXT-DECORATION: none}
Всё что было написано выше надо вставить между тегами <STYLE> и
</STYLE>. Если вы хотите оживить какую-то ссылку, вам просто надо вставить
атрибут class="primer" в тег <A> Пример ссылки:
<a href="primer.html" class="primer">ПРИМЕР</a>
Посмотреть результат можно здесь
Собственный дизайн гостевой книги на Народе.
Для этого вам нужно для начала два текстовых файла в формате txt. Назовём их
message и main. Если вы знакомы с HTML, то проблем не будет,
так как в файле main размещаятся сам дизайн гостевой, а в файле messages
дизайн сообщений. Если вы не знакомы с HTML, то вам лучше воспользоваться
стандартными стилями гостевых, а если всё же хотите изучить HTML, то милости
прошу в раздел книги по HTML.
Далее в файле message, в котором уже есть HTML код вашего дизайна,
вставляем следующий набор кодов:
{DATE} - Время. Вместо этого кода на странице появится время, когда сообщение было написано.
{AUTHOREMAIL} - E-mail автора сообщения.
{AUTHORNAME} - Имя автора сообщения.
{URL} - Адрес страницы автора сообщения (если он его напишет, иначе странице в этом поле ничего не отобразится).
{MESSAGE} - Текст самого сообщения.
{OWNERREPLY} - Ваш ответ на сообщение (его вы можете написать у себя
в Мастерской в разделе "Гостевая книга" >>> "Администрирование")
Все эти слова зарезервированы "Народом" и их надо писать так, как есть, то есть фигурные скобки обязательны.
Теперь, когда все готово, загружайте все (main.txt и message.txt) в корневой
каталог на сервер Народа. Сделать это можно двумя способами:
1) В разделе "Управление файлами и администрирование" найдите
"Загрузка файлов", а дальше все будет ясно.
2) Можно воспользоваться протоколом FTP. Делается это так : в
адресной строке браузера введите такую ссылку: ftp://ВашЛогин:ВашПароль@ftp.narod.
ru После этого идите по этой ссылке и попадете в корневой каталог
вашего сайта. Здесь вы можете делать почти все тоже, что и в обычной папке
Windows.
Для того чтобы посмотреть получившуюся гостевуху перейдите по ссылке:
http://www.narod.ru/guestbook/?owner=ВашЛогин&mainhtml=main.txt&messageshtml=message.txt
Где вместо "ВашЛогин" пишите Логин, который можно посмотреть в разделе "Гостевая книга".
Как сделать стартовой вашу страницу?
Сделать это можно с помощью ссылки. Когда вы нажимаете на ссылку ваша страница
становится стартовой.
<a href="http://site.ru" onClick="this.style.behavior='url
(#default#homepage)';this.setHomePage('Описание'); return false;"
>
Но помните, что это будет работать только в IE (Internet Explorer).
Добавление сайта в избранное с помощью ссылки.
Для этого всего лишь надо добавить на вашей страничке следующий HTML-код
ссылки:
<a href="javascript:window.external.AddFavorite('http://site.ru/')" target=_parent>
Добавить в избранное</a>
Посмотреть результат можно здесь Но, к великому сожалению, это будет работать только в IE (Internet Explorer).
Как применить курсор на своем сайте?
Зачем вообще нужен свой курсор на вашей web-странице?
Хотите например, чтобы при наведении на какой-либо объект на странице курсор
менял свой вид или лучше вообще заменить стандартный курсор на свой, тогда
нет ничего проще. Для этого вам нужно всего лишь в нужный вам тег добавлять атрибут:
style="cursor: КУРСОР"
Где вместо КУРСОР вводите:
auto |
Форма курсора определяется обозревателем в зависимости от содержимого элемента. |
crosshair |
Перекрестье. |
default |
Курсор операционной системы по умолчанию. В Windows это стрелка. |
pointer |
Указатель на гиперссылку. Обычно это кисть руки. |
move |
Скрещенные стрелки, указывающие на то, что что-то должно переместиться. |
*-resize |
Стрелка, указывающая на сдвигаемую границу; * задает направление сдвига (n =
север, s = юг, w = запад, e = восток и т. п.). |
text |
Указывает на редактируемый текст. Обычно имеет форму буквы I. |
wait |
Песочные часы, указывающие на то, что программа занята, и пользователь должен подождать. |
help |
Вопросительный знак, указывающий, что для данного элемента можно получить справку. |
url |
Здесь нужно указать адрес (абсолютный или относительный) вашего
файла с расширением cur или csr. На пример: cursor: url("mycursor.cur","cursor1.cur")
Кстати через запятую можно указать и несколько адресов курсоров.
Если у браузера не получится загрузить первый курсор, то он попытается загрузить второй ну и так далее.
|
|