Все для дизайна...

Понедельник, 24 Декабря 2012 г. 11:33 + в цитатник

Цитата сообщения Иннушка

Прочитать целиком В свой цитатник или сообщество!

Все для дизайна...

Разное

Скрыть пост (фрагмент поста) от поисковика:
<noindex> your hidden post </noindex>

Примеры изменения формы курсора для отдельного поста или фрагмента поста. Подведите курсор к “Ваш текст”:

Ваш текст

<div style="cursor: move;"> Ваш текст </div>

Ваш текст

<div style="cursor: help;"> Ваш текст </div>

Следующие примеры анимированных курсоров работают только в Internet Explorer:

Ваш текст

<div style="cursor:url(<a href="http://hottabych.net/cursors/hottabych.net_cursors_01.cur" target="_blank">http://hottabych.net/cursors/hottab..._cursors_01.cur</a> );"> Ваш текст </div>

Ваш текст

<div style="cursor:url(<a href="http://fantasyflash.ru/cursor/cur/cursor198.ani" target="_blank">http://fantasyflash.ru/cursor/cur/cursor198.ani</a> );"> Ваш текст </div>

Ваш текст

<div style="cursor: url(<a href="http://fantasyflash.ru/cursor/cur/cursor130.ani" target="_blank">http://fantasyflash.ru/cursor/cur/cursor130.ani</a> );"> Ваш текст </div>

URL курсоров можете поискать в сетевых “курсорохранилищах”, например, ЗДЕСЬ (брать только фрагмент кода url(…) и ставить в примеров кодов выше вместо прежнего url)

Делаем кнопку-ссылку на страницу (с картинкой):

Код такой кнопки:
<form action="АДРЕС САЙТА" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align=absMiddle> TEXT</button></form>

Графические диаграммы средствами html:

25% - Firefox

70% - IE

5% - Opera

<div style="float: left; width:25%; height:16px; background-color:orange;"> </div> <div style="float: none;">  25% - Firefox</div><div style="float: left; width:70%; height:16px; background-color:blue;"> </div><div style="float: none;">  70% - IE</div><div style="float: left; width:10%; height:16px; background-color:red;"> </div><div style="float: none;">  5% - Opera</div>

- 35% того и 65% этого

<div style="float: left; width:35px; height:16px; background-color:aqua;"> </div><div style="float: left; width:65px; height:16px; background-color:pink;"> </div><div style="float: none;">   - 35% того и 65% этого</div>

Любой пароль, скрытый за звездочками, открывается с помощью javascript-кода:
исполненного в адресной строке браузера (IE, FF, Opera, Netscape) на странице авторизации.

Список с цветными “бульками”:

• Позиция 1
• Позиция 2
• Позиция 3

Делается так:

<font color=red>•</font> Позиция 1
<font color=blue>•</font> Позиция 2
<font color=green>•</font> Позиция 3

Список с маленькими картинками:

Позиция 1

Позиция 2

Позиция 3

Позиция 4

Код:

<dl>
<dd><img src=URL-картинки align=absmiddle> Позиция 1</dd>
<dd><img src=URL-картинки align=absmiddle> Позиция 2</dd>
<dd><img src=URL-картинки align=absmiddle> Позиция 3</dd>
<dd><img src=URL-картинки align=absmiddle> Позиция 4</dd>
</dl>

URL “шарика”: http://img90.imageshack.us/img90/6603/33609040px4.gif

Занесение в Избранное по клику (только для ИЕ):
прим.:В некоторых блогсервисах (напр. ЖЖ) не работает

В Избранное!

Код:
<span style="color:navy;cursor:hand;" onClick="window.external.AddFavorite(location.href, document.title);">
<font face=Helvetica size=3>
В Избранное!
</font>
</span>

Навигационная кнопка “Назад”:

Аналогичная ссылка “назад”: НАЗАД

<a href="java script:history.go(-1)">НАЗАД</A>

Кнопка на этот сайт:

код для вставки:

Скрыть пост (фрагмент поста) от поисковика:

Примеры изменения формы курсора для отдельного поста или фрагмента поста. Подведите курсор к “Ваш текст”:

Ваш текст

<div style="cursor: move;"> Ваш текст </div>

Ваш текст

<div style="cursor: help;"> Ваш текст </div>

Следующие примеры анимированных курсоров работают только в Internet Explorer:

Ваш текст

<div style="cursor:url(<a href="http://hottabych.net/cursors/hottabych.net_cursors_01.cur" target="_blank">http://hottabych.net/cursors/hottabych.net_cursors_01.cur</a>);"> Ваш текст </div>

Ваш текст

<div style="cursor:url(<a href="http://fantasyflash.ru/cursor/cur/cursor198.ani" target="_blank">http://fantasyflash.ru/cursor/cur/cursor198.ani</a>);"> Ваш текст </div>

Ваш текст

<div style="cursor: url(<a href="http://fantasyflash.ru/cursor/cur/cursor130.ani" target="_blank">http://fantasyflash.ru/cursor/cur/cursor130.ani</a> );"> Ваш текст </div>

Делаем кнопку-ссылку на страницу (с картинкой):

Код такой кнопки:
<form action="АДРЕС САЙТА" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align=absMiddle> TEXT</button></form>

Графические диаграммы средствами html:

25% - Firefox

70% - IE

5% - Opera

- 35% того и 65% этого

Любой пароль, скрытый за звездочками, открывается с помощью javascript-кода:
исполненного в адресной строке браузера (IE, FF, Opera, Netscape) на странице авторизации.

Список с цветными “бульками”:

• Позиция 1
• Позиция 2
• Позиция 3

Делается так:

<font color=red>•</font> Позиция 1
<font color=blue>•</font> Позиция 2
<font color=green>•</font> Позиция 3

Список с маленькими картинками:

Позиция 1

Позиция 2

Позиция 3

Позиция 4

URL “шарика”: http://img90.imageshack.us/img90/6603/33609040px4.gif

Занесение в Избранное по клику (только для ИЕ):
прим.:В некоторых блогсервисах (напр. ЖЖ) не работает
В Избранное!

Код:
<span style="color:navy;cursor:hand;" onClick="window.external.AddFavorite(location.href, document.title);">
<font face=Helvetica size=3>
В Избранное!
</font>
</span>

Навигационная кнопка “Назад”:

Аналогичная ссылка “назад”: НАЗАД

<a href="javascript:history.go(-1)">НАЗАД</A>

Кнопка на этот сайт:

код для вставки:

В начало ↑

Серия сообщений "дизайн блога(уроки)1.":
Часть 1 - Сделай для блога кнопку.
Часть 2 - Как сделать баннер-картинку для блога.
...
Часть 7 - Таблицы
Часть 8 - Ссылки
Часть 9 - Все для дизайна...
Часть 10 - Text
Часть 11 - Вставка Flash
...
Часть 46 - Рамка с Фоном-Анимацией №2.
Часть 47 - Как вставить текстовую рамочку в ваш дневник.Подробный урок от Pannamusic
Часть 48 - Самый простой способ вставить в сообщение проигрыватель с музыкой