-Метки

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

 -Рубрики

 -Приложения

  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц
  • Перейти к приложению Ваш IP адрес Ваш IP адресПоказывает ваш ип адрес.
  • Перейти к приложению Стена СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни

 -Цитатник

Панель *Материалы*в Корел - (0)

Панель *Материалы*в Корел ПОДСКАЗКИ НАЧИНАЮЩИМ Давайте рассмотрим панель "Материалов" На моем с...

Скачать Плагины к Photoshop - (0)

Скачать Плагины к Photoshop   ...

Делаем декор с помощью фильтра Mura's Meister - (0)

Делаем декор с помощью фильтра Mura's Meister Этот коллаж я украсила декором из розочек, хотите...

Бродилка по моему дневнику - (0)

Бродилка по моему дневнику 200

Урок. Как загрузить в Корел кисти фотошопа - (0)

Урок. Как загрузить в Корел кисти фотошопа Загрузка кистей Кисти Photoshop имеют формат .abr, ко...

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

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

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

 

 -Статистика

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


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

Суббота, 17 Ноября 2012 г. 12:55 + в цитатник
Цитата сообщения 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 - Летние рамочки для текста с кодом
Рубрики:  Рамочки для текстов и видео
Метки:  

 

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

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

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

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