Разберем сначала рамочку с картинкой и фоном.

Выглядит этот код вот так.



Вот теперь в нее и будем подставлять все, что нам требуется. Сначала мы подставим в нее код фона. Код фона, это его адрес (начинается с http://), . Если фон поставлен через радикал, то это код №1 . Слова стираем, а вместо них подставляем адрес фона.


Теперь ставим небольшую картиночка, ту, что мы хотим видеть в разрыве. ВНИМАНИЕ ЗДЕСЬ СТАВИТСЯ HTML код картинки. Если с радикала, то код №6


И последним заменяем слова (ТЕКСТ внутри рамки, т.е.ВАШ ПОСТ ), поставив туда то, что вы хотите видеть в посте. И вы видите готовый вид поста. Зеленым выделен код фона. Черным код картинки. Синим сам пост, в который я для примера поставила две картинки.


Вот что у нас получилось.

Кому нравятся вот такие рамочки с разрывом для вставки картинки или текста, например темы поста или названия. С применение своего фона к каждой рамке

Аналогично делается, если в разрыве рамки вы хотите видеть текст Тогда вместо кода картинки ставите просто свой текст. Выглядеть это будет вот так

УРОК ДЛЯ БЛОГА Кому нравятся вот такие рамочки с разрывом для вставки картинки или текста, например темы поста или названия. С применение своего фона к каждой рамке

Можно делать просто рамочку с картинкой или словами, но фон оставить свой, тот что у вас в блоге. Тогда это будет выглядеть вот так.

Кому нравятся вот такие рамочки с разрывом для вставки картинки или текста, например темы поста или названия. С применение своего фона к каждой рамке

А теперь коды аналогичных рамочек
РАМОЧКА С РАЗРЫВОМ (КАРТИНКОЙ или текстом)) И ФОНОМ
РАМОЧКА С разрывом (КАРТИНКОЙ или текстом) БЕЗ ФОНА
ПРОСТАЯ РАМОЧКА ВОКРУГ ТЕКСТА (без разрыва)
Из блога ГАЛИНЫ ШАДРИНОЙ