-Цитатник

Новогоднее. - (0)

Новогоднее.   Серия сообщений "**новогоднее": Часть 1 - Новогодне...

Мастер-класс по созданию шарнирной куклы - (0)

Мастер-класс по созданию шарнирной куклы Автор МК:  tatala   ...

АСД!!!УЖЕ БОЛЕЕ 60-ТИ ЛЕТ СУЩЕСТВУЕТ УНИКАЛЬНОЕ ЛЕКАРСТВО ОТ БОЛЬШИНСТВА БОЛЕЗНЕЙ - (0)

АСД!!!Уже более 60-ти лет существует уникальное лекарство от большинства болезней ВАЖНО! ЭТО Н...

Михо Хирано (Miho Hirano) - (0)

Михо Хирано (Miho Hirano) Серия сообщений "**сказочный мир, детское......

Санкт-Петербург Игоря Соболева! Потрясающе! - (0)

Санкт-Петербург Игоря Соболева! Потрясающе Санкт-Петербург Игоря Соболева! Потрясающе Каз...

 -Метки

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

 -Рубрики

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Онлайн-игра "Большая ферма" Онлайн-игра "Большая ферма"Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Каталог блогов Каталог блоговКаталог блогов позволяет упорядочить блоги людей и сообществ по категориям, позволяя быстрее находить нужные и интересные блоги среди огромного количества блогов на сайте li.ru
  • Перейти к приложению Создание аватар Создание аватарСервис для создания аватар в режиме онлайн. Позволяет вырезать из большой фотографии свою мордочку и сделать из неё аватару :) Есть возможность сразу же установить аватару в качестве своей основной.

 -Всегда под рукой

 -

пїЅпїЅпїЅпїЅпїЅ пїЅ пїЅпїЅпїЅпїЅпїЅ
[Этот ролик находится на заблокированном домене]

пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅ пїЅ пїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ
В© пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ

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

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

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 25.01.2011
Записей: 2860
Комментариев: 854
Написано: 4377


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

Среда, 12 Сентября 2012 г. 10:05 + в цитатник
Цитата сообщения EFACHKA Урок. Как сделать простую рамочку для текста

По просьбам читателей расскажу, как научиться делать самую простую двухслойную рамочку для текста, состоящую из ободка и основного фона. 

Такую же рамочку Вы видите в этом посте. 

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

А теперь рассмотрим этот код более детально. Все коды состоят из тегов. Для наглядности каждый тег выделен разным цветом.

<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="4"><font color="#000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>

Вот их обозначения:


1. < center > - этот тег выравнивает рамку по центру. Если его убрать, то рамка сместится влево.


2. < table border ="2" - Число 2 это толщина обводки рамки (тонюсенький серый контур). Здесь можно поэкспериментировать. Если вместо 2 поставим 0, то контур виден не будет. Больше 2-х, обычно не ставят.

3.
background = "URL АДРЕС ФОНА ОБОДКА " - На место URL АДРЕС ФОНА ОБОДКА вписываем ссылку на фон (без пробелов и не заденьте ковычки), ссылка начинается всегда с http:// 

Где взять ссылку? Да очень просто. Находите в интернете понравившийся Вам фон, кликаете по нему правой кнопкой мыши и выбираете "Копировать адрес изображения". Этот адрес и будет нашим "URL АДРЕС ФОНА ОБОДКА". Скопируйте и вставьте в формулу рамки. В качестве фона ободка больше всего подходят яркие, блестящие анимированные фоны или бесшовные картинки (как сделать картинку бесшовной читайте здесь).

4.
cellpadding = "5" и cellpadding = "5" - Ширина слоёв ФОНА ОБОДКА в пикселях (ободок поделен на два слоя). Здесь можете менять как в большую сторону, так и в меньшую.

5.
width = "100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.

6.
background = "URL АДРЕС ОСНОВНОГО ФОНА" - на место URL АДРЕС ОСНОВНОГО ФОНА вставляем ссылку на понравившийся фон. В качестве основного фона лучше брать однотонные бесшовные картинки или картинки с неброским рисунком, чтобы была хорошая видимость текста.

7.
< font size="4" > - это размер шрифта текста в рамочке. Его можно менять.

8.
< font color="#000000" > - Цвет вашего текста в рамке. Цвет можно изменить. (Для этого можно воспользоваться программой для подбора цвета он-лайн)

9. < tr > - этот тег поддерживает высоту рамки, чтобы она не свернулась.

10. < td > - этот тег поддерживает ширину рамки и также не даёт ей свернуться. 

Все теги в конце закрываются знаком "/" - < /font >< /font >< /font >< /td >< /tr >< /table >< /td >< /tr >< /table >< /center > 

3424885_button (163x37, 7Kb)

 

Серия сообщений "Рамочки для текста":
Часть 1 - Урок. Как сделать простую рамочку для текста
Часть 2 - Мои рамочки для текста
Часть 3 - Мои рамочки для текста - Девушки
...
Часть 6 - Урок. Обводка поста рамочкой
Часть 7 - Рамочки для текста
Часть 8 - Летние рамочки для текста с кодом

Серия сообщений "рамочки/линеечки":
Часть 1 - рамочки чулочки
Часть 2 - Цветочные разделители
...
Часть 16 - Рамочка 127
Часть 17 - Рамка для дневника,блога.
Часть 18 - Урок. Как сделать простую рамочку для текста
Часть 19 - Урок. Обводка поста рамочкой
Часть 20 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
Часть 21 - Палитра цветов с кодировкой
Часть 22 - Прозрачный фон
Часть 23 - Коды HTML для оформления постов, блогов

Рубрики:  *КОМП/ДНЕВ/БЛОГ*
Метки:  

 

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

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

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

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