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

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

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

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

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

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

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

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

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

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

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

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

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

<div> <div>Заголовок</div> <div>Текст поста</div> </div>

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

<center> 1 - <div style="width: 600px; border: solid 1px #00000f;"> 2 - <div style="width: 100%; height: 25px; text-align: center; vertical-align: middle; color: #ffffff; font-size: 20px; font-family: Verdana; background: url('//img0.liveinternet.ru/images/attach/c/0//46/913/46913808_b.jpg');"> Новогодняя песня </div> 3 - <div style="width: 100%; border-top: solid 1px #00000f; text-align: center; font-size: 22px; color: #000000; font-family: Verdana; background-color: #f7f0e0; padding-top: 10px;"> <pre> В лесу родилась елочка, В лесу она росла, Зимой и летом стройная, Зеленая была. Метель ей пела песенку: "Спи, елочка, бай-бай!" Мороз снежком укутывал: "Смотри, не замерзай!" Трусишка зайка серенький Под елочкой скакал. Порою волк, сердитый волк Рысцою пробегал. Чу! Снег по лесу частому Под полозом скрипит; Лошадка мохноногая Торопиться, бежит. Везет лошадка дровенки, А в дровнях старичок, [мужичок] Срубил он нашу елочку Под самый корешок. Теперь она, нарядная, На праздник к нам пришла И много, много радости Детишкам принесла. </pre> </div> </div> </center>

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

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

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

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

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

<div style="width: 600px; border: solid 1px #00000f;"> <div style="width: 100%; height: 25px; text-align: center; vertical-align: middle; color: #ffffff; font-size: 20px; font-family: Verdana; background: url('//img0.liveinternet.ru/images/attach/c/0//46/913/46913808_b.jpg');"> Новогодняя песня </div> <div style="width: 100%; border-top: solid 1px #00000f; text-align: center; font-size: 22px; color: #000000; font-family: Verdana; background-color: #f7f0e0; padding-top: 10px;"> <pre> В лесу родилась елочка, В лесу она росла, Зимой и летом стройная, Зеленая была. Метель ей пела песенку: "Спи, елочка, бай-бай!" Мороз снежком укутывал: "Смотри, не замерзай!" Трусишка зайка серенький Под елочкой скакал. Порою волк, сердитый волк Рысцою пробегал. Чу! Снег по лесу частому Под полозом скрипит; Лошадка мохноногая Торопиться, бежит. Везет лошадка дровенки, А в дровнях старичок, [мужичок] Срубил он нашу елочку Под самый корешок. Теперь она, нарядная, На праздник к нам пришла И много, много радости Детишкам принесла. </pre> </div> <img style="position: relative; top: -29px; left: 6px;" src="//img1.liveinternet.ru/images/attach/c/0//46/914/46914691_s.jpg" width="25" height="25" alt=" (25x25, 0Kb)" align="right" /> </div> </center>

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

Без заголовка

полезные ссылочки Воскресенье, 21 Сентября 2008 г. 15:50 (ссылка) Это цитата сообщения Super_Blog [Прочитать целиком + В свой цитатник!] Коллекция картоночных ссылок НЕ СТЕСНЯЕМСЯ - БЕРЕМ В ЦИТАТНИК!) http://www.liveinternet.ru/community/1


полезные ссылочки

Воскресенье, 21 Сентября 2008 г. 15:50 (ссылка)

Это цитата сообщения Super_Blog [Прочитать целиком + В свой цитатник!]

Коллекция картоночных ссылок

НЕ СТЕСНЯЕМСЯ - БЕРЕМ В ЦИТАТНИК!)

http://www.liveinternet.ru/community/1139931/ - Картинки со смыслом
http://www.liveinternet.ru/community/1241127/ - Множество интересных картинок
http://www.liveinternet.ru/community/1055550/ - Картинки, фоны, аватары
http://www.liveinternet.ru/community/1063695/ - Картинки в розовом
http://www.liveinternet.ru/community/1268652/ - Картинки в голубом
http://www.liveinternet.ru/community/1004522/ - Клевые картинки
http://www.liveinternet.ru/community/1374810/ - Картинки и куча аватаров
http://www.liveinternet.ru/community/1510701/ - КаРтИнКи и ФоТкИ
http://www.liveinternet.ru/community/1396284/ - Картинки - куча прикольных и эмо
http://www.liveinternet.ru/community/1184107/ - Картинки – любоф, со словами и т. д.
http://www.liveinternet.ru/community/1257366/ - Картинки (более 1000) много смефных
http://www.liveinternet.ru/community/1404496/ - Картинки звезд. Мало =(
http://www.liveinternet.ru/community/1436819/ - Картинки, в основном любовь =)
http://www.liveinternet.ru/community/1500605/ - Картинки. Че-то вроде есть! -)))
http://www.liveinternet.ru/community/1508470/ - Картинки из коллекции одной девушки
http://www.liveinternet.ru/community/photo_foto/blog/ - Ее же днев картинок
http://www.liveinternet.ru/community/1369417/ - Куча любви, гламура и эмо
http://www.liveinternet.ru/community/1397033/ - Мало, но антересно!
http://www.liveinternet.ru/community/1022805/ - Аватары, депрес, любоффь и др.
http://www.liveinternet.ru/community/1506423/ - Деффачки, пазитиф, глямур =)
http://www.liveinternet.ru/community/1492925/ - Картинки о любви
http://www.liveinternet.ru/community/1501632/ - Картинки про любовь
http://www.liveinternet.ru/community/959817/ - Различные, готика, мишки
http://www.liveinternet.ru/community/1415914/ - В основном они сами их делают
http://www.liveinternet.ru/community/1479228/ - Тоже картинки =)))
http://www.liveinternet.ru/community/1396684/ - Картинки с ангелами
http://www.liveinternet.ru/community/1126959/ - Тоже картинки с ангелами
http://www.liveinternet.ru/community/1353272/ - Ничо так, гламурненько! =))
http://www.liveinternet.ru/community/1277539/ - Куль! )))
http://www.liveinternet.ru/community/1373775/ - В основном гламур
http://www.liveinternet.ru/community/1473930/ - Крутяшные и понтовые пики!
http://www.liveinternet.ru/community/1483321/ - Нежности и прочее
http://www.liveinternet.ru/users/1395430/ - Гламурчики и не только
http://www.liveinternet.ru/community/1099512/ - Могучая кучка различных картинок
http://www.liveinternet.ru/community/1209027/ - Картинки, дизы, аватары
http://www.liveinternet.ru/community/1156333/ - Тоже много различных картинок
http://www.liveinternet.ru/community/1346957/ - О разбитой любви... хнык-хнык! =(
http://www.liveinternet.ru/community/939589/ - Блястяшки
http://www.liveinternet.ru/community/953204/ - В основном девушки
http://www.liveinternet.ru/community/1133364/ - Там написано что они для девченок =/
http://www.liveinternet.ru/community/1135141/ - Слишком мало, но еще все впереди
http://www.liveinternet.ru/community/1442267/ - И здесь тоже так же
http://www.liveinternet.ru/community/1198750/ - Кучка гламура =)
http://www.liveinternet.ru/community/1059283/ - Картинки Катеринки (она их не рисовала)
http://www.liveinternet.ru/users/1483940/ - Гламур
http://www.liveinternet.ru/community/1174117/ - Много разного
http://www.liveinternet.ru/community/1155632/ - Картинки-настроения
http://www.liveinternet.ru/community/1472668/ - Мало, но еще все в переди =)
http://www.liveinternet.ru/community/1462916/ - Мало, но еще все впереди! =)
http://www.liveinternet.ru/community/1471339/ - Ооочень мало и только гламур =)
http://www.liveinternet.ru/community/1295175/ - ГляМур, Эмо, Любофь, Токио Хотел, Evanescence
http://www.liveinternet.ru/community/1215210/ - Множество! И красивые! =)
http://www.liveinternet.ru/community/1326279/ - Картинки, аватары и т д.
http://www.liveinternet.ru/community/1311598/ - Тоже картинки
http://www.liveinternet.ru/users/1420639/ - МиФки, кошечки) муур) ну и прочее
http://www.liveinternet.ru/community/867253/ - Обои, Картинки, Аватары, Эротика, Анимации
http://www.liveinternet.ru/community/1340930/ - Пики, Авики, Дизы и прочее
http://www.liveinternet.ru/community/907415/ - Картинки и авики
http://www.liveinternet.ru/users/658573/ - Около тыщи!
http://www.liveinternet.ru/community/1357751/ - Маловато, но есть клевые аватры
http://www.liveinternet.ru/users/1279586/ - Картинки от Флейси. Куча черно-белых
http://www.liveinternet.ru/communit...s_by_margoshka/ - Много любви и природы
http://www.liveinternet.ru/communit...s_by_yourself_/ - Множество картинок
http://www.liveinternet.ru/community/pictures_for_soul/ - Картинки для души
http://www.liveinternet.ru/communit...ures_for_diary/ - Очень много различных пиков
http://www.liveinternet.ru/communit...for_your_diary/ - Немного хороших пиков
http://www.liveinternet.ru/communit...res_of_fantasy/ - Фентези
http://www.liveinternet.ru/community/pictures_style/ - Girls & Boys, Аватары, Эмо, other
http://www.liveinternet.ru/community/pictures_the_best/ - Девушки, Черно-белые, любофь
http://www.liveinternet.ru/communit...res_of_belarus/ - Беларусь
http://www.liveinternet.ru/community/pictures_diary/ - Знаменитости, Депрес, Аниме, Фентези
http://www.liveinternet.ru/communit...es_for_a_diary/ - Немного картинок
http://www.liveinternet.ru/communit...res_for_design/ - Чуть больше -))
http://www.liveinternet.ru/communit...es_for_diaries/ - Чуть меньше -))
http://www.liveinternet.ru/communit...s_from_glamour/ - Гламур
http://www.liveinternet.ru/community/863634/ - Картиночки
http://www.liveinternet.ru/community/1507780/ - Куча гламура и эмо
http://www.liveinternet.ru/community/951247/ - Эмоции в картинках
http://www.liveinternet.ru/community/emo_pictures/ - Эмо пики
http://www.liveinternet.ru/community/1274888/ - Эмо фоты
http://www.liveinternet.ru/community/1282727/ - Эмо картинки
http://www.liveinternet.ru/communit...ures_community/ - Около тыщи!
http://www.liveinternet.ru/community/pictures/ - Более 2000 клевых картинок !!!
http://www.liveinternet.ru/communit...s_liveinternet/ - Немного, но клева! =)
http://www.liveinternet.ru/community/pictures_for_you_/ - Тоже немнога но клева! =)
http://www.liveinternet.ru/community/picturesss/ - Мало, но клева! =)
http://www.liveinternet.ru/community/pictures_of_day/ - Много всего, куча аватаров =)
http://www.liveinternet.ru/communit...res-with-humor/ - Немного смешных картинок!
http://www.liveinternet.ru/users/picture/ - Много всего различного
http://www.liveinternet.ru/community/1035439/ - Более 11 000 картинок
http://www.liveinternet.ru/community/1101153/ - Фото животных
http://www.liveinternet.ru/community/910094/ - Готические фотки и картинки (около 3000)
http://www.liveinternet.ru/communit..._pictures/blog/ - Готические картинки
http://www.liveinternet.ru/community/goth_dolls/blog/ - Готические куклы
http://www.liveinternet.ru/community/962691/blog/ - Мрачная готика - Dark Gothic
http://www.liveinternet.ru/community/997976/blog/ - Готика - здесь есть не только картинки
http://www.liveinternet.ru/community/891778/ - Рисунки Лиру
http://www.liveinternet.ru/community/world_of_colours/ - Разные картинки
http://www.liveinternet.ru/community/killers_pictures/ - Разные картинки
http://www.liveinternet.ru/community/857330/ - Готика, Любовь, Животные, Аниме, Авики, Мишки и др.
http://www.liveinternet.ru/communit...ctures_avatars/ - Позитивные, депрессивные и другие
http://www.liveinternet.ru/community/1203818/ - Галерея «Наши любимые трусы» =)))))))
http://www.liveinternet.ru/community/1391848/ - Люди, Природа, Эмоции, Любовь, Эротика, Мультяшки
http://www.liveinternet.ru/community/1031084/ - Аватары, фоны, обои, блестяшки, готика, Love
http://www.liveinternet.ru/communit...or-your-diary-/ - Девушки, Love, Sponge Bob, Прикольные
http://www.liveinternet.ru/community/1023395/ - Фоны
http://www.liveinternet.ru/community/images_planet/ - Много различных картинок, аватаров и фонов
http://www.liveinternet.ru/community/1070613/ - Аватарки
http://www.liveinternet.ru/communit...retty_pictures/ - So pretty pictures
http://www.liveinternet.ru/community/just_pictures/ - Много очень интересных картинок
http://www.liveinternet.ru/community/1247837/ - Черно-белые, Ангелы, Аватары, Любовь, Позитив
http://www.liveinternet.ru/community/1049819/ - Кеды, Картинки, Аватары
http://www.liveinternet.ru/community/pretty_design/ - Около 10 000 очень интересных картинок
http://www.liveinternet.ru/community/1445501/blog/ - Депрессивные картинки (на ночь не смотреть!)
http://www.liveinternet.ru/community/yaoi_pics/ - Яой
http://www.liveinternet.ru/community/870281/ - Около 5000 ангелов
http://www.liveinternet.ru/communit...ty_of_pictures/ - Очень много интересных картинок
http://www.liveinternet.ru/community/1489511/ - Девочки, гламур, пазитиф, любофь, авики, эмо и др.
http://www.liveinternet.ru/community/1163682/ - КартЫнки, много-много разных
http://www.liveinternet.ru/community/1134238/ - Прикольные каартинки =)
http://www.liveinternet.ru/community/picture_gallery/ - Более 10 000 интересных картинок
http://www.liveinternet.ru/communit...choly_pictures/ - Melancholy pictures
http://www.liveinternet.ru/community/905092/ - Оранжевые и рыжие
http://www.liveinternet.ru/community/1471710/ - Есть немного
http://www.liveinternet.ru/community/1141450/ - Оочень много интересных картинок!
http://www.liveinternet.ru/community/pic_ture_s/ - Куча интересностей!
http://www.liveinternet.ru/community/artpictures/ - Мало, но интересно
http://www.liveinternet.ru/community/1450047/ - Много интересного и весело! =)
http://www.liveinternet.ru/community/704600/ - Веселые картинки
http://www.liveinternet.ru/community/love_pictures/ - Love pictures
http://www.liveinternet.ru/community/sweet_erotic/ - Sweet Erotic
http://onliner.ws/ - Здесь есть разные картинки и не только картинки
http://www.sunhome.ru/image - Картинки на разные темы на эзотерическом сайте «Дом Солнца»
http://www.coolpics.ru/ - Много разных картинок
http://www.daler.ru/ - Обои – Авто, графика, цветы, мульты, девушки, природа, животные, аниме и другое
http://kartinki.smeha.net/ - Смеха.Нет Смешные и не смешные картинки
http://mywalls.ru/ - Прикольные обои
http://zooclub.ru/fotogal/ - Фото и обои животных
http://funera.ru/ - Картинки и не только
http://jokes.com.ua/ - Приколы, истории, анекдоты, смешные картинки
http://ifun.ru/ - Много разных картинок... фу... и пошлых тоже =/
http://img.brush.ru/ - Разные картинки много интересного... и Боже упаси какая куча эротики =))
http://www.prikols.com.ru/ - Фото и не только фото приколы и не только приколы
http://www.megasait.ru/ - Тут есть и хорошие и прикольные картинки, НО Вам уже исполнился 21 год?! Если нет, то не заходите! Много пошлости... =)))))))))))))))
http://www.caricatura.ru/ - Современная российская карикатура
http://www.njoy.ru/ - Мир флюро вещей
http://www.zavarka.ru/ - Куча интересных и красивых картинок, но есть и пошлость, особенно на главной страничке!
http://www.comics.com.ua/ - Комиксы
http://www.shutkapy.narod.ru/ - Шутка – фотографии знаменитостей
http://www.comics.ru/ - Комикс.Ру
http://www.prikol.net/ - Коллекция веселых картинок: прикольные, компьютерные, спортивные, про животных, рекламные
http://funny.best-pictures.com/ - Смешные фотографии знаменитостей
http://www.youmor.ru/ - Приколы
http://www.gallery.libo.ru/ - Карикатуры и картинки
http://freepix.ru/ - Огромное количество интересных картинок на разные темы
http://www.picz.ru/ - Коллекция фотоприколов и картинок для рабочего стола (много пошлости!) http://www.fotogalery.boom.ru/ - Животные, природа, цветы, любовь, фентези, авто, приколы
http://newavatar.ru/ - Аватары
http://avatar2k.nm.ru/ - Аватары
http://www.avatary.ru/ - Аватары
http://avator.com.ru – Здесь живут аватары, аваторы и авики =)
http://mitosa.net/avatars/ - Галерея состоящая из нескольких тысяч аватаров
http://www.avata.ru/ - Аватары знаменитостей
http://romanticcollection.ru/ - Романтические картинки и картинки о любви
http://www.klassno.com/ - Чаще всего здесь пошлость! Так что цыц! (но бывает и не пошлость)
http://www.kolobkov.net/news-cat-11.html - Обои дня
http://obou.ru/ - Большое количество разнообразных интересных обоев
http://qwp.ru/ - Обои
http://www.freedoc.ru/ - Обои
http://www.photo-oboi.ru/ - Обои
http://fotolive.ru/ - Обои
http://wallpapers.diq.ru/ru/ - Обои
http://www.wallpaper.onru.ru/ - Обои
http://www.mota.ru/ - Обои
- Обои
http://www.fludilka.ru/wallpapers/ - Обои
http://www.zastavki.com/ - Обои
http://www.vetton.ru/ - Обои
http://dota.ru/ - Обои
http://pix.in.ua/ - Обои
http://oboi.gouago.com/ - Обои
http://www.desktopwallpapers.ru/ - Обои
http://desktopwallpapers.org.ua/ - Обои
http://www.freedesktopwallpapers.ru/ - Очень красивые обои!
http://www.adamast.ru/ - Клевые обои!!!
http://gee.ru/ - Более ста тысяч обоев !!!
http://www.artfile.ru/ - Классные обои! Более 20 000 штук.
http://www.beautypic.ru/ - Красивые обои. Максимальный размер 1600×1200 пикселей
http://www.picador.ru/ - Веселые картинки
http://www.kolobkov.net/news-cat-3.html – Картинки на сайте приколов
http://www.computer-humour.com/ - Компьютерные прикольные картинки
http://www.gothicart.ru/ - Готические обои и фотографии
http://love-pictures.nnm.ru – Разные интересные картинки
http://www.pozitiff.info/category/pictures/ - Позитивные картинки

Еще ОЧЕНЬ МНОГО

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

Бывают друзья на минуту,
За деньги, на день и на ночь,
Когда им бывает удобно,
Они испаряются прочь.

Бывают друзья по несчастью,
Бывают от скуки друзья,
Бывают такие, которых
Друзьями назвать и нельзя.

Бывают друзья по привычке,
Бывают друзья по любви,
Бывают друзья по работе –
На то и коллеги они.

Бывают друзья и в постели,
Бывают друзья впопыхах,
Когда им бывает удобно,
Они превращаются в прах.

Бывают друзья втихомолку,
Бывают друзья напоказ,
Бывают друзья и без толку,
На целую жизнь и на раз.

Бывают друзья и по письмам,
Бывают друзья по пути,
Бывают друзья от безделья,
Да только… друзья ли они?

Бывают друзья понаслышке,
Которых легко потерять,
И все-таки нужно решиться,
Чтоб другом кого-то назвать

 

Смотреть дальше

Поцелуй начинается с глаз,
Взгляд сильнее и слов и объятий
Поцелуй - зачарованный вальс,
Череда сокровенных заклятий.

Поцелуй начинается с рук,
У щеки их тепло так тревожно.
С ласки пальцев, рисующих круг,
И противиться им невозможно.

А закончится он на губах,
Подтверждением первых желаний.
Поцелуй начинается с глаз
Независимо от расстояний.

Поцелуй Автор плэйкаста: Notana Создан: 26 августа 2009 7:14