Заливаем в дневник рамку ( или ищем в инете :) )
Затем, в простом редакторе, добавляем такой код.
Что бы было понятнее я уберу стили и тогда получится
У первого дива в стиле прописан фоновый рисунок background: url( 'http://.....').
Вместо моего Вы прописываете адрес своего рисунка.
Ширина width и высота height первого дива точно такая же как и высота и ширина фонового рисунка
Для каждого участка где будет размещаться текст создадим отдельный див. Для ТЕКСТ1 это второй див, для ТЕКС2 - третий.
Ширина и высота этох дивов такая как ширина и высота поля для вывода. В моем случае ширина width: 200px, высота height: 250px;
Все что осталось это вывести эти дивы в нужном месте. Для этого для каждого дива указываем отступ сверху margin-top и отступ слева margin-left
Вот собстевнно говоря и все :)))
Для наглядности я в дивах, в которых выводится текст, прописал в стиле border: solid 1px #f00000
( для другого дива цвет #0000f0 )
Вот что получилось
[280x280]
[показать]