-Поиск по дневнику

Поиск сообщений в Mindless

 -Подписка по e-mail

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.06.2004
Записей: 55
Комментариев: 1024
Написано: 350




Давайте сделаем наши дневники красивыми!


Немножко простого HTML

Воскресенье, 28 Ноября 2004 г. 04:47 + в цитатник
Делать текст жирным и наклонным вы уже умеете.
Попробуем его зачеркнуть! Для этого применим тег <S> и парный к нему </S>:

Это зачёркнутый текст

Исходный текст:
<S>Это зачёркнутый текст</S>



Процитировано 9 раз

Как-то так...

Суббота, 27 Ноября 2004 г. 05:53 + в цитатник



Процитировано 4 раз

Наши руки не для скуки.....

Суббота, 20 Ноября 2004 г. 06:02 + в цитатник
Нет, ничего страшного с Вашим браузером не случилось и это не очередной ремонт на сервере ЛиРу. Это развлекается Mindless. Я просто решила Вам показать, что средствами HTML текст можно положить набок. Здесь довольно много переменных, но мои постоянные читатели уже наверняка привыкли к тому, что я объясняю всё, что требуется им для понимания своих действий, связанных с изменением текста по "своему вкусу". Хотя, в последнее время я всё более склоняюсь к тому, что кое-какие переменные можно и не разжёвывать. Всё равно они повторяются постоянно! И в связи с этим возникает вопрос: Вам здесь хоть немного интересно, или я делаю всё это только для своего собственного удовольствия?

Исходный текст:
<DIV style="WRITING-MODE: tb-rl"><FONT style="FONT-WEIGHT: normal; 
FONT-SIZE: 16px; WIDTH: 480px; HEIGHT: 250px; FONT-FAMILY: georgia;
TEXT-ALIGN: justify">Ваш текст</FONT></DIV>


Переменные:
FONT-WEIGHT тип шрифта
FONT-SIZE размер шрифта
WIDTH высота надписи
HEIGHT ширина надписи
FONT-FAMILY гарнитура шрифта
TEXT-ALIGN выравнивание (в данном случае — привязка к краям, варианты left, right)



Процитировано 11 раз

Не в тему...

Суббота, 13 Ноября 2004 г. 16:59 + в цитатник



Процитировано 1 раз

Про "оборудование"

Пятница, 12 Ноября 2004 г. 07:28 + в цитатник
Согласитесь, неудобно всякий раз после внесения корректировок ждать отправки сообщения, чтобы посмотреть, что же там получилось!
Для работы я сама использую два редактора: "Патриот ХР" и "PSPad". Первый удобнее, так как позволяет сразу увидеть результат. Второй более навороченный, требуется в редких случаях, зато имеет подсветку синтаксиса.
Если у Вас их нет, то самый простой способ — это создать текстовый файл с вашим сообщением, сохранить его с расширением .htm и открыть в Internet Explorer. Редактировать можно прямо в нём (через опцию править)!
Цвет лучше выбирать при помощи двух программ "Designa" и "Pixie". Первая даёт полную цветовую гамму с кодами цветов, вторая просто работает по принципу "пипетки", достаточно подвести курсор к объекту — и рядом в окошке появится номер его цвета.
Если возникнут какие-то вопросы — спрашивайте!



Процитировано 1 раз

Кстати говоря!

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

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


Например:

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

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

Не правда ли, очень выделяется?



Процитировано 8 раз

Осваиваем "фильтры"

Четверг, 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> цвет текста



Процитировано 16 раз

Осваиваем "фильтры"

Четверг, 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




Процитировано 8 раз

Осваиваем "фильтры"

Четверг, 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> цвет текста



Процитировано 20 раз

А можно и так....

Четверг, 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>



Процитировано 8 раз

Рамки

Четверг, 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 отступ от текста снаружи (если рамка находится внутри текста)



Процитировано 18 раз

Пояснение к картинке

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

Работает только в Internet Explorer! Остальные браузеры этого не понимают...



Процитировано 7 раз

Работаем с графикой

Понедельник, 27 Сентября 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>




Процитировано 3 раз

Линии бывают разные! Например:

Среда, 15 Сентября 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 цвет элементов

Меняем числовые и цветовые значения и создаём свои линии! Удачи Вам!



Процитировано 8 раз

Рисуем линии!

Понедельник, 13 Сентября 2004 г. 04:45 + в цитатник
Линия добавляется при помощи тега <HR>
1.

2.

3.

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

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

Переменные:
SIZE толщина линии;
COLOR цвет линии.



Процитировано 9 раз

"Двигаемся" дальше...

Понедельник, 13 Сентября 2004 г. 04:24 + в цитатник
Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится. Пример:



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

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




Процитировано 33 раз
Понравилось: 6 пользователям

Двигающийся текст

Суббота, 11 Сентября 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 расстояние, на которое перемещается текст.



Процитировано 18 раз

Необходимые комментарии

Суббота, 11 Сентября 2004 г. 03:38 + в цитатник
Для изменения дизайна достаточно выбрать цифровой код из таблицы и на странице настроек дневника ввести его в требуемое окошко, не обращая внимания на то, что там предлагают.
Это, конечно, не полный список цветов, это основные. Полную цветовую гамму показывает программа Designa, на мой взгляд, лучшая в этой разновидности программ для подбора и определения цвета.

Урок №1

Четверг, 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
Gold
FFD700
Goldenrod
DAA520
Gray
808080
Green
008000
Greenyellow
ADFF2F
Honeydew
F0FFF0
Hotpink
FF69B4
Indianred
CD5C5C
Indigo
4B0082
Ivory
FFFFF0
Khaki
F0E68C
Lavendar
E6E6FA
Lavenderblush
FFF0F5
Lawngreen
7CFC00
Lemonchiffon
FFFACD
Lightblue
ADD8E6
Lightcoral
F08080
Lightcyan
E0FFFF
Lightgoldenrodyellow
FAFAD2
Lightgreen
90EE90
Lightgrey
D3D3D3
Lightpink
FFB6C1
Lightsalmon
FFA07A
Lightseagreen
20B2AA
Lightskyblue
87CEFA
Lightslategray
778899
Lightsteelblue
B0C4DE
Lightyellow
FFFFE0
Lime
00FF00
Limegreen
32CD32
Linen
FAF0E6
Magenta
FF00FF
Maroon
800000
Mediumauqamarine
66CDAA
Mediumblue
0000CD
Mediumorchid
BA55D3
Mediumpurple
9370D8
Mediumseagreen
3CB371
Mediumslateblue
7B68EE
Mediumspringgreen
00FA9A
Mediumturquoise
48D1CC
Mediumvioletred
C71585
Midnightblue
191970
Mintcream
F5FFFA
Mistyrose
FFE4E1
Moccasin
FFE4B5
Navajowhite
FFDEAD
Navy
000080
Oldlace
FDF5E6
Olive
808000
Olivedrab
6B8E23
Orange
FFA500
Orangered
FF4500
Orchid
DA70D6
Palegoldenrod
EEE8AA
Palegreen
98FB98
Paleturquoise
AFEEEE
Palevioletred
D87093
Papayawhip
FFEFD5
Peachpuff
FFDAB9
Peru
CD853F
Pink
FFC0CB
Plum
DDA0DD
Powderblue
B0E0E6
Purple
800080
Red
FF0000
Rosybrown
BC8F8F
Royalblue
4169E1
Saddlebrown
8B4513
Salmon
FA8072
Sandybrown
F4A460
Seagreen
2E8B57
Seashell
FFF5EE
Sienna
A0522D
Silver
C0C0C0
Skyblue
87CEEB
Slateblue
6A5ACD
Slategray
708090
Snow
FFFAFA
Springgreen
00FF7F
Steelblue
4682B4
Tan
D2B48C
Teal
008080
Thistle
D8BFD8
Tomato
FF6347
Turquoise
40E0D0
Violet
EE82EE
Wheat
F5DEB3
White
FFFFFF
Whitesmoke
F5F5F5
Yellow
FFFF00
YellowGreen
9ACD32



Процитировано 138 раз
Понравилось: 5 пользователям

Это я!

Четверг, 09 Сентября 2004 г. 03:05 + в цитатник

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


Поиск сообщений в Mindless
Страницы: 3 2 [1] Календарь