-Метки

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

 -Рубрики

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее

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

 -Музыкальный плеер



плеер собран приложением V.exeR

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

Поиск сообщений в МОННА

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

 

 -Интересы

 -Статистика

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


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

Вторник, 16 Августа 2011 г. 11:54 + в цитатник
Цитата сообщения 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 - ФОРМУЛЫ РАМОЧЕК ПОД РУКОЙ
Часть 4 - ТЕКСТ С ПРОКРУТКОЙ
Часть 5 - Как сделать простую рамочку для текста
Часть 6 - Урок. Обрамляем текст в рамку. Быстро.
Часть 7 - Фон сообщения
...
Часть 37 - Урок для тех кому понравилась рамочка...
Часть 38 - Рамочка разрезная с уроком (в Эдиторе)
Часть 39 - Простая цветная рамка с закруглёнными краями за 5 минут

Метки:  

илончик-чик   обратиться по имени Пятница, 22 Июня 2012 г. 15:48 (ссылка)
бум пробовать!))))....
Ответить С цитатой В цитатник
 

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

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

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

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