• Авторизация


Кстати говоря! 12-11-2004 06:55


Если Вам необходимо просто поменять фон под участком текста, совсем не обязательно прибегать к "услугам" рамки. Достаточно поместить эту строку (или абзац) между

<FONT STYLE="background-color: #DAA520">ВАШ ТЕКСТ</FONT>


Например:

Я хочу выделить эту строчку! Пусть её все сразу заметят!

Цвета, разумеется, можете подставлять свои, какие захотите!
Размер, цвет и начертание текста тоже можно менять, например:

Не правда ли, очень выделяется?
комментарии: 3 понравилось! вверх^ к полной версии
Осваиваем "фильтры" 11-11-2004 16:52


Украшаем текст!


 Пример фильтра Shadow


Исходный текст:
<P style="FILTER: Shadow(color=#F08080,direction=45); 
WIDTH: 600px; FONT-WEIGHT: bold; FONT-SIZE: 25px;
FONT-FAMILY: georgia; TEXT-ALIGN: center;"><FONT color=#483D8B>
<BR>&nbsp;Пример фильтра Shadow<BR><BR></FONT></P>

Переменные:

FONT-WEIGHT: bold тип шрифта— жирный (вариант— normal, то-есть обычный)
FONT-SIZE:25px размер в пикселях
(color= #F08080, direction=45) Color — цвет "тени", direction — направление в градусах
WIDTH: 600px ширина текста в пикселях
FONT-FAMILY: georgia гарнитура (варианты: arial, times, verdana и т.д.)
TEXT-ALIGN: center выравнивание текста (варианты left, right)
<FONT color=#483D8B> цвет текста
комментарии: 1 понравилось! вверх^ к полной версии

Осваиваем "фильтры" 11-11-2004 05:17


Украшаем текст!


 Пример фильтра Dropshadow


Исходный текст:
<P style="FILTER: dropshadow(Color=#BDB76B, offx=3, offy=3, positive=1); 
WIDTH: 600px; FONT-WEIGHT: bold; FONT-SIZE: 25px;
FONT-FAMILY: georgia; TEXT-ALIGN: center;"><FONT color=#A0522D>
<BR>&nbsp;Пример фильтра Dropshadow<BR><BR></FONT></P>

Переменные:
FONT-WEIGHT: bold тип шрифта — жирный (вариант — normal, то-есть обычный)
FONT-SIZE: 25px размер в пикселях
(Color=#BDB76B, offx=3, offy=3, positive=1) Color — цвет "тени",
offx=3, offy=3 отступ тени в пикселях в сторону и вниз,
positive=1 — вариант подсветки
WIDTH: 600px ширина текста в пикселях
FONT-FAMILY: georgia гарнитура (варианты: arial, times, verdana и т.д.)
TEXT-ALIGN: center выравнивание текста (варианты left, right)
<FONT color=#A0522D> цвет текста

Это вариант при значении positive=0 и выравнивании left


 Пример фильтра Dropshadow

комментарии: 0 понравилось! вверх^ к полной версии
Осваиваем "фильтры" 11-11-2004 04:36


Украшаем текст!


 Пример фильтра Glow


Исходный текст:
<P style="FILTER: Glow(Color=#9933FF, Strength=15);
WIDTH: 600px; FONT-WEIGHT: bold; FONT-SIZE: 25px;
FONT-FAMILY: georgia; TEXT-ALIGN: center;"><FONT color=#ffff00>
<BR>&nbsp;Пример фильтра Glow<BR><BR></FONT></P>


Переменные:
FONT-WEIGHT: bold тип шрифта — жирный (вариант — normal, то-есть обычный)
FONT-SIZE:25px размер в пикселях
(Color= #9933FF, Strength=15) Color— цвет "сияния", Strength — величина "сияния"
WIDTH: 600px ширина текста в пикселях
FONT-FAMILY: georgia гарнитура (варианты: arial, times, verdana и т.д.)
TEXT-ALIGN: center выравнивание текста (варианты left, right)
<FONT color=#ffff00> цвет текста
комментарии: 25 понравилось! вверх^ к полной версии
А можно и так.... 11-11-2004 04:13


В рамки можно помещать не только текст, но и картинки:


[показать]Мне очень нравится это колечко!


Исходный текст:
<blockquote style="background-color: #F4A460; border:6px #8B4513 solid; 
padding: 15px; margin:0px 0px 0px 0px;">
<img src=http://www.liveinternet.ru/images/fotos/704676_227080.jpg BORDER="0">
Мне очень нравится это колечко!</blockquote>
комментарии: 3 понравилось! вверх^ к полной версии
Рамки 11-11-2004 03:44


Рисуем рамки:


1.
Здесь будет Ваш текст


2.
Здесь будет Ваш текст


Исходный текст:

1. <blockquote style="border:3px #000000 dashed;
padding: 15px; margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>
2. <blockquote style="background-color: #ffff00; border:3px #ff0000 solid;
padding: 10px; margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>


Переменные:

border:3px #ff0000 толщина рамки в пикселях и её цвет
background-color: #ffff00 цвет фона рамки
dashed пунктир
solid непрерывная
padding отступ текста от рамки внутри
margin отступ от текста снаружи (если рамка находится внутри текста)
комментарии: 7 понравилось! вверх^ к полной версии
Пояснение к картинке 27-09-2004 04:06


Если же Вы хотите просто дать пояснение своей картинке, то в её адрес необходимо добавить следующее
ALT="Пояснение"
Теперь при подведении курсора будет появляться всплывающая подсказка с Вашим пояснением!
Смотреть пример:
[показать]
Исходный текст:
<http://www.liveinternet.ru/images/fotos/704676_227080.jpg 
ALT="Этот рисунок я выбрала для своего дневника" >

Работает только в Internet Explorer! Остальные браузеры этого не понимают...
комментарии: 1 понравилось! вверх^ к полной версии
Работаем с графикой 27-09-2004 04:02


Чтобы превратить изображение в ссылку, необходимо проделать следующее:
• после публикации с уже прикреплённой картинкой выбрать опцию "редактировать"
• поместить адрес картинки между следующими тэгами (вместо звёздочек)
<A class=link_main title="Ваш текст" href="http://www.куда-то там.ru/">***</A>
• вписать нужный адрес, куда будет вести ссылка
• "Ваш текст" заменить на пояснение, куда вы направляете читателя
• чтобы уже было совсем красиво, после адреса картинки дописать BORDER="0" (смотреть пример ниже)...
[показать]
Исходный текст:
<A class=link_main title="Неприятное состояние" href="http://www.oblom.com/">
<img src=http://www.liveinternet.ru/images/fotos/704676_227080.jpg BORDER="0"></A>

комментарии: 1 понравилось! вверх^ к полной версии
Линии бывают разные! Например: 15-09-2004 07:54


1.

2.

3.

4.

5.

6.

7.


Исходный текст:

1. <hr color="indigo" width="50%" size="19" style="border: dashed 5pt; border-color: indigo ">
2. <hr color="green" width="50%" size="19" style="border: dashed 5pt; border-color: red ">
3. <hr color="red" width="50%" size="9" style="border: dotted 5pt; border-color: red ">
4. <hr color="magenta" width="50%" size="19" style="border: dotted 5pt; border-color: magenta ">
5. <hr color="black" width="50%" size="5" style="border: dashed 5pt; border-color: black ">
6. <hr color="blue" width="50%" size="7" style="border: dotted 5pt; border-color: red ">
7. <hr color="red" width="50%" size="30" style="border: dashed 5pt; border-color: blue ">


Переменные:
WIDTH длина линии в процентах по отношению к экрану
SIZE размер элементов
DASHED пунктирная линия
DOTTED точечная линия
COLOR цвет элементов

Меняем числовые и цветовые значения и создаём свои линии! Удачи Вам!
комментарии: 0 понравилось! вверх^ к полной версии
Рисуем линии! 13-09-2004 04:45


Линия добавляется при помощи тега <HR>
1.

2.

3.

Исходный текст:

1.<HR>
2.<HR size=3 color=#FF0000>
3.<HR size=6 color=#000000>

Переменные:
SIZE толщина линии;
COLOR цвет линии.
комментарии: 2 понравилось! вверх^ к полной версии
"Двигаемся" дальше... 13-09-2004 04:24


Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится. Пример:

[показать]

Исходный текст:

<MARQUEE><img src="http://www.liveinternet.ru/images/fotos/704676_227080.jpg"></MARQUEE>

комментарии: 9 понравилось! вверх^ к полной версии
Двигающийся текст 11-09-2004 04:05


Движение текста достигается при помощи тега <marquee>
1Ваш текст
2Ваш текст
3Ваш текст
4Ваш текст
5Ваш текст
6Ваш текст

Исходный текст:

1. <MARQUEE>Ваш текст</MARQUEE>
2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>
3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>
4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>
5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>
6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>


Переменные:
HEIGHT высота "окошка", в котором двигается текст;
WIDTH расстояние, на которое перемещается текст.
комментарии: 10 понравилось! вверх^ к полной версии
Необходимые комментарии 11-09-2004 03:38


Для изменения дизайна достаточно выбрать цифровой код из таблицы и на странице настроек дневника ввести его в требуемое окошко, не обращая внимания на то, что там предлагают.
Это, конечно, не полный список цветов, это основные. Полную цветовую гамму показывает программа Designa, на мой взгляд, лучшая в этой разновидности программ для подбора и определения цвета.
комментарии: 0 понравилось! вверх^ к полной версии
Урок №1 09-09-2004 03:09


Таблица базовых цветов BgColor
Aliceblue
F0F8FF
Antiquewhite
FAEBD7
Aquarius
0AE0A0
Aquamarine
7FFFD4
Azure
F0FFFF
Beige
F5F5DC
Bisque
FFE4C4
Black
000000
Blanchedalmond
FFEBCD
Blue
0000FF
Blueviolet
B000E0
Brown
A52A2A
Burlywood
DEB887
Cadetblue
5F9EA0
Chartreuse
7FFF00
Chocolate
D2691E
Coral
FF7F50
Cornflowerblue
6495ED
Cornsilk
FFF8DC
Crimson
DC143C
Cyan
00FFFF
Darkblue
00008B
Darkcyan
008B8B
Darkgoldenrod
B8860B
Darkgray
A9A9A9
Darkgreen
006400
Darkkhaki
BDB76B
Darkmagenta
8B008B
Darkolivegreen
556B2F
Darkorange
FF8C00
Darkorchid
9932CC
Darkred
8B0000
Darksalmon
E9967A
Darkseagreen
8FBC8F
Darkslateblue
483D8B
Darkslategray
2F4F4F
Darkturquoise
00CED1
Darkviolet
9400D3
Deeppink
FF1493
Deepskyblue
00BFFF
Dimgray
696969
Dodgerblue
1E90FF
Firebrick
B22222
Floralwhite
FFFAF0
Forestgreen
228B22
Fuchsia
FF00FF
Gainsboro
DCDCDC
Ghostwhite
F8F8FF
Читать далее...
комментарии: 16 понравилось! вверх^ к полной версии
Это я! 09-09-2004 03:05


[показать]
Немного о себе. Зовут меня Оля, возраст... впрочем, это неважно...
Рост 177, вес 54 кг, параметры 89-52-70, волосы тёмные, глаза зелёные, голос приятный, не замужем...
Больше вы обо мне ничего не узнаете. Этот дневник не будет содержать никакой информации обо мне. Он был сделан для того, чтобы помочь вам украсить свои дневники. Поэтому просьба — не спрашивать о вещах, не относящихся к данной тематике.
Комментариям буду рада, на все возникшие вопросы постараюсь ответить.
И ещё: как ни странно, но большая часть стандартных тегов HTML не читается браузером Opera, поэтому результаты могут самые непредсказуемые. Все претензии — в Норвегию, к разработчикам Operы.
Кстати, Netscape и Mozilla ведут себя адекватно. Что-то понимают, что-то нет...
комментарии: 14 понравилось! вверх^ к полной версии