Комментарии (11)

Простые рамочки для текста

Дневник

Среда, 24 Марта 2010 г. 12:36 + в цитатник

Ваш текст

kru4inka

Ваш текст

kru4inka

Ваш текст

kru4inka

Ваш текст

kru4inka

Ваш текст

kru4inka

Рубрики:

рамки

Метки: рамки

Комментарии (8)

Полезные ссылки (фоторедакторы, рамки, фотоэффекты)

Среда, 10 Марта 2010 г. 22:08 + в цитатник
Это цитата сообщения Субмарина [Прочитать целиком + В свой цитатник или сообщество!]

Для тех, кто не дружит с фотошопом

1. http://fotoflexer.com/ - (анг) редактирование фотографии
2. http://www.loonapix.com/ - (рус.,анг) эффекты,рамки,....
3. http://pixenate.com/index.php - (анг) редактирование фото,зерк-е отражение
4. http://www.caption.it/ - (анг) лица,рамки,...
5. http://www.fotline.ws/index.php - (анг) редактирование фотографии
6. http://makeup.pho.to/?lang=ru - (рус.,анг) ретушь портретов
7. http://www.flauntr.com/ -(нем) рамки
8. http://labs.wanokoto.jp/olds - (анг) черно-белая фотография...
9. http://en.fakemypic.com/ - (анг) обложки,....
10. http://www.fototrix.com/ - (анг) рамки,лица,...
11. http://editor.pho.to/ - (анг.,рус) редактирование фото
12. http://virtualmakeover.ru/component/option,com_vs/Itemid,80/ -(рус) макияж
13. http://www.faceinhole.com/us/ - (анг) лица,....
14. http://www.dumpr.net/ -(анг) рамки,эффекты,...
15. http://www.vramke.com/ -(рус) рамки
16. http://www.pichacks.com/create.php - (анг) эффекты,...
17. http://pikipimp.com/ - (анг) значки на фото
18. http://cartoon.pho.to/ - (рус.,анг) анимационное лицо
19. http://www.superava.ru/ - (рус) рамки
20. http://www.mapmsg.com/send/photomonument/ - (анг)лица,.
21. http://blingee.com/ -(анг) аним эффекты. инструкция
22. http://www.funphotobox.com/Default.aspx - (анг) рамки,...
23. http://funny.pho.to/ -(рус.,анг.) рамки,....
24. http://www.picmod.net/ - (рус) рамки
25. http://www.fanstudio.ru/index.html - (рус.,анг.)редактирование фото
26. http://www.drpic.com/ - (рус, анг) редактирование фото,....
27. http://www.frameshow.com/ecard_a....0001511 - (анг) рамки
28. http://myframe.ru/ - (рус) рамки,....
29. http://photo505.com/ru/ - (рус)рамки,обложки,города,...
30. http://www.avatara.biz/index.php -(рус) аватары
31. http://www.pixlr.com/ -(рус.,анг) редактирование фотографии...
32. http://www.freeonlinephotoeditor.com/ -(анг)редактирование фото,...
33. imikimi.com (анг)-тысячи рамочек,есть тема с инструкцией
34. http://iportret.ru
35. "http://www.improveyourimages.com/" -(анг.) софт колор
36. http://www.upframr.com/ -(анг) рамочки,коллажи,...
37. http://www.your-frames.ru/ -(рус) рамочки,....
38. http://www.picnik.com/ -(рус.,анг) сайт на английском языке
39. http://www.splashup.com/ -(анг.) редактор фотографии
40. http://www.onlineimageeditor.info/ -(анг) редактирование фотографии
41. http://www.glitterfy.com/ -(анг.) мерцающий эффект и надпись на фотографии
42. http://www.pikipimp.com/ -(анг) эффекты на фотографию,уши,очки ит.д...
43. http://www.sunsilk.ru/promo/contest/?id=2 -(рус) моделирование причёски вместе с SunSilk
44. http://ru.photofunia.com/ -(рус) рамки,коллажи,.....
45. http://hero-in.com/oblojka/ -(рус) обложки журналов
46. http://www.slide.com/pic_arrange -(рус) рамки,эффекты на фотографии
47. http://www.pizap.com/application.php -(анг) эффекты на фотографии
49. http://www.livechat.su/resize/ -(рус) уменьшение размера фотографии
50. http://ru.picjoke.com/ -(рус) фотоэффекты
51. http://www.magmypic.com/ -(анг) обложки журналов
52. http://www.dumpr.net/ -(анг) рамки,фотоэффекты,...
53. http://www.photofunia.com/ -(анг) рамки,фотоэффекты,...
54. http://www.blibs.com/editor/ -(анг) фотоэффекты,.....
55. http://fotoklassniki.ru/ -(рус) рамки,эффекты,надписи,.....(есть платные нарисован знак доллара)
56. http://bighugelabs.com/ -(анг) ,,,,,,,,,,,,,,,,,
57. http://www.glassgiant.com/-,(анг),,,,,,,,,
58. http://www.befunky.com/ ,.(анг).......
59. http://www.frameshow.com/ -(анг) рамки
60. http://www.avatarochki.ru/
61. http://rusava.ru/
62. http://vavatarke.ru/
63. http://vavav.ru/
64. http://avatorka.com/
65. http://www.makeava.ru/
66. http://www.pixelsu.ru/
67. http://vatar.ru/
68. http://www.pixiz.ru/
69. http://cuca.ru/
70. http://avabest.ru/
71. http://avapic.ru/
72. http://www.navkontakte.ru/
73. http://avateka.ru/
74. http://www.imagechef.com/
75. http://www.avatarkafree.ru/ -аватарки,рамки,

Рубрики:

рамки
ссылки
все для блога
картинки
анимация
обработка фото

Комментарии (4)

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

Вторник, 23 Февраля 2010 г. 12:58 + в цитатник
Это цитата сообщения Дайтека [Прочитать целиком + В свой цитатник или сообщество!]

Всем привет! Иногда в личку приходят сообщения с просьбой рассказать как можно выделить текст простой рамкой, как бы делая акцент на определённую часть поста. Сейчас попробую это показать на примере.

Будем исходить из того что в кодах Вы полный ноль или Вам просто не хочется их вручную прописывать. Тогда первое что Вам нужно сделать - это открыть сообщение в простом редакторе, можно и в расширенном, но тогда не забудьте нажать на кнопку ИСТОЧНИК (в самом верху слева). Сделали? Молодцы, копируйте код из флейма и вставляйте в нужный участок поста.

<fieldset><legend><img src="Сюда вставить адрес картинки " /> </legend> Здесь написать Ваш текст.</fieldset>

Вставили? Идём дальше.

1. Там где написано - Сюда вставить адрес картинки - вставляете адрес нужной картинки. Иногда задают вопрос где её взять) Всё просто - есть только два варианта, первый Вы должны её загрузить со своего ПК, второй найти её в интернете и нажав на ней правую кнопку мыши копировать ссылку на изображение.

2. Где написано - Здесь написать Ваш текст думаю проблем не возникнет - пишите всё что посчитаете нужным.

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

<fieldset><legend><b>Заголовок </b> </legend>Здесь написать Ваш текст.</fieldset>

Вот и всё. В результате у Вас должно получится что-то подобное.

С картинкой

Мне столько раз приходилось слышать о людях, которые умирают от любви, но за всю жизнь я не видела, чтобы кто-нибудь из них действительно умер.

Маргарита Валуа

Без картинки - с заголовком.

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

Рубрики:

рамки
уроки
теги и формулы

Метки: уроки рамки

Комментарии (18)

Делаем рамку!

Дневник

Пятница, 19 Февраля 2010 г. 16:31 + в цитатник

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

Мечтайте, люди добрые, мечтайте,
О самом милом, светлом и родном,
И в жизни никогда не забывайте
Прощать, и за добро платить добром.
Любите рано утром просыпаться,
Цените все, что жизнью вам дано,
И людям не ленитесь улыбаться,
Учитесь отдавать свое тепло.
Не будьте лживы, мелочны, сварливы,
Не покидайте в суете друзей.
Поверьте, все вернется с большей силой,
Все то, что вы отдали для людей.
Это не просьба, зов или пророчество,
Но тот, кто отвернулся от людей,
Давно обрек себя на одиночество,
Не понимая участи своей.
Есть истины, которых не отвергнешь,
Они верны, бессмертны и сильны.
О, Человек, когда же ты поверишь,
Что создаешь СВОЙ мир лишь только ТЫ!

автор рамки - Н@тк@

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

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

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

Рубрики:

рамки
уроки

Метки: уроки рамки

Комментарии (8)

Учимся делать рамку!

Среда, 17 Февраля 2010 г. 19:05 + в цитатник
Это цитата сообщения Ramata [Прочитать целиком + В свой цитатник или сообщество!]

Хочу поделиться с вами простейшим кодом на изготовление рамочки. Даже самый ленивый ,может научиться .Берем этот код

<table cellpadding="10" border="3" background="___ФОН 1___" style="width: 500px;"> <tbody> <tr> <td> <table cellpadding="10" border="3" background="__ФОН 2___" style="width: 500px;"> <tbody> <tr> <td> <table cellpadding="10" border="3" background="___ФОН 3___" style="width: 500px;"> <tbody> <tr> <td> <table cellpadding="3" border="3" background="___ФОН 4___" style="width: 500px;"> <tbody> <tr> <td><font size="2" face="arial" color="#000000"> <p align="center">Картинка </p> <h1><span style="font-size: larger;"><span style="color: rgb(128, 0, 0);"><strong>Текст</strong></span></span><br /> </h1> </font></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table></ textarea>

и размещаем его в черновике,ищем на панели слово" Источник" нажимаем ,помещаем туда код,потом снова на" Источник". У вас появится вот такая рамочка.

Картинка

Текст

Обводим слово" Картинка" мышкой и на это место загружаем картинку с вашего компа.Сохраняем пост в черновике и идем в Радикал

(Радикал-Фото - создай фотоальбом на любимом форуме - бесплатный хостинг фотографий)

У кого нет такого сайта,даю ссылку,зарегистрируйтесь и грузите туда ваши картинки.

Далее берем там ссылку № 1 на картинку,идем в черновик,открываем "Источник" и в код рамки вставляем вместо слов ФОН №1 кавычки не трогаем.Так все четыре Фона,не забываем сохранять в черновике,когда идете на Радикал. Когда рамка будет готова,цвет слова ТЕКСТ можно изменить и публикуем в свой дневник. Удачи!

Что непонятно спрашивайте.

Рубрики:

рамки
уроки

Метки: уроки рамки

Комментарии (8)

Учимся делать рамочки

Среда, 17 Февраля 2010 г. 12:08 + в цитатник
Это цитата сообщения VolshebnicaS [Прочитать целиком + В свой цитатник или сообщество!]

Учимся делать рамочки 15
УРОКИ по созданию рамочек для дневника принадлежат

_П_Р_И_Р_О_Д_Н_А_Я_

Теперь в URL-рамку поставим текст с прокруткой и сделаем ее немного сложнее.
Для этого за основу возмем на простую URL-рамку.
Вот такую:

Ваш текст

Читать далее...

Рубрики:

рамки
уроки

Метки: уроки рамки

Комментарии (10)

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

Воскресенье, 14 Февраля 2010 г. 21:20 + в цитатник
Это цитата сообщения Toha462 [Прочитать целиком + В свой цитатник или сообщество!]

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

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

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

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

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#fff; background-image:url('http://img90.imageshack.us/img90/7910/oblakasg0.jpg'); padding:20px 20px 20px 20px; border: 4px #ADD8E6 solid;"> ВАШ ТЕКСТ </div>

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#000;"><div style="background-repeat:no-repeat; background-position: left bottom;color:#fff; background-image:url('http://img208.imageshack.us/img208/1477/firezh1.jpg'); padding:20px 20px 20px 20px; border: 4px #800000 outset;"> ВАШ ТЕКСТ </div></div>

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

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#fff;"><div style="background-repeat:no-repeat; background-position: center center;color:#8B008B; background-image:url('http://img481.imageshack.us/img481/2075/heartshlp1rc4.jpg'); padding:20px 20px 20px 20px; border: 4px #FF69B4 groove;"> ВАШ ТЕКСТ </div></div>

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

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

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

Выглядит:

ВАШ ТЕКСТ
(на картинке - Магелланово облако, затемнено)

Пишется:
<div style="background-color:#000; background-image:url('http://img363.imageshack.us/img363/4963/hubble2vr2.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div>

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

Выглядит:

ВАШ ТЕКСТ
(бабочки)

Пишется:
<div style="background-image: url('http://img363.imageshack.us/img363/4513/10411077107910991084110le0.jpg'); border: 2px #00FFFF groove; color:#000"><div style="background-image: url('http://img363.imageshack.us/img363/4343/119866ad1.gif'); background-position: 100% 100%; padding:20px 20px 20px 20px; background-repeat: no-repeat;"> ВАШ ТЕКСТ </div></div>

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

Выглядит:

ВАШ ТЕКСТ
(это оформление для больших текстов. При маленьких размерах текста выглядит некрасиво.)

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

Пишется:
<div style="background-image: url('http://img459.imageshack.us/img459/7007/10px5.gif'); background-position: 0% 0%; padding:110px 0px 0px 100px; background-repeat: no-repeat;"><div style="background-image: url('http://img376.imageshack.us/img376/256/17853966am3.gif'); padding:0px 100px 110px 0px;background-repeat: no-repeat;border: 0px;color:#000; background-position: 100% 100%; "> ВАШ ТЕКСТ </div></div>

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

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

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#fff; background-image:url('http://img373.imageshack.us/img373/2965/klen2dg0.jpg'); padding:20px 20px 50px 20px;border: 2px #DAA520 groove;color: #DAA520; background-repeat: no-repeat;"> ВАШ ТЕКСТ </div>

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#fff; background-image: url('http://img395.imageshack.us/img395/5391/01xx5.jpg'); padding:20px 20px 20px 50px;border: 2px #334455 groove;color: #334455; background-repeat: no-repeat; background-position: 0% 100%;">ВАШ ТЕКСТ</div>

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#fff; background-image: url('http://img235.imageshack.us/img235/5536/volna01gf4.jpg');padding:20px 20px 50px 20px;border: 2px #505050 groove;color: #505050; background-repeat: no-repeat; background-position: 0% 100%;">ВАШ ТЕКСТ</div>

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#fff; background-image: url('http://img64.imageshack.us/img64/8933/fru2nq1.jpg'); padding:20px 20px 20px 20px;border: 2px #f1f1f1 groove;color: #010101; background-repeat: no-repeat; background-position: 50% 0%;">ВАШ ТЕКСТ</div>

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

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

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

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#000; background-image: url('http://img476.imageshack.us/img476/3486/g2236459181xn1.jpg'); padding:20px 100px 20px 20px; border: 2px #fff groove; color: #ddd; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#000; background-image: url('http://img221.imageshack.us/img221/4821/7957650sl4.png'); padding:20px 100px 20px 20px; border: 2px #fff groove; color: #DAA520; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

Уголок "The Earth":

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#000; background-image: url('http://img78.imageshack.us/img78/5164/300pxtheearthseenfromapnu6.jpg'); padding:20px 140px 20px 20px; border: 2px #fff groove; color: #87CEFA; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

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

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

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

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#416074; background-image: url('http://img362.imageshack.us/img362/5084/fon1hl5.jpg'); padding:20px 20px 60px 20px; border: 2px #416074 groove; color: #3037c3; background-repeat: no-repeat; background-position:0% 100%;"> ВАШ ТЕКСТ </div>

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#fff; background-image: url('http://img362.imageshack.us/img362/274/fon2uo4.jpg'); padding:20px 20px 60px 70px; border: 2px #fff groove; color: #a35555; background-repeat: no-repeat; background-position:0% 100%;"> ВАШ ТЕКСТ </div>

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#fdf3ea; background-image: url('http://img362.imageshack.us/img362/1460/fon3jv4.jpg'); padding:20px 140px 20px 20px; border: 2px #fdf3ea groove; color: #9d6391; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-image: url('http://t.foto.radikal.ru/0706/89/40dd7080d3af.jpg'); background-position:50% 100%; background-color:#fff; padding:20px 80px 80px 20px; background-repeat: no-repeat; border:2px dashed #999; color: #326a8a;">ВАШ ТЕКСТ<br /><br /><br /><br /><br /><br /><br /><br /></div>

Сердце

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-image: url('http://s.foto.radikal.ru/0706/9f/59a74de0b437.jpg'); background-position:50% 50%; background-color:#fff; padding:20px 20px 20px 20px; background-repeat: no-repeat; border:2px dashed #999; color: #80007e;"> ВАШ ТЕКСТ <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>

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

Перо

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-image: url('http://img143.imageshack.us/img143/6937/perowb9.gif'); background-position:0% 100%; background-color:#FFFFFF; padding:20px 20px 80px 100px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"> ВАШ ТЕКСТ <br /><br /><br /><br /><br /><br /><br /><br /></div>

Ангел

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-image: url('http://img440.imageshack.us/img440/520/angelyw4.gif'); background-position:0% 100%; background-color:#FFFFFF; padding:20px 20px 100px 145px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"> ВАШ ТЕКСТ <br /><br /><br /><br /></div>

Земля

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-image: url('http://img69.imageshack.us/img69/1807/earthbm2.gif'); background-position:50% 50%; background-color:#FFFFFF; padding:20px 20px 20px 20px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"><center> ВАШ ТЕКСТ <br /><br /><br /><br /><br /><br /><br /><br /></center></div>

Клякса

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-image: url('http://img390.imageshack.us/img390/8510/klyaksars2.gif'); background-position:100% 100%; background-color:#FFFFFF; padding:20px 100px 100px 20px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"><center> ВАШ ТЕКСТ <br /><br /><br /><br /></center></div>

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-image: url('http://img374.imageshack.us/img374/1949/catmk8.png'); background-position:40% 20%; background-color:#FFFFFF; padding:20px 100px 100px 20px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"><center> ВАШ ТЕКСТ <br /><br /><br /><br /></center></div>

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

Ваш текст

<br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="//img0.liveinternet.ru/images/attach/b/0/16348/16348810_Untitled1.jpg"><tbody><tr><td><font face="Courier new" color="000000" size="3" font="font"><b><p align="center"><br /><br />Ваш текст<br /><br /></p></b></font></td></tr><br /><br /></tbody></table></center>
2)

Ваш текст

<br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="http://t.foto.radikal.ru/0705/6d/e188c27f0145.jpg"><tbody><tr><td><font face="Courier new" color="#000000 " size="4" font="font"><b><p align="center"><br /><br /><br /><br /></p><center><br /><p style="FONT-WEIGHT: bold; FONT-SIZE: 17px; FILTER: Glow(Color=#990033, Strength=10); WIDTH: 600px; FONT-FAMILY: Times Roman; TEXT-ALIGN: center"><font color="#ffffff"><br /><br />ТеКсТ тВоЙ=)ЗдЕсЬ=)<br /><br /></font></p></center><br /><br /><br /><br /><br /></b></font></td></tr></tbody></table></center><br />
3)

Такая рамка

<br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="http://v.foto.radikal.ru/0704/0c/3ea4f4fe8ddf.jpg"><tbody><tr><td><font face="Courier new" color="#000000 " size="4" font="font"><b><p align="center"><br /><br /><br /><br /></p><center><br /><p style="FONT-WEIGHT: bold; FONT-SIZE: 17px; FILTER: Glow(Color=#660099, Strength=10); WIDTH: 600px; FONT-FAMILY: Times Roman; TEXT-ALIGN: center"><font color="#CCFF33"><br /><br /><br />Такая рамка<br /><br /></font></p></center><br /><br /><br /><br /><br /></b></font></td></tr></tbody></table></center><br /><br /><br />
4)

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

<br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="http://v.foto.radikal.ru/0704/27/d449f5175c13.jpg"><tbody><tr><td><font face="Courier new" color="#000000 " size="4" font="font"><b><p align="center"><br /><br /><br /><br /></p><center><br /><p style="FONT-WEIGHT: bold; FONT-SIZE: 17px; FILTER: Glow(Color=#FFCC33, Strength=10); WIDTH: 600px; FONT-FAMILY: Times Roman; TEXT-ALIGN: center"><font color="#000000">Или вот так....</font></p></center><br /><br /><br /><br /></b></font></td></tr></tbody></table></center><br />
5)

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

<br /><center><br /><table style="WIDTH: 600px; HEIGHT: 150px" align="center" background="http://v.foto.radikal.ru/0704/fd/9fc054b82f2a.jpg" border="3"><br /> <tbody><br /> <tr><br /> <td><font face="monotype corsiva" color="#CC0033" size="4" font="font"><b><center><br /> <p style="FONT-WEIGHT: bold; FONT-SIZE: 21px; FILTER: Glow (Color=#996600, Strength=6); WIDTH: 600px; FONT-FAMILY: Monotype Corsiva; TEXT-ALIGN: center"><font color="#CCFF33"><br /> Текст<br />=)<br /> ))<br /> ))<br /> ))<br /> ))<br /> )))<br /> )))<br /> )))<br /> )))<br />=)<br />=)<br />=)<br /><br /><br /></font></p><br /> </center></b></font></td><br /> </tr><br /> </tbody><br /></table><br /></center><br />
6)

Ваш текст

<br /><center><table style="WIDTH: 600px; HEIGHT: 200px" align="center" border="3" background="http://u.foto.radikal.ru/0703/f45a737e4b20.gif"><tbody><tr><td><font face="Verdana" color="ff3399" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
7)

Ваш текст

<br /><center><table style="WIDTH: 600px; HEIGHT: 200px" align="center" border="3" background="http://s.foto.radikal.ru/0703/66a52574be85.gif"><tbody><tr><td><font face="Verdana" color="ff9900" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
8)

Ваш текст

<br /><center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="http://www.lenagold.ru/fon/geom/pol/raz/razpolos16a.jpg "><tbody><tr><td><font face="Comic sans MS" color="000000=" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
9)

Ваш текст

<br /><center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="http://images.bigoo.ws/content/background/holiday/holiday_67.gif "><tbody><tr><td><font face="Comic sans MS" color="000000=" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
10)

Ваш текст

<br /><center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="//img0.liveinternet.ru/images/attach/b/1/4750/4750326_4395680_23198042_2s63vnl.jpg"><tbody><tr><td><font face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
11)

Ваш текст

<br /><table cellspacing="0" style="border:double 3px #C7CAFF" cellpadding="15" width="80%" background="//img1.liveinternet.ru/images/attach/b/0/23421/23421863_18184822_13024519_peaceFlag.jpg"> <br /><tr><td><center><table style="border:groove 3px #90C2DD" width="100%" background="//img1.liveinternet.ru/images/attach/b/0/23421/23421887_18265228_196.gif" cellpadding="10" cellspacing="0"><tr><td width="80%"><center><table style="border:double 2px #008080" width="100%" background="//img1.liveinternet.ru/images/attach/b/0/23421/23421967_normal_milnie_pyziri.jpg" cellpadding="5" cellspacing="5"><tr><td width="80%"><center><font style="font-size: 16 pt; color: #FFffff; font-family: Monotype corsiva"><center><br /><b><font size="3">Ваш текст</font></b><br /></center></font><br /><br /><font style="font-size: 18 pt; color: #000080; font-family: Georgia"></font></center></td></tr></table></center></td></tr></table></center></td></tr></table>
12)

Ваш текст

<br /><center><table style="WIDTH: 650px; HEIGHT: 250px" align="center" border="3" background="//img1.liveinternet.ru/images/attach/b/1/4491/4491472_tj5lf9l8u2y5_2_fon.jpg"><tbody><tr><td><font face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
13)

Ваш текст

<br /><center><table style="WIDTH: 650px; HEIGHT: 250px" align="center" border="3" background="//img1.liveinternet.ru/images/attach/b/1/4483/4483631_mas_fon.jpg"><tbody><tr><td><font face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
14)

Ваш текст

<br /><center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="//img0.liveinternet.ru/images/attach/b/1/4002/4002048_23163502_7f7f99a42da5.gif"><tbody><tr><td><font face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
15)

Ваш текст

<br /><center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="//img1.liveinternet.ru/images/attach/b/1/4001/4001912_crazy_bg.jpg"><tbody><tr><td><font face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
16)

Ваш текст

Нарциссы:

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/16605/16605227_winflobordq92.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />

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

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/16605/16605127_tkan992.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div> <br />

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

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url(' //img0.liveinternet.ru/images/attach/b/0/16584/16584331_rommmashk297.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />

Цветы

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url(' //img0.liveinternet.ru/images/attach/b/0/16400/16400178_7636320_7392644_6194417_6146393_5862747_romaboard70.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />

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

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url(' //img0.liveinternet.ru/images/attach/b/0/16604/16604561_poleflowers3459.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div><br />

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

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url(' //img0.liveinternet.ru/images/attach/b/0/16604/16604171_galka13.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div><br />

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

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/16363/16363972_ku.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />

Галька:

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url(' //img0.liveinternet.ru/images/attach/b/0/16468/16468694_aabord27.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />

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

ВАШ ТЕКСТ

Пишется так:
<div style="border:1px solid #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

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

ВАШ ТЕКСТ

Пишется:
<div style="border:1px dashed #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

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

ВАШ ТЕКСТ

Пишется:
<div style="border:1px dotted #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

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

ВАШ ТЕКСТ

Пишется:
<div style="border:3px double #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

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

ВАШ ТЕКСТ

Пишется:
<div style="border:3px inset #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

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

ВАШ ТЕКСТ

Пишется:
<div style="border:3px outset #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="border:1px solid #EEEEEE;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="border:5px dashed #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

Рубрики:

фоны
рамки

Метки: фоны дизайн картинки оформление рамки все для блога

LiveInternetLiveInternet

-Метки

-Рубрики

-Музыка

-ТоррНАДО - торрент-трекер для блогов

-Стена

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

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

-Друзья

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

Записи с меткой рамки

Хочу поделиться с вами простейшим кодом на изготовление рамочки. Даже самый ленивый ,может научиться .Берем этот код

и размещаем его в черновике,ищем на панели слово" Источник" нажимаем ,помещаем туда код,потом снова на" Источник". У вас появится вот такая рамочка.

Текст

Обводим слово" Картинка" мышкой и на это место загружаем картинку с вашего компа.Сохраняем пост в черновике и идем в Радикал

(Радикал-Фото - создай фотоальбом на любимом форуме - бесплатный хостинг фотографий)

У кого нет такого сайта,даю ссылку,зарегистрируйтесь и грузите туда ваши картинки.

Что непонятно спрашивайте.

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

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

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

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

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

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

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

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

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

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

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

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

Уголок "The Earth":

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

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

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

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

Сердце

Перо

Ангел

Земля

Клякса

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