Сделаем рамку с заголовком и закругленым уголком.

Новогодняя песня

В лесу родилась елочка,
В лесу она росла,
Зимой и летом стройная,
Зеленая была.

Метель ей пела песенку:
"Спи, елочка, бай-бай!"
Мороз снежком укутывал:
"Смотри, не замерзай!"

Трусишка зайка серенький
Под елочкой скакал.
Порою волк, сердитый волк
Рысцою пробегал.

Чу! Снег по лесу частому
Под полозом скрипит;
Лошадка мохноногая
Торопиться, бежит.

Везет лошадка дровенки,
А в дровнях старичок, [мужичок]
Срубил он нашу елочку
Под самый корешок.

Теперь она, нарядная,
На праздник к нам пришла
И много, много радости
Детишкам принесла.

Для этого понадобяться 2 рисунка, один для фона заголовка и рисунок уголка

- Фоновый рисунок заголовка высотой 25 пикселей и шириной в 1 пиксель

- рисунок уголка ширина и высота по 25 пикселей

Что бы сделать такую рамку понадобится 3 <DIV>. Один общий который задаст ширину рамки, один для заголовка рамки и див в котором разместится текст

Упрощенно это выглядит так

Полный вариант выглядит так. Для удобства я пронумеровал дивы 1,2,3

Первый див задает общую ширину рамка width 600px и добавляет бордер к рамке border: solid 1px #00000f;

Обратите внимание на то что высота второго дива задана явно и составляет height: 25px столько же сколько и высота фонового рисунка который задается в background

Остальные стили задают цвет фона, размер шрифта и тд.

Что бы скруглить уголок нужно поверх угла дива вывести рисунок скругленного уголка. Что бы вывести рисунок в нужном нам месте нужно к рисунку добавить стиль position: relative и параметрами top, left задать нужное нам место

Код с скругленым уголком выглядит вот так

Что бы не мучаться с видом рамки уберите галочку с "Сохранять переводы строк в тексте."
Что бы текст выводился со всеми пробелами и переносами строк заключите его в теги <pre></pre>

Картинки, фоны и музыку я взял их из постов Kapitoshka_70 и Inmira за что им огромное спасибо

Включите звук на компьютере :)))

Женщина, стоя на гребне скалы, Круто нависшей над ширью морскою, Взглядом бежала до полной луны, Тая в минорном аккорде прибоя. Море на берег роняло слезу, Рокотом нежным звало и манило, Волнами камни ласкало внизу, В брызгах соленых любовь ей дарило. В этой окутанной магией мгле Вдруг услыхала призывные звуки, И наяву, но как будто во сне, Счастью навстречу раскинула руки. И закричала – Люблю я тебя! Смерть не ищу, лишь хочу быть с тобою. В крике гортанном – боль, радость, тоска Шаг… И себя отдала она морю

Код открытки

При желании замените ссылку на музыкальный файл, картинку. Ну и текст вставьте тот который Вам нужен

Не забываем убирать галочку с "Сохранять переводы строк в тексте."

Сделать рамку такого вида? Нет ничего проще!

Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля!

Возьмем 3 рисунка

Первый рисунок будет использован для рамки, второй - фон текста и третий просто рисунок :)

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

Вот ссылки на наши рисунки.

Все что осталось что бы получить код рамки это зайти на http://vln.dp.ua/cart.php и заполнить все поля формы

Если картинка в рамке не нужна то оставьте поле не заполненым и получите код рамки с текстом

Жмем на "получить код" и получаем код для вставки в дневник

Важно! Не забываем убирать галочку с "Сохранять переводы строк в тексте." в редакторе поста