-Поиск по дневнику

Поиск сообщений в Pretty_Chic

 -Подписка по e-mail

 

 -Сообщества

Читатель сообществ (Всего в списке: 1) ДИЗАЙН_ДЛЯ_ДНЕВНИ4КА

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.01.2007
Записей: 149
Комментариев: 661
Написано: 1656


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

Пятница, 19 Октября 2007 г. 16:28 + в цитатник
Цитата сообщения darkmoon Без заголовка

Оформление постов

Оформление постов. Шаблоны.


Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого.

В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста.




Рамка с фоном "Облака":




Выглядит:

/img90.imageshack.us/img90/7910/oblakasg0.jpg" target="_blank">http://img90.imageshack.us/img90/7910/oblakasg0.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #add8e6 4px solid; PADDING-TOP: 20px; BORDER-BOTTOM: #add8e6 4px solid; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ







Пишется:







Рамка с фоном "Огонь":




Выглядит:


/img208.imageshack.us/img208/1477/firezh1.jpg" target="_blank">http://img208.imageshack.us/img208/1477/firezh1.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #800000 4px outset; COLOR: #fff; PADDING-TOP: 20px; BORDER-BOTTOM: #800000 4px outset; BACKGROUND-REPEAT: no-repeat">ВАШ ТЕКСТ










Пишется:







Рамка с фоном "Любовь":





/img481.imageshack.us/img481/2075/heartshlp1rc4.jpg" target="_blank">http://img481.imageshack.us/img481/2075/heartshlp1rc4.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #ff69b4 4px groove; COLOR: #8b008b; PADDING-TOP: 20px; BORDER-BOTTOM: #ff69b4 4px groove; BACKGROUND-REPEAT: no-repeat">ВАШ ТЕКСТ













Пишется:





Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого.

В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста.
Удачи!




Рамка с фоном "Звездное небо":




Выглядит:

/img363.imageshack.us/img363/4963/hubble2vr2.jpg" target="_blank">http://img363.imageshack.us/img363/4963/hubble2vr2.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #eee; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ
(на картинке - Магелланово облако, затемнено)





Пишется:







Рамка с фоном "Бабочки":




Выглядит:

/img363.imageshack.us/img363/4513/10411077107910991084110le0.jpg" target="_blank">http://img363.imageshack.us/img363/4513/10411077107910991084110le0.jpg); BORDER-LEFT: #00ffff 2px groove; COLOR: #000; BORDER-BOTTOM: #00ffff 2px groove">
/img363.imageshack.us/img363/4343/119866ad1.gif" target="_blank">http://img363.imageshack.us/img363/4343/119866ad1.gif); PADDING-BOTTOM: 20px; PADDING-TOP: 20px; BACKGROUND-REPEAT: no-repeat">ВАШ ТЕКСТ
(бабочки)









Пишется:







Рамка "Хохлома":



Выглядит:

/img459.imageshack.us/img459/7007/10px5.gif" target="_blank">http://img459.imageshack.us/img459/7007/10px5.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 110px; BACKGROUND-REPEAT: no-repeat">
/img376.imageshack.us/img376/256/17853966am3.gif" target="_blank">http://img376.imageshack.us/img376/256/17853966am3.gif); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 110px; COLOR: #000; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; BORDER-RIGHT-WIDTH: 0px">ВАШ ТЕКСТ
(это оформление для больших текстов. При маленьких размерах текста выглядит некрасиво.)

В следующей части будут:
Листва (кленовые листья);
Божьи коровки;
Море;
Фрукты;





Пишется:






Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого.

В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста.
Удачи!




Рамка с фоном "Кленовые листья":




Выглядит:

/img373.imageshack.us/img373/2965/klen2dg0.jpg" target="_blank">http://img373.imageshack.us/img373/2965/klen2dg0.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #daa520 2px groove; COLOR: #daa520; PADDING-TOP: 20px; BORDER-BOTTOM: #daa520 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ






Пишется:







Рамка с фоном "Божья коровка":




Выглядит:

/img395.imageshack.us/img395/5391/01xx5.jpg" target="_blank">http://img395.imageshack.us/img395/5391/01xx5.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #334455 2px groove; COLOR: #334455; PADDING-TOP: 20px; BORDER-BOTTOM: #334455 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ










Пишется:







Рамка с фоном "Море":




Выглядит:

/img235.imageshack.us/img235/5536/volna01gf4.jpg" target="_blank">http://img235.imageshack.us/img235/5536/volna01gf4.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #505050 2px groove; COLOR: #505050; PADDING-TOP: 20px; BORDER-BOTTOM: #505050 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ










Пишется:







Рамка с фоном "Виноград":




Выглядит:

/img64.imageshack.us/img64/8933/fru2nq1.jpg" target="_blank">http://img64.imageshack.us/img64/8933/fru2nq1.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #f1f1f1 2px groove; COLOR: #010101; PADDING-TOP: 20px; BORDER-BOTTOM: #f1f1f1 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ















Пишется:






Уголки для темных дизайнов и мрачных постов.



Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого.

В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста.
Удачи!




Уголок "Кленовый лист":




Выглядит:

/img476.imageshack.us/img476/3486/g2236459181xn1.jpg" target="_blank">http://img476.imageshack.us/img476/3486/g2236459181xn1.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #fff 2px groove; COLOR: #ddd; PADDING-TOP: 20px; BORDER-BOTTOM: #fff 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ











Пишется:







Уголок "Божья коровка":




Выглядит:

/img221.imageshack.us/img221/4821/7957650sl4.png" target="_blank">http://img221.imageshack.us/img221/4821/7957650sl4.png); PADDING-BOTTOM: 20px; BORDER-LEFT: #fff 2px groove; COLOR: #daa520; PADDING-TOP: 20px; BORDER-BOTTOM: #fff 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ








Пишется:







Уголок "The Earth":




Выглядит:

/img78.imageshack.us/img78/5164/300pxtheearthseenfromapnu6.jpg" target="_blank">http://img78.imageshack.us/img78/5164/300pxtheearthseenfromapnu6.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #fff 2px groove; COLOR: #87cefa; PADDING-TOP: 20px; BORDER-BOTTOM: #fff 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ










Пишется:










Уголки для светлых дизайнов и весенних постов.


Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого.

В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста.
Удачи!




Уголок "Воздушные шары":




Выглядит:

/img362.imageshack.us/img362/5084/fon1hl5.jpg" target="_blank">http://img362.imageshack.us/img362/5084/fon1hl5.jpg); PADDING-BOTTOM: 60px; BORDER-LEFT: #416074 2px groove; COLOR: #3037c3; PADDING-TOP: 20px; BORDER-BOTTOM: #416074 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #416074">ВАШ ТЕКСТ










Пишется:







Уголок "Цветущая вишня":




Выглядит:

/img362.imageshack.us/img362/274/fon2uo4.jpg" target="_blank">http://img362.imageshack.us/img362/274/fon2uo4.jpg); PADDING-BOTTOM: 60px; BORDER-LEFT: #fff 2px groove; COLOR: #a35555; PADDING-TOP: 20px; BORDER-BOTTOM: #fff 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ








Пишется:







Уголок "Кувшинка":




Выглядит:

/img362.imageshack.us/img362/1460/fon3jv4.jpg" target="_blank">http://img362.imageshack.us/img362/1460/fon3jv4.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #fdf3ea 2px groove; COLOR: #9d6391; PADDING-TOP: 20px; BORDER-BOTTOM: #fdf3ea 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fdf3ea">ВАШ ТЕКСТ










Пишется:






Цветок в лучах рассвета.




Выглядит:

/t.foto.radikal.ru/0706/89/40dd7080d3af.jpg" target="_blank">http://t.foto.radikal.ru/0706/89/40dd7080d3af.jpg); PADDING-BOTTOM: 80px; BORDER-LEFT: #999 2px dashed; COLOR: #326a8a; PADDING-TOP: 20px; BORDER-BOTTOM: #999 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ










Пишется:







Сердце




Выглядит:

/s.foto.radikal.ru/0706/9f/59a74de0b437.jpg" target="_blank">http://s.foto.radikal.ru/0706/9f/59a74de0b437.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #999 2px dashed; COLOR: #80007e; PADDING-TOP: 20px; BORDER-BOTTOM: #999 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ












Пишется:






Собрано из нескольких постов и взято у atila


Перо




Выглядит:

/img143.imageshack.us/img143/6937/perowb9.gif" target="_blank">http://img143.imageshack.us/img143/6937/perowb9.gif); PADDING-BOTTOM: 80px; BORDER-LEFT: #e3e3e3 2px dashed; PADDING-TOP: 20px; BORDER-BOTTOM: #e3e3e3 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff">ВАШ ТЕКСТ










Пишется:







Ангел




Выглядит:

/img440.imageshack.us/img440/520/angelyw4.gif" target="_blank">http://img440.imageshack.us/img440/520/angelyw4.gif); PADDING-BOTTOM: 100px; BORDER-LEFT: #e3e3e3 2px dashed; PADDING-TOP: 20px; BORDER-BOTTOM: #e3e3e3 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff">ВАШ ТЕКСТ






Пишется:





Земля




Выглядит:

/img69.imageshack.us/img69/1807/earthbm2.gif" target="_blank">http://img69.imageshack.us/img69/1807/earthbm2.gif); PADDING-BOTTOM: 20px; BORDER-LEFT: #e3e3e3 2px dashed; PADDING-TOP: 20px; BORDER-BOTTOM: #e3e3e3 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff">
ВАШ ТЕКСТ










Пишется:





Клякса




Выглядит:

/img390.imageshack.us/img390/8510/klyaksars2.gif" target="_blank">http://img390.imageshack.us/img390/8510/klyaksars2.gif); PADDING-BOTTOM: 100px; BORDER-LEFT: #e3e3e3 2px dashed; PADDING-TOP: 20px; BORDER-BOTTOM: #e3e3e3 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff">
ВАШ ТЕКСТ






Пишется:






Котенок-дракоша




Выглядит:

/img374.imageshack.us/img374/1949/catmk8.png" target="_blank">http://img374.imageshack.us/img374/1949/catmk8.png); PADDING-BOTTOM: 100px; BORDER-LEFT: #e3e3e3 2px dashed; PADDING-TOP: 20px; BORDER-BOTTOM: #e3e3e3 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff">
ВАШ ТЕКСТ






Пишется:



=======================================================================================
и ещё:
1)










Ваш текст





2)


















Ваш текст











3)


















Такая рамка











4)















Или вот так....











5)











Текст
=)
))
))
))
))
)))
)))
)))
)))
=)
=)
=)









6)











Ваш текст






7)











Ваш текст






8)











Ваш текст






9)











Ваш текст






10)











Ваш текст






11)





















Ваш текст







12)











Ваш текст






13)











Ваш текст






14)











Ваш текст






15)











Ваш текст






16)










Ваш текст






Нарциссы:


/img1.liveinternet.ru/images/attach/b/0/16605/16605227_winflobordq92.jpg" target="_blank">//img1.liveinternet.ru/images/attach/b/0/16605/16605227_winflobordq92.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:





Светлый вязаный


/img1.liveinternet.ru/images/attach/b/0/16605/16605127_tkan992.jpg" target="_blank">//img1.liveinternet.ru/images/attach/b/0/16605/16605127_tkan992.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:





Голубой с ромашками


/img0.liveinternet.ru/images/attach/b/0/16584/16584331_rommmashk297.jpg" target="_blank">//img0.liveinternet.ru/images/attach/b/0/16584/16584331_rommmashk297.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:






Цветы


/img0.liveinternet.ru/images/attach/b/0/16400/16400178_7636320_7392644_6194417_6146393_5862747_romaboard70.jpg" target="_blank">//img0.liveinternet.ru/images/attach/b/0/1640...146393_5862747_romaboard70.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:






Розовые цветы:


/img0.liveinternet.ru/images/attach/b/0/16604/16604561_poleflowers3459.jpg" target="_blank">//img0.liveinternet.ru/images/attach/b/0/16604/16604561_poleflowers3459.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #eee; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:





Темные камни:


/img0.liveinternet.ru/images/attach/b/0/16604/16604171_galka13.jpg" target="_blank">//img0.liveinternet.ru/images/attach/b/0/16604/16604171_galka13.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #eee; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:





Светло-розовые цветы:


/img1.liveinternet.ru/images/attach/b/0/16363/16363972_ku.jpg" target="_blank">//img1.liveinternet.ru/images/attach/b/0/16363/16363972_ku.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:





Галька:


/img0.liveinternet.ru/images/attach/b/0/16468/16468694_aabord27.jpg" target="_blank">//img0.liveinternet.ru/images/attach/b/0/16468/16468694_aabord27.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:






Сплошная рамка.
Выглядит вот так:

ВАШ ТЕКСТ


Пишется так:





Пунктирная рамка.
Выглядит:

ВАШ ТЕКСТ


Пишется:





Точечная рамка
Выглядит:

ВАШ ТЕКСТ


Пишется:





Двойная рамка
Выглядит:

ВАШ ТЕКСТ


Пишется:





Вдавленый текст
Выглядит:

ВАШ ТЕКСТ


Пишется:





Возвышающийся текст
Выглядит:

ВАШ ТЕКСТ


Пишется:





Опционально:
чтобы изменить цвет рамки нужно вместо #000 (черный), написать цвет кода из таблицы. Например белая сплошная рамка:

Выглядит:

ВАШ ТЕКСТ


Пишется:






Толщину рамки можно менять изменив в коде "1px" (1 пиксель) на большее значение. Например пунктирная рамка с толщиной пять пикселей:

Выглядит:

ВАШ ТЕКСТ


Пишется:

самаНЕЖНОСТЬ   обратиться по имени Пятница, 19 Октября 2007 г. 17:25 (ссылка)
Клас! Спасибо Катюш ))
Ответить С цитатой В цитатник
Pretty_Chic   обратиться по имени Пятница, 19 Октября 2007 г. 21:09 (ссылка)
самаНЕЖНОСТЬ, Ага, да не за что!!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку