Записи с меткой оформление постов

(и еще 22 записям на сайте сопоставлена такая метка)

Другие метки пользователя ↓

астрология высоцкий в.с. гостевая для тебя: клипарт для оформления постов для рамочек - коды для тебя ... духовность живопись информеры история компьютер космос котики-коты любимая музыка любимая музыка музыка музыка классическая музыка - зарубежн. музыка - клипарт музыка классическая музыкальная гостиная настроение новый год: клипарт новый год - клипарт новый год: клипарт осень осень - клипарт песики-собачки плееры политика поэзия рамочки рамочки для текста ... рамочки для текста рамочки для текста ... сейчас-в прошлом-в будущем стихи схемы тексты украшалочки уроки (плееры) флеш-плееры флешки флешки-заготовки фоны цвета часики шаблоны рамочек шаблоны рамочек эротика

Комментарии (0)

Делаем красивую аниммированную надпись без ФШ

Среда, 05 Июня 2013 г. 05:09 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Делаем красивую аниммированную надпись без ФШ

КОД ДЛЯ МЕЙЛА

Делаем красивую аниммированную надпись без ФШ

Вот такие красивые надписи вы сможете сделать на этом сайте.
Достаточно только выбрать шрифт, вид анимации, выставить размер шрифта....

ДЕЛАЕМ КРАСИВУЮ АНИММИРОВАННУЮ НАДПИСЬ

Сайт на английском, но вы без труда разберетесь, а мой скрин вам в этом поможет...))

К сожалению, по-русски работает только один шрифт

А если справа нажмем вот сюда,

то попадем на другие ресурсы, где можно создавать другие красивые тексты:

для вас Лариса Гурьянова

Серия сообщений "* Генераторы":
Часть 1 - Генераторы фото
Часть 2 - On-line генераторы
...
Часть 19 - Генератор, который украшает
Часть 20 - Делаем пасхальное яичко из любой картинки без ФШ
Часть 21 - Делаем красивую аниммированную надпись без ФШ
Часть 22 - Обрезать песню он-лайн
Часть 23 - Онлайн сервис "Листок с разметкой"
...
Часть 42 - Генераторы он-лайн
Часть 43 - Отличный генератор кода цвета - в помощь для ваших работ
Часть 44 - Генератор кода цвета 2

Комментарии (0)

Шпаргалочка по тегам Берём к себе в цитатник

Пятница, 24 Мая 2013 г. 01:53 + в цитатник
Это цитата сообщения mirela-MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

Шпаргалочка по тегам Берём к себе в цитатник.

Шпаргалочка по тегам Берём к себе в цитатник.

1. Шпаргалочка по тегам № 2

[flash=150,150,http://www.toolshell.org/swfs/simpelklok.swf?bgimg=//img0.liveinternet.ru/images/attach/c/4/79/489/79489184_404411756.jpg&clockt=2&sectype=1&dots=1&tra=0&cx=0&cy=0&zoom=50&dfor=0&dax=0&day=0&dfont=1&dsize=18&dcol=FFFFFF&bottomtextcol=FFFFFF&.swf]
1. Вид шрифта:
1. Ваш текст <font face="Arial">Ваш текст</font>
2. Ваш текст <font face="MS Mincho, Verdana">Ваш текст</font>

3. Пишем мигающим текстом
Пишем мигающим текстом так - <font style="text-decoration:blink;">ТЕКСТ</font>

2. Как сделать скользящий текст?

Скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

Скользящий вниз текст
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

4)
>>Всё для вас от Монички<<
<font color="#ff69b4"><marquee width="10%" behavior="alternate">>></marquee>Всё для вас от Монички<marquee width="10%" behavior="alternate"><<</marquee></font>
5)

М
O
н
и
ч
к
а

<marquee width="100%" style="text-align: justify;" direction="up" scrolldelay="1" scrollamount="1"><center><font color="#c00000" size="4"><br />М<br />O<br />н<br />и<br />ч<br />к<br />а<br /></font></center></marquee>
6)
Всё для Вас
<marquee width="80%" behavior="alternate" direction="up"><marquee behavior="alternate" direction="right">Всё для Вас</marquee></marquee>
7)
Моничка
<marquee width="80%" behavior="alternate" direction="up"><marquee direction="right"><font color="#0000ff">Моничка</font></marquee></marquee>
8)
Спасибо что вы есть у меня:)
<marquee behavior="alternate" direction="up"><font color="#ff0000">Спасибо что вы есть у меня:)</font></marquee>
9)

Всё для вас От Монички
Всё для вас От Монички
Всё для вас От Монички
Всё для вас От Монички
<marquee style="color: rgb(247, 124, 4);" direction="up"><br /><center>Всё для вас От Монички<br />Всё для вас От Монички<br />Всё для вас От Монички<br />Всё для вас От Монички</center></marquee>

Смотрим и выбираем понравившийся...
( кое что не работает в опере и в мазиле...)
1) ...FONT-SIZE: 25px...[/color]-Размер текста Менять можно.
...Glow(Color=#FFFFCC...[/color]-Цвет тени.Менять можно
...font color=" #000000"...[/color]-Цвет шрифта.Менять можно.
...FONT-FAMILY: Times Roman;...[/color]-Название шрифта.Менять можно.

Текст с переливающейся тенью.
- КОД ТЕКСТА
2) ...padding:15px;...-Размер фона.Менять можно.
...background-color:red;...-Фон текста.Менять можно.
...color:blue;...-Цвет шрифта.Менять можно.

Цветной текст с цветным фоном
- КОД ТЕКСТА
3) ...font color "FF00FF"... -Цвет шрифта.Менять можно.
...WIDTH: 100px; HEIGHT: 100px; -Размеры.Ширина и Высота.Менять можно.
...FONT-FAMILY: georgia; ...-Название шрифта.Менять можно.
...font size="5" ...-Размер шрифта.Менять можно.

ВАШ ТЕКСТ
- КОД ТЕКСТА
4) ...direction=50...-Длина тени.Менять можно.
Всё остальное менять как показано выше...

Текст с тенью за текстом.
- КОД ТЕКСТА
5) ...direction= 100,.. -Объём текста.Менять можно.
...strength= 10... -Длина тени.Менять можно.
Всё остальное меняем как показано выше.

Движущийся текст с тенью

- КОД ТЕКСТА
6)Смотрим, и меняем всё что нужно, как описано выше.

Тень под текстом!
- КОД ТЕКСТА
7)Смотрим, и меняем всё что нужно, как описано выше.

СвЕтЯщИйСя ТеКсТ.
- КОД ТЕКСТА
8)Смотрим, и меняем всё что нужно, как описано выше.

Крупный красивый текст.
- КОД ТЕКСТА
9)Смотрим, и меняем всё что нужно, как описано выше.

Полупрозрачный текст.
- КОД ТЕКСТА
10) ...dropshadow(Color=PaleGoldenrod...-Тень текста.
...font color="#FF0000 "...-Цвет основного текста.
Всё остальное, что нужно меняем как показано выше.

Двойной текст
- КОД ТЕКСТА
11) ...color=orange);... -Цвет полосок(светлее основного тона)
...color:#A0522D;...-Цвет шрифта(основной)
Всё остальное. что нужно меняем как показано выше.

Текст объёмный полосатый
- КОД ТЕКСТА
12) ...font-size:30pt...-Размер текста.
...color:Chartreuse;...-Цвет текста.

Гладкий объёмный.
- КОД ТЕКСТА
Спасибо за уроки Милолика_Покровская

3. Как сделать всплывающую подсказку?
наведите мышкой на это предложение
<acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>

4. Как сделать бегущую строку?
1)Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee> Привет
Бегущая вправо строка <marquee direction="right">ВАШ ТЕКСТ</marquee> Привет
2)Бегущая от края к краю строка <marquee behavior="alternate">ВАШ ТЕКСТ</marquee>Привет
3)Flash генератор бегущей строки.

Делаем бегущую строку не возясь с кодами.
5. Как сделать бегущую картинку?

<marquee><img height="73" width="123" alt=" (123x73, 4Kb)" src="картинка" /><img height="73" width="123" alt=" (123x73, 12Kb)" src="картинка" /><img height="73" width="123" alt=" (123x73, 4Kb)" src="картинка" /></marquee>

6. Для задания вида рамки используется атрибут border,
который задается для стиля блока div.
Сначала задается толщина рамки, затем тип, потом цвет.
Таблица цветов и стандартные имена уже приводились.
Возможные типы рамок:
1.
Точечная рамка

<div style="border:1px dotted #000;padding:10px;">ВАШ текст</div>
2.
Точечная рамка толщиной +2

<div style="border:2px dotted #000;padding:10px 10px 10px 10px;">ВАШ текст</div>
3.
Точечная рамка толщиной +3 красная

<div style="border:3px dotted red;padding:10px 10px 10px 10px;">ВАШ текст</div>
4.
Сполшная рамка толщиной +3 фиолетовая

<div style="border:3px solid purple;padding:10px 10px 10px 10px;">ВАШ текст</div>
5.
Возвышенный текст толщиной +3 цвет фуксия

<div style="border:3px dashed #A7A7FE;padding:10px 10px 10px 10px;">ВАШ текст</div>
6.
Вдавленный текст толщиной +3 зеленый

<div style="border:3px outset #2D8028;padding:10px 10px 10px 10px;">ВАШ текст</div>

7. Форматирование. span и div.
Текст1Текст2
Текст1<span style="padding-left: 10px;">Текст2</span>
Текст1
Текст2

Текст1<div style="padding-left: 10px;">Текст2</div>

8. Списки.
1)
пункт 1
пункт 2

<ul><li>пункт 1</li><li>пункт 2</li></ul>
2)
пункт 1
пункт 2

<ol><li>пункт 1</li><li>пункт 2</li></ol>

Ваш текст
<h1>Ваш текст</h1>
Теги h1 .. h6. задают заголовки 6 разных уровней (1 - самый большой).
3). Предложение с отступом в абзаце

Привет! Специально для новичков , так как, именно для них все эти уроки, удачи вам ребята!

<p style="text-indent: 40px">ВАШ ТЕКСТ</p>
4). Процитированый в отдельном блоке текст у которого будет небольшой отступ слева

Процитированый в отдельном
блоке текст у которого будет
небольшой отступ слева

<blockquote>ВАШ ТЕКСТ</blockquote>
5). Закрепитель" текст остается таковым, каким вы его пишете

вот
как
я хочу
писать

<pre>ВАШ ТЕКСТ</pre>
6). Текст с правого края в две строчки с выравниванием слева

Текст с правого края в две строчки
с выравниванием слева

<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />
5)Текст с правого края в две строчки с выравниванием справа

Текст с правого края в две строчки
с выравниванием справа

<div align="right">ВАШ ТЕКСТ</div>

9. Окошко для кодов.
1. ВАШ КОД ,где cols - ширина окошка в px, а rows - число строк в окне.
2. -
3. ВАШ КОД -
4. Шаблон контейнера для вставки кода рамочек - с прокруткой

<div style="width: 220px; height:45px;overflow:auto; background-color:#eee; border:1px solid #999; padding:5px"><textarea cols="30" rows="2" name="">Код вашей рамочки

5. Код обычного переключателя

код:
<form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://freiman.info/files/link.php"><em><em><input name="h" value="_self" type="hidden" /><select name="links"><option value="http://mablexa.ya.ru/?ncrnd=6381#y5__id44">1.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">2.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">Всё для вас о Монички</option><option value="http://blogs.mail.ru/mail/mirela_monika/">4.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">5.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">6.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">7.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">8.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">9.НАЗВАНИЕ ПОСТА</option><option value="АДРЕС ПЕРЕКЛЮЧЕНИЯ">10.НАЗВАНИЕ ПОСТА</option></select><input value="открыть" type="submit" /> </em></em><input type=hidden name=tok value=37a17ffdde181f89f8e0d83b810e4d2f /></form>

**************
10.☃Оформление текста:☃

Перечёркнутый текст: ~~ТЕКСТ~~
<s> ваш текст </s>

Подчёркнутый текст: ТЕКСТ
<u> ваш текст </u>

Полужирный текст: ТЕКСТ
<b> ваш текст </b>

Полужирный крупный: ТЕКСТ
<big> ваш текст</big>

Курсивный текст: ТЕКСТ
<i>ваш текст </i>

Маленький текст: текст
<small>ваш текст</small>

☃Текст (картинка) по центру:☃
<center>ваш текст (картинка) </center>

☃Выравнивание текста по правому краю поста:☃
<div align="right"> ваш текст </div>

☃Равномерное выравнивание текста по всей ширине поста:☃
<div align="justify"> ваш текст </div>

☃Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):☃
<blockquote> ваш текст </blockquote>

☃“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):☃
<pre>ваш текст</pre>

☃Бегущая строка (картинка):☃
<marquee> ваша бегущая строка (картинка)</marquee>

Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево

Сноска вверху: ТЕКСТ^сноска
<sup>ваша сноска</sup>

Сноска внизу: ТЕКСТ_сноска
<sub>ваша сноска</sub>

11.☃Размер шрифта:☃

Уменьшить текст: текст - 2
<font size="-2"> уменьшенный текст </font>

Увеличить текст на 1 пункт: текст + 1
<font size="+1"> увеличить текст на 1 пункт </font>

Увеличить текст на 2 пункта: текст + 2
<font size="+2"> увеличить текст на 2 пункта </font>

Увеличить текст на 3 пункта: текст + 3
<font size="+3"> увеличить текст на 3 пункта </font>

12.☃Цвет шрифта☃

КРАСНЫЙ: красный текстм

<font color="red"> красный текст </font>

ЖЕЛТЫЙ: желтый текст

<font color="yellow"> желтый текст </font>

ФИОЛЕТОВЫЙ: фиолетовый текст
<font color="purple"> фиолетовый текст </font>

ЗЕЛЕНЫЙ: зеленый текст
<font color="lime"> зеленый текст </font>

СИНИЙ: синий текст
<font color="navy"> синий текст </font>

ФУКСИЯ: фуксия текст
<font color="fuchsia"> фуксия текст </font>

13.☃Оформление ссылок☃

Как вставить ссылку на веб-страницу:
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a>

Как сделать, чтобы картинка была ссылкой на веб-страницу:
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></a>

Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ" target="_blank"> ВАШ ПОДЗАГОЛОВОК </a>
----------------------------------------------------------------------

11. Рамочки для текста
1.

Рамочка вокруг текста -

2.

Рамочка вокруг текста (разрыв слева)

3.

Рамочка вокруг текста (разрыв справа)

12.Картинки в записи
1.
Картинка слева от текста

2.
Картинка справа от текста

3.

Картинки по бокам текста

13.Картинки в Ряд:

2 картинка: -
3 картинки: -
4 картинки: -
5 картинок: -
6 картинок: -

14.Кнопочки в ваших записях:
1. -
2.

3.

4.

15.Линии для оформления:

Линии
1)

<hr />
2)

<hr size="3" color="#FF0000" />
3)

<hr size="6" color="#000000" />
палитра цветов

ПРОДОЛЖЕНИЕ БУДЕТ!
16.
Ещё уроки ЗДЕСЬ и ЗДЕСЬ

Серия сообщений "Волшебные идеи для блога и сайта":

Часть 1 - ПУТЕВОДИТЕЛЬ по Photoshop
Часть 2 - Карта супер сайта...ВСЕМ В ЦИАТНИК!
...
Часть 10 - Генератор дизайна кнопок для блога
Часть 11 - Кнопочки и баннеры, а точнее их шаблоны...
Часть 12 - Шпаргалочка по тегам Берём к себе в цитатник.

Серия сообщений "Волшебные идеи для блога и сайта":

Часть 1 - Карта супер сайта...ВСЕМ В ЦИАТНИК!
Часть 2 - Волшебные идеи для блога и сайта
...
Часть 16 - Делаем Окошко для наших кодиков ( разноцветными )
Часть 17 - ПУТЕВОДИТЕЛЬ по Photoshop
Часть 18 - Шпаргалочка по тегам Берём к себе в цитатник.

ТЕКСТ

Метки: формулы шпаргалочки оформление постов для оформление постов для оформления постов для оформления поста текст

Комментарии (0)

Урок. Меняем цвет фона на странице сообщения

Понедельник, 17 Декабря 2012 г. 03:22 + в цитатник
Это цитата сообщения undina77 [Прочитать целиком + В свой цитатник или сообщество!]

Урок. Меняем цвет фона на странице сообщения.

Наверное многим будет интересно как поменять цвет страницы сообщения,не прибегая ,при этом, к рамочке для текста.
Вот несколько примеров :

ВАШ ТЕКСТ

Здесь у нас фон звездное небо,а цвет текста FFFFFF-белый

Вот второй пример:

ВАШ ТЕКСТ

Во втором примере наш цвет фона синий,а цвет текста 0099FF-голубой.
Итак,что мы можем менять в формуле:
1.Ссылку на фон -Радикал1
2. Цвет текста
Вот формула в окошечке,где вы сможите это сделать.

ВАШ ТЕКСТ

Палитру цветов с кодировкой можно взять ЗДЕСЬ
А вот ссылка на Радикал ЗДЕСЬ
Вот и все! Желаю удачи!

[/more]

Метки: фоны уроки оформление дневника уроки-фоны-схемы уроки (посты) оформление постов

Страницы:

[1]

LiveInternetLiveInternet

-Метки

-Рубрики

-Музыка

-Приложения

-Всегда под рукой

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

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

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

Записи с меткой оформление постов

Делаем красивую аниммированную надпись без ФШ

Шпаргалочка по тегам Берём к себе в цитатник

Ваш текст

Урок. Меняем цвет фона на странице сообщения