Урок. Как сделать простую рамочку для текста

По просьбам читателей расскажу, как научиться делать самую простую двухслойную рамочку для текста, состоящую из ободка и основного фона.  Такую же рамочку Вы видите в этом посте.  Вот код-шаблон для такой рамочки, отсюда Вы можете его скопировать и вставить к себе в пост в простом редакторе или нажав на кнопку "источник". <center><table border="2" background="URL АДРЕС ФОНА ОБОДКА " cellpadding="5" cellspacing="5" width="100%"><tr><td><table border="2" background="URL АДРЕС ОСНОВНОГО ФОНА" cellpadding="0" cellspacing="0" width="100%"><tr><td><font size="5"><font color="#000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>

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

[ PixelArt, анимация: Sponge Bob ]

На любителя. Собрано в сети!

квадратные штаны

Пиратские иконки KSV

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

Продолжение прекрасной ретро бумаги.)

1.

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

Важные ссылки для Лирушника

Здесь я собрала коллекцию ссылок для лирушника. Надеюсь, они помогут Вам в оформлении дневника и дизайнерских работах.

Советы по оформлению дневничков

Как очень быстро сделать свою собственную схему:
http://www.liveinternet.ru/users/2670115/post206816458/

Как быстро сделать свой бесшовный фон:
http://www.liveinternet.ru/users/2670115/post212235775/

Как поменять шрифт в уже сделанной кем-то схеме:
http://www.liveinternet.ru/users/2670115/post161537360/

Как добавить картинку в эпиграф дневника:
http://www.liveinternet.ru/users/2670115/post207214702/

Как форматировать текст в сообщении:
http://www.liveinternet.ru/users/2670115/post221133891/

Коллекция бесшовных фонов:
http://www.liveinternet.ru/users/2670115/post177991796/

Еще одна коллекция фонов (фон, а к нему еще и прозрачный фон на сообщения):
http://www.liveinternet.ru/users/2670115/post144177217/

Как убрать сообщение под кат:
http://www.liveinternet.ru/users/2670115/post218767670/

Как сделать, чтобы картинки в сообщении прокручивались:
http://www.liveinternet.ru/users/2670115/post221195798/

Как легко вставить картинку из Интернета в ваше сообщение:
http://www.liveinternet.ru/users/2670115/post137347894/

Как сделать баннер самостоятельно:
http://www.liveinternet.ru/users/2670115/post136343258/

Разделители блинги и глиттеры, много.

Разделители блинги и глиттеры, много. Для разделения текста и оформления постов.. Кто не знает как правильно вставить разделитель СМОТРИМ ЗДЕСЬ

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

фоны

сайты с фонами

http://lenagold.ru/fon/fonalf.html - коллекция фонов в алфавитном порядке.
http://styleindisign.narod.ru/main.html - коллекция фонов по названиям.
http://svweb.narod.ru/FON/fon.htm - коллекция фонов по цвету (другое)
http://www.moobackgrounds.com/ - коллекция фонов по названиям очень много с кодами.
http://www.freestuff.centralvirginia.net/backgrounds/ - фоны (картинка слева).
http://www.angelfire.com/wv2/webbuild7/backgrounds/red/ - фоны по цвету.
http://www.backgroundcity.com/index.html - фоны по названию.
http://distantdreams.narod.ru/webgrafik/fony/1.htm - фону по цвету.
http://www.wonderbackgrounds.com/ - фоны по названию и цвету.
http://www.bigoo.ws/Backgrounds/ - фоны по названию.
http://www.graffixofeden.net/goebg.html - фоны
http://www.grsites.com/textures/ - фону по цвету много.
http://www.webpagebackground.com/fun.htm - фоны по названию.
http://www.geocities.com/SoHo/Village/2082/stripebackgrounds.html - фоны полосы (1 страница).
http://fatiniyacollection.by.ru/fon.htm - фоны на пяти страницах.
http://artmo2005.narod.ru/foni.htm - фоны на 15 страницах.
http://haksnotdead.narod.ru/fon.htm - фоны, большой выбор фонов.
http://www.designedtoat.com/backgroundsmain.htm - фоны по цвету.
http://www.fg-a.com/backgrounds3.shtml - фоны на 8 страницах.
http://www.backgrounds.free-animations.co.uk/red/red_1.html - фоны 9 страниц.
http://www.design.protoplex.ru/photos_group/15.html - фоны на 3 страницах
http://www.freemyspacebackgrounds.net/ - фоны с кодами, много.
http://www.healthmantra.com/anisha/freebgs.htm - фоны немного.
http://www.purpleglitter.com/backgrounds/ - фоны (немного)
http://gotomy.com/back.html - фоны немного
http://x-yulia2007.narod.ru/oboi.html - фоны (немного)
http://fca.narod.ru/fon.html - фоны ростовский чат
http://www.webniche.com/my_backgrounds/backgrounds.html - фоны (мало).
http://www.steamboats.com/hobbies/clipart40.html - фоны на 1 странице.
http://www.shoporium.com/sellers/background.htm - фоны (24 фона).
http://www.turtlepuddle.org/bio/freebackgrounds.html - фоны (5 фонов).
http://www.cybergifs.com/bkgs/other.html - фоны (4 фона).
http://www.runic.com/fire1.html - фоны бардово-жёлтые (8 фонов)

Коллекция фонов

Коллекция фонов

КОЛЛЕКЦИЯ ФОНОВ Алфавитный каталог А • Автомобили• Аисты • Акулы• Ангелы • Анютины глазки • Апельсины • Архитектурные украшения• Африканцы Б • Бабочки• Барельефы• Бокалы • Бревна• Бумага • Буквы• Букеты • Бутылки В • Вино• Виноград • Вишня• Вода и волны• Волки • Воробьи• Восточные люди • Вьюнок • Вязание Г • Галька NEW • Гвоздика • Глаза• Гортензия • Гранит NEW • Груши Д • Дельфины• Деньги • День рождения • Деревья• Дети • Динозавры • Дома • Домашние животные • Доски • Драпировки • Дубовые листья Е • Еда• Елка Ж • Желуди• Женщины • Животные • Жирафы• Жуки • Журавли З • Зайцы• Замки • Зерно • Знаки• Звезды • Змеи• Золото NEW • ЗонтыИ • Иероглифы• Интерьеры К • Камни NEW • Карты• Кирпичи NEW • Киты • Клетки• Кленовые листья • Клубника • Книги• Кожа • Коктейли • Колокола• Конверты • Кора • Корабли Коровы• Космос • Кошки• Круги • Кружево • Кувшинка • Кувшины• Куры Л • Лилии• Лимоны • Листья• Лоси • Лоскутая техника • Лошади • Луна• Люди • Лягушки М • Маки• Маяки • Медведи • Месяц • Металл NEW • Металлические плиты NEW • Мех • Морская тема• Мох • Мрамор NEW • Музыкальные инструменты Н • Нарциссы• Насекомые • Нитки и иголки • Новый год • Ноты О • Обезьяны• Облака • Обувь• Овощи • овцы• Одежда • Олени• Орехи • Орхидеи П • Пальмы• Паркет • Парфюмерия • Папоротник• Пасха • Пейзажи• Перец • Персики• Перья• Песок • Плитка • Полосы• Петухи • Пионы • Планеты • Плетение по ткани• Плетение деревянное• Плитка NEW • Пляж• Подсолнухи • Полосы • Попугаи• Посуда • Почва NEW • Праздники• Предметы• Предметы гардероба • Птицы• Пуговицы• Пчелы Р • Ракушки• Разная посуда • Разноцветные туманы • Разноцветные цветы • Растительные узоры • Рельефы поверхности NEW • Розы • Ромашки• Ромбы • Рукоделие • Рыба С • Самолеты• Свадьба • Свиньи • Сервизы• Сердечки • Сирень • Сливы • Слоны • Снежинки • Собаки• Солнце • Специи • Странная геометрия• Стрекозы • Стружка • Структура древесины • Сумки Т • Техника• Тигры • Ткань • Трава• Тропические звери • Тюльпаны У • Узоры• Украшения • Утки Ф • Фиалки• Фольга NEW • Фрукты Х • Хвоя• Хризантемы • Хеллоуин Ц • Цветы Ч • Чайники• Части тела • Часы • Чашки• Черепа • Черепица Ш • Шары• Шитье • Шишки• Шляпы Э • Экзотические птицы Я • Яблоки• Ягоды • Яйца • Ящерицы К тематическому каталогу К алфавитному каталогу клипарта На главную страницу К галерее графики Обои

Кладезь сайтов для любителей анимашек ))

Кладезь сайтов для любителей анимашек  

1) Анимированные флаги стран мира
2) Еще одна коллекция анимированных флагов
3) Gigi et cram - анимашки, блестяшки, смайлики. Сайт французский.
4) Chevaliers - коллекция анимрованных картинок. Сайт французский.
5) Tritroichki - анимашки, смайлики, курсоры, часики
6) Котята - анимашки
7) Котята - анимашки 2
8) Анимашки - животные
9) Denise - различные анимашки, смайлики, надписи
10) Chez Maya - анимированные картинки, смайлы. Иностранный сайт.
11) Desiderenzia - анимированные картинки, смайлики, надписи. Иностранный сайт.
12) Малюсенькие анимашки
13) Минианимашки, смайлики
14) Creation Mimi - анимированные картинки с надписями
15) Le Monde Merveilleux - анимашки с героями диснеевских мультфильмов
16) Анимашки на различные темы
17) Les Gifs - анимированные животные, герои мультиков
18) Огромная коллекция разных анимашек
19) Анимашки на любой вкус и цвет
20) Diamantdolls - анимированные и блестящие куколки
21) Анимашки, иконки, фоны
22) Planet Mychel - анимашки, блестяшки, смайлики
23) Мир диснеевских героев
24) Josya - анимированные и блестящие картинки. Французский сайт.
25) Анимированные дельфины. Французский сайт.
26) Juanna - анимашки животных, людей,минианимашки
27) Анимашки на разные темы
28) Коллекция анимашек
29) Анимашки животных, героев мультиков
30) Коллекция анимашек
31) Еще одна коллекция анимашек
32) Анимашки животных, людей, смайлики
33) Анимашки различной тематики
34) Анимированные и блестящие картины
35) Блестяшки, анимашки, зверушки
36) Анимашки
37) Reveries - анимированные и блестящие картинки
38) Glitter World - галерея блестяшек на разные темы
39) Rainbow World -  мультяшки, блестяшки, куколки
40) Анимашки, блестящие открытки
41) Волшебные картинки феи
42) Огромная коллекция анимашек и смайликов

Коллекция собрана Sheree

Прозрачный фон

Уважаемые дамы и господа !
Пост предназначен для тех, кто занимается схемами,
оформлением дизайна дневников,
а сделать сами фон не умеют (как я - тоже не умею )
Часто просят "прозрачный", "полупрозрачный" фон.
Хотя Прозрачных фонов не существует , но все понимают, о чём идёт речь.
Вот вам небольшая коллекция, чтобы не мучились...

Специально для этого поста сделала чёрно-белый дизайн, оставив
белое поле для сообщений, чтобы был виден цвет! Позже поменяю...
Налетай-торопись, забирай живопись...

Не забываем сказать "спасибо" :)

Сразу извиняюсь, если будут повторы!

Начну с БЕЛОГО - справа от цифры 1. "жмём" и сохраняем...
1.

- = + НЕБОЛЬШАЯ КОЛЛЕКЦИЯ = -

Как Создать Гиф Анимацию Онлайн

Приветствую Вас Уважаемые Читатели, сегодня расскажу вам об очередном полезном сервисе, который позволит вам самим легко и просто, а самое главное очень быстро - создавать gif анимацию онлайн. Вы сможете сделать себе необычный анимированный аватар, ярко и оригинально украсить свои блоги, дневники и сайты при помощи гиф анимации.

 

Создать gif анимацию онлайн

 

Гифовина — бесплатный онлайн gif-аниматор. Позволяет создавать анимированные картинки в формате gif (так называемые гифки). Чтобы сделать gif анимацию Вам не нужно быть супер художником и обладать невероятными графическими способностями.

 

( бесплатный сервис Гифовина поможет вам легко сделать анимацию с эффектами  )

   

 

 

Схема оформления - Индийские мотивы

 

Серия сообщений "Мои схемы оформления дневников":
Часть 1 - Схема оформления - Пандочка
Часть 2 - Схема оформления - Bankoboev
Часть 3 - Схема оформления - Индийские мотивы
Часть 4 - Схема оформления - Стрекоза
Часть 5 - Схема оформления - Украшения
...
Часть 8 - Схема оформления - Тадж Махал
Часть 9 - Схема оформления - Берег океана
Часть 10 - Схема оформления - Попугаи

Прозрачные фоны

По просьбе выставляю прозрачные фоны

как ставить видео с Youtube.com

 в цитатник ВСЕМ и больше не спрашивайте меня КАК это сделать)))

 

.

 
  

   
  

 
   
  

Потом еще добавлю.)

полезная вещь

про тэги

<b>ВАШ ТЕКСТ</b> Полужирный текст
<i>ВАШ ТЕКСТ</i> Выделение текста курсивом
<u>ВАШ ТЕКСТ</u> Подчёркнутый текст
<s>ВАШ ТЕКСТ</s> Зачёркнутый текст

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст
Уменьшить текст <font size="-2">текст</font> текст - 2
Увеличить текст+1: <font size="+1">текст</font> текст + 1
Увеличить текст+2: <font size="+2">текст</font> текст + 2
Увеличить текст+3: <font size="+3">текст</font> текст + 3
Увеличить текст+4: <font size="+4">текст</font> текст + 4
КРАСНЫЙ: <font color="red">текст</font> красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст
КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст
ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст

текст по центру
<center>ВАШ ТЕКСТ</center>
текст (картинка) будет по центру

текст будет для цитат.
отделен пустой строкой и отступ слева в 8 пробелов
<blockquote>ВАШ ТЕКСТ</blockquote>

текст

бегущая влево строка
<marquee>ВАШ ТЕКСТ</marquee>
бегущая влево

бегущая вправо строка
<marquee direction="right">ВАШ ТЕКСТ</marquee>
бегущая вправо

бегущая от края к краю строка
<marquee behavior="alternate">ВАШ ТЕКСТ</marquee>
бегущая от края к краю

текст с правого края
в две строчки с выравниванием справа
<div align=right>ВАШ ТЕКСТ</div>


текст с правого краю
в две строчки с выравниванием слева
<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />



Сноска сверху
ТЕКСТ^сноска ТЕКСТ ^сноска

сноска снизу
ТЕКСТ_сноска ТЕКСТ _сноска

список. /жирная точка спереди/
<ul><br /> <li>ВАШ ТЕКСТ<br /> </li><li>ВАШ ТЕКСТ<br /> </li></ul>

• Во-первых - все козлы, один я иван-царевич!
  
• Во-вторых - как вам нравится это во-первых?
  

список сформируется автоматически, если добавить

<ol><br /> <li> первый пункт ВАШЕГО ТЕКСТА<br /> <li> второй пункт ВАШЕГО ТЕКСТА<br /> </ol>

1. Один из пунктов несортированого списка
   
2. Другой такой пункт
   

"закрепитель" текст остается таковым, каким вы его пишете
<pre>ВАШ ТЕКСТ</pre>

Я

  Пишу

       как хочу!!!

текст со всплывающей подсказкой
<acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

Процитированый в отдельном блоке текст
у которого будет
небольшой отступ слева.
<blockquote>ВАШ ТЕКСТ</blockquote>

Процитированый в отдельном блоке текст
у которого будет
небольшой отступ слева.

предложение с отступом в абзаце
<p style="text-indent: 40px">ВАШ ТЕКСТ</p>

Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика.

скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>
скролящийся вверх
текст с полезной
информацией
или ещё какой-то ерундой

скользящий вних текст с такой же ерундой )))
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>
или ещё какой-то ерундой
информацией
текст с полезной
скролящийся вниз

ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите
<b><a href="ссылка">ВАШ ТЕКСТ к примеру, мой дневник</a></b>
получается:
А ВЫ ЗНАЕТЕ ЧТО У ЧЕЛОВЕЧЕСТВА БЫЛО 3 ЕВЫ.
ТО ЕСТЬ ТЕПЕРЬ МОЖНО НАУЧНО РАЗДЕЛИТЬ ЧЕЛОВЕЧЕСТВО НА ТРИ КАСТЫ
ВЫСШУЮ СРЕДНЮЮ И НИЗШУЮ ТОЛЬКО НАУЧНАЯ ИНФОРМАЦИЯ


непосредсвенно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите
[more=ТЕКСТ ДЛЯ ПЕРЕХОДА]/без звездочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком

взято с http://www.liveinternet.ru/users/niktnt/post30653324/

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

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

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

Выглядит:


Пишется:
<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)

Ваш текст

<br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="http://o.foto.radikal.ru/0612/65f761c2765f.gif"><tbody><tr><td><font face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /> Ваш текст<br /><br /> </p></b></font></td></tr><br /></tbody></table></center>

Нарциссы:





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

<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>

Фоны для дневников

Татьяна Вайман Разбираем фоны для ваших работ в дневнике