Рамочки с разрывом.

Вторник, 04 Февраля 2014 г. 06:11 + в цитатник

Цитата сообщения Астраханочка_51

Прочитать целиком В свой цитатник или сообщество!

рамочки с разрывом

Этот пост для тех, кому нравятся вот такие рамочки с разрывом для вставки картинки или текста, например темы поста или названия. С применение своего фона к каждой рамке, но не знает как это сделать. Здесь я выкладываю коды этих рамочек, и немного пояснения для тех, кто не разберется в этом сам.

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

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

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

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

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

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

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

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

УРОК ДЛЯ БЛОГА

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

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