Фоны

Обьясняю поэтапно как сделать пост с фоном.

1/ Для начала находим сам фон.Это может быть как анимация так и простая картинка.Для примера возьму вот эту картинку

Именно она http://fonerus.ru/_ph/29/2/750464968.jpg и будет фоном в нашем посту.
2/ Для того чтобы использовать эту картинку как фон необходим код. Вот этот код:

Код:: <div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="тут ссылка на фон"><tbody><tr><td width="100%"><br><div align="center">
</td></tr></tbody></table>

3/ Теперь берем этот код, вставляем в пост, а там где написано "тут ссылка на фон" вставляем ссылку http://fonerus.ru/_ph/29/2/750464968.jpg Получается следующий код:

Код:: <div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/29/2/750464968.jpg"><tbody><tr><td width="100%"><br><div align="center">
</td></tr></tbody></table>

4/ Далее добавляем текст. Пусть будет такой: "Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже " После вставки этого поста в код получится следующее:

Код:: <div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/29/2/750464968.jpg"><tbody><tr><td width="100%"><br><div align="center">
Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже
</td></tr></tbody></table>

5/ Нужно учитывать, что фон сам по себе небольшой и при длинном посту он продублируется.Иногда этот дубляж очень заметен, поэтому следует аккуратно выбирать фон и смотреть как он будет выглядеть в посту после завершения дизайна.

6/ Наш текст стандартный и черный.На некоторых фонах он даже может затеряться, поэтому я советую его увеличить и изменить спец.тегами, добавить "жирность", и поменять цвет.После всех изменений получается следующий код:

Код:: <div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/29/2/750464968.jpg"><tbody><tr><td width="100%"><br><div align="center">
[b][size=18][color=#0033ff]Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже[/color][/size][/b]
</td></tr></tbody></table>

Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже Smile

7/ Далее добавляем линейки сверху поста и снизу с сайта http://mirgif.com/ Беру вот эту линейку как вариант

Фоны 7238

Вот это

Код:: [img]http://mirgif.com/razdeliteli/7238.gif[/img]

копируем сверху и снизу поста и получаем следующее:

Код:: <div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/29/2/750464968.jpg"><tbody><tr><td width="100%"><br><div align="center">
[img]http://mirgif.com/razdeliteli/7238.gif[/img]
[b][size=18][color=#0033ff]Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже[/color][/size][/b]
[img]http://mirgif.com/razdeliteli/7238.gif[/img]
</td></tr></tbody></table>

Здравствуйте! Представляю Вашему вниманию новый пост с фоном.Тут дальше все будет оформлено но чуть позже
Фоны 7238

Конечный результат очень аляпистый и фон неудачный но это лишь пример. Какие могут быть темы с фоном я показал выше.Остальное в вашх руках.Если что непонятно пишите не стесняйтесь

http://fonerus.ru

Один из сайтов для копирования фонов.Удобен наличием прямой ссылки на понравившийся фон.Фоны можно использовать в сложных постах с использованием html Примеры: http://jagplaysvoboda.forumy.eu/t2160-topic http://jagplaysvoboda.forumy.eu/t2567-topic http://jagplaysvoboda.forumy.eu/t2086-topic

Хороший фон для поздравлений с эффектом падающих конфети http://fonerus.ru/_ph/86/2/724289263.gif?1430081416 Текст поздравления можно обработать кодом с тенью

Код:: <left style="color: #000000; font-size: 20px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">сюда вставляем текст</left >

В этом коде можно изменить положение текста (по умолчанию текст по левому краю left style) цвет (черный по умолчанию #000000), размер (стоит 20 пикселей), добавить тень (text-shadow: #000000 черная по умолчанию) и указать ее размеры (по умолчанию 0px 1px 1px)

Еще можно картинку вставить (например по этой ссылке http://s017.radikal.ru/i404/1505/a3/a3b3e780a06f.gif) и вот окончательный результат:

Код:: <div class="vote-bar-plus" style="height:0px;"></div></div><div class="postbody"><div><table background="http://fonerus.ru/_ph/86/2/724289263.gif?1430081416"><tbody><tr><td width="100%"><br><div align="center">
<center style="color: #0000ff; font-size: 30px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">С днем варения именинник))) Счастья тебе, здоровья и исполнения всех желаний)))
[img]http://s017.radikal.ru/i404/1505/a3/a3b3e780a06f.gif[/img]</center>
</td></tr></tbody></table>

С днем варения именинник))) Счастья тебе, здоровья и исполнения всех желаний)))
Фоны A3b3e780a06f

-CHAK- пишет:: Неплохая подборка фонов

https://fotki.yandex.ru/users/vera-asafova/album/190222/