Серия сообщений "Уроки по дневнику":
Часть 1 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 2 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
...
Часть 8 - Сделай для блога кнопку.
Часть 9 - Фон для записи.
Часть 10 - Таблица цветов
Часть 11 - Для оформления блога.
Часть 12 - Учимся делать Рамку с уголками.
Часть 13 - Все коды цвета для текстов.
Часть 14 - Прозрачные фоны для дневника

Серия сообщений "Полезности":
Часть 1 - Миникоробочки-Валентинки!
Часть 2 - Несколько советов тем, кто решил связать обувь на лето. Как связать сапоги.
Часть 3 - Православные иконы
...
Часть 7 - Убрать большой живот за 2 недели
Часть 8 - -34кг за 10 месяцев
Часть 9 - Состав ДОМАШНЕЙ АПТЕЧКИ: советы провизора и народной медицины

Серия сообщений "Афоризмы":
Часть 1 - Афоризмы
Часть 2 - Афоризмы
Часть 3 - Афоризмы
Часть 4 - Афоризмы
Часть 5 - Доктор Хаус. Цитаты

Читать далее...

Серия сообщений "Разделители":
Часть 1 - >Разделители для дневников и блогов
Часть 2 - РАЗДЕЛИТЕЛИ
Часть 3 - РАЗДЕЛИТЕЛИ РАЗНЫЕ 5
Часть 4 - Разделители
Часть 5 - Линеечки-разделители. Цветные и разноцветные.

Читать далее...

Серия сообщений "Разделители":
Часть 1 - >Разделители для дневников и блогов
Часть 2 - РАЗДЕЛИТЕЛИ
Часть 3 - РАЗДЕЛИТЕЛИ РАЗНЫЕ 5
Часть 4 - Разделители
Часть 5 - Линеечки-разделители. Цветные и разноцветные.

Серия сообщений "Разделители":
Часть 1 - >Разделители для дневников и блогов
Часть 2 - РАЗДЕЛИТЕЛИ
Часть 3 - РАЗДЕЛИТЕЛИ РАЗНЫЕ 5
Часть 4 - Разделители
Часть 5 - Линеечки-разделители. Цветные и разноцветные.

 

Для того, чтобы к каждой записи делать отдельный фон, необходимо создать таблицу. Приведу вам пример самой простой таблицы, она необходима только для фона. Ниже приведён код. Скопируйте себе для тренировки. Вставлять его нужно в HTML текст записи!!!! <table width="100%"  border="0" cellspacing="5" cellpadding="10" background="URL адрес фонового рисунка"> <tr valign="top"> <td width="100%"> ВАШ ПОСТ</td></tr></table> где: border="0" - толщина рамки   cellspacing="5" - расстояние между ячейками   cellpadding="10" - отступ содержимого таблицы от рамки   background="URL адрес фонового рисунка" - фон таблицы, начинается с http:// (с Радикала код №1)   Менять расстояния отступов и ширину рамки можете, как хотите, а если отступы и рамка не нужны, то меняйте значения на "0"!!! А вот сайты с фонами: http://fatiniyacollection.by.ru/fon.htm http://web.piczo.com/zone/grafika/glavnoe?p=g http://sababa.webhost.ru/Glitori.html http://www.ollenkka.com/backgrounds/ http://miranda.narod.ru/fonts1.html http://fonegallery.narod.ru/red/red.htm ТВОРИТЕ И ЭКСПЕРИМЕНТИРУЙТЕ!!!

Серия сообщений "урок":
Часть 1 - Интересные и полезные ссылки
Часть 2 - Для изучения немецкого
...
Часть 98 - Картинка из кодов
Часть 99 - Как расположить табличку с картинками по центру страницы?
Часть 100 - Как сделать рамочку для текста самому.

Серия сообщений "Уроки по дневнику":
Часть 1 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 2 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
...
Часть 7 - Коды цвета для текстов
Часть 8 - Сделай для блога кнопку.
Часть 9 - Фон для записи.
Часть 10 - Таблица цветов
Часть 11 - Для оформления блога.
Часть 12 - Учимся делать Рамку с уголками.
Часть 13 - Все коды цвета для текстов.
Часть 14 - Прозрачные фоны для дневника

Если вас устраивает тот фон который есть у вас на страничке. А пост просто хочется как-то выделить. Можно выделить рамкой ,а уж какой край будет у рамки выбирайте сами по НАЗВАНИЮ. Копируем код и вставляем к себе в блог в Простом редакторе. Там где написано ВАШ ТЕКСТ - Вставляете свой текст. Ещё в коде можно поменять цвет рамки. Находим вот такой значёк,он обозначает цвет#FFFACD и меняем цвет на тот, который подходит вам. Выбираем цвет. Читаем далее... дневник Милолика Покровская

Серия сообщений "Блестяшки":
Часть 1 - Текстовые рамочки
Часть 2 - Красивейшие анимации цветов от Елены!
Часть 3 - Приветики
Часть 4 - СОКРОВИЩНИЦА ФОНОВ ДЛЯ РАБОТЫ С РАМОЧКАМИ!
Часть 5 - Рамки для выделения текста.
Часть 6 - Рамки для текста
Часть 7 - Гифки "Туфелька и бокал"
...
Часть 15 - Фоны-глиттеры и блестяшки.
Часть 16 - Рамочки с кодами
Часть 17 - 150 разных рамочек

 

Сокровищница фонов для рамочек от OLESI-SAF Сокровищница анимированных фонов, глиттеров, линеечек для рамочек .

Читать далее...

Серия сообщений "Блестяшки":
Часть 1 - Текстовые рамочки
Часть 2 - Красивейшие анимации цветов от Елены!
Часть 3 - Приветики
Часть 4 - СОКРОВИЩНИЦА ФОНОВ ДЛЯ РАБОТЫ С РАМОЧКАМИ!
Часть 5 - Рамки для выделения текста.
Часть 6 - Рамки для текста
...
Часть 15 - Фоны-глиттеры и блестяшки.
Часть 16 - Рамочки с кодами
Часть 17 - 150 разных рамочек

Всем привет!

По стечению обстоятельств 5 разных людей попросили меня объяснить как сделать простую кнопку, так чтоб не писать одно и тоже 5 раз создаю пост) возможно и ещё кому-нибудь пригодится.

Самая простая кнопка

 

 

 

В общем-то это сама кнопка, а во флейме её код, ниже на картинке фото этого кода

<form action="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/profile"" target="_blank">http://www.liveinternet.ru/users/afina74/profile"</a> target="_blank" method="get"><input type="submit" value="Блог Дайтеки" /></form>

1. Адрес блога - поменяйте на адрес своего блога или любого поста для которого нужно создать кнопку

2. Надпись - тут я думаю сами знаете что написать)

 

Теперь давайте попробуем сделать кнопочку чуть посложнее:

 

Вот собственно сам её код:

разберём чуть подробней:

1. Как и в простом варианте - адрес блога

2. Адрес картинки

#000080 - код цвета фона - если Вам такой цвет не подходит, то код цвета просто поменяйте - Коды цвета

 

 

 

<form action="URL" method="get"><button style="BACKGROUND: #000080; WIDTH: 150px" type="submit"><img src="URL картинки" _fcksavedurl="URL картинки" /></button></form>

Код картинки - если Вам нужно её поменять, то просто вставьте адрес своей картинке или загружите её на сервер.

 

<img src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/c/0/39/201/39201473_3a259bf79a47632f0cb65d1e7ed21e26.gif"" target="_blank">//img0.liveinternet.ru/images/attach/c/0/39/2...632f0cb65d1e7ed21e26.gif"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/c/0/39/201/39201473_3a259bf79a47632f0cb65d1e7ed21e26.gif"" target="_blank">//img0.liveinternet.ru/images/attach/c/0/39/2...632f0cb65d1e7ed21e26.gif"</a> alt="" />

 

Когда определились с цветом, картинкой, добавляйте текст

<form action="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/profile/"" target="_blank">http://www.liveinternet.ru/users/afina74/profile/"</a> method="get"><button style="BACKGROUND: #000080; WIDTH: 150px" type="submit"><font color="#FFFFFF">Не нажимай</font><img src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/c/0/39/201/39201473_3a259bf79a47632f0cb65d1e7ed21e26.gif"" target="_blank">//img0.liveinternet.ru/images/attach/c/0/39/2...632f0cb65d1e7ed21e26.gif"</a> _fcksavedurl="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/c/0/39/201/39201473_3a259bf79a47632f0cb65d1e7ed21e26.gif"" target="_blank">//img0.liveinternet.ru/images/attach/c/0/39/2...632f0cb65d1e7ed21e26.gif"</a> alt="" /></button></form>

1. Адрес блога

2. Адрес картинки

3. Цвет фона

4. Цвет текста для кнопки

 

Сложив всё вместе Вы получите вот такую кнопку, для упрощения всех операций просто скопируйте код из флейма и замените нужные моменты. Если остались вопросы пишите в комментах.

 

Не нажимай

 

Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

Серия сообщений "Уроки по дневнику":
Часть 1 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 2 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
...
Часть 6 - Картинка из кодов
Часть 7 - Коды цвета для текстов
Часть 8 - Сделай для блога кнопку.
Часть 9 - Фон для записи.
Часть 10 - Таблица цветов
...
Часть 12 - Учимся делать Рамку с уголками.
Часть 13 - Все коды цвета для текстов.
Часть 14 - Прозрачные фоны для дневника

Серия сообщений "Уроки по дневнику":
Часть 1 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 2 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
...
Часть 5 - КАК ВСТАВИТЬ ТЕКСТОВЫЙ КОД В СООБЩЕНИЕ...
Часть 6 - Картинка из кодов
Часть 7 - Коды цвета для текстов
Часть 8 - Сделай для блога кнопку.
Часть 9 - Фон для записи.
...
Часть 12 - Учимся делать Рамку с уголками.
Часть 13 - Все коды цвета для текстов.
Часть 14 - Прозрачные фоны для дневника

 

Код этой картинки:

<table background="//s43.radikal.ru/i101/1009/5f/56bb15a65539.jpg" height="470" width="600" border="1" cellpadding="5" align=center>
<tr>
<th width="590" valign=bottom>
<img src=http://i47.photobucket.com/albums/f165/alexdale1/Biggie%20Dollies/dolliebig3.gif>
</th>
</tr>
</table>

Чтобы сделать такую картинку, смотри далее

Серия сообщений "Уроки по дневнику":
Часть 1 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 2 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
...
Часть 4 - Делаем Таблицу с Картинками
Часть 5 - КАК ВСТАВИТЬ ТЕКСТОВЫЙ КОД В СООБЩЕНИЕ...
Часть 6 - Картинка из кодов
Часть 7 - Коды цвета для текстов
Часть 8 - Сделай для блога кнопку.
...
Часть 12 - Учимся делать Рамку с уголками.
Часть 13 - Все коды цвета для текстов.
Часть 14 - Прозрачные фоны для дневника

Серия сообщений "Уроки по дневнику":
Часть 1 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 2 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 3 - Огромная HTML-Шпаргалочка
Часть 4 - Делаем Таблицу с Картинками
Часть 5 - КАК ВСТАВИТЬ ТЕКСТОВЫЙ КОД В СООБЩЕНИЕ...
Часть 6 - Картинка из кодов
Часть 7 - Коды цвета для текстов
...
Часть 12 - Учимся делать Рамку с уголками.
Часть 13 - Все коды цвета для текстов.
Часть 14 - Прозрачные фоны для дневника

Серия сообщений "Вышивка":
Часть 1 - Моя вышивка - новая серия фотографий в фотоальбоме
Часть 2 - Моя вышивка - новая серия фотографий в фотоальбоме
Часть 3 - ЗНАЧЕНИЕ ВЫШИВКИ - символы и приметы в вышивании
Часть 4 - Толковый словарь хомяка
Часть 5 - Нахомячила полную норку
Часть 6 - ХОМЯКУ ОТ СУСЛИКА
Часть 7 - Карта
Часть 8 - Сердце из бабочек. Схема вышивки крестом

Серия сообщений "Полезные советы":
Часть 1 - ЗНАЧЕНИЕ ВЫШИВКИ - символы и приметы в вышивании

1.

Серия сообщений "Часики":
Часть 1 - Часики 4(от Francis)
Часть 2 - Часики
...
Часть 8 - Часики &quot;он и она&quot;
Часть 9 - Часики &quot;ракушки&quot;
Часть 10 - Часики &quot;феи&quot;

1.

Серия сообщений "Часики":
Часть 1 - Часики 4(от Francis)
Часть 2 - Часики
...
Часть 7 - Часики &quot;предметы&quot;
Часть 8 - Часики &quot;он и она&quot;
Часть 9 - Часики &quot;ракушки&quot;
Часть 10 - Часики &quot;феи&quot;

1.

Серия сообщений "Часики":
Часть 1 - Часики 4(от Francis)
Часть 2 - Часики
...
Часть 6 - Часики &quot;механические&quot;
Часть 7 - Часики &quot;предметы&quot;
Часть 8 - Часики &quot;он и она&quot;
Часть 9 - Часики &quot;ракушки&quot;
Часть 10 - Часики &quot;феи&quot;