-Цитатник

Сайты для садоводов-огородников - (1)

Сайты для садоводов-огородников

Сталик Ханкишиев: Маринованный чеснок - (0)

Сталик Ханкишиев: Маринованный чеснок - Хорошая еда - это та, после которой сразу же мож...

Полезные коды для мобильных телефонов - (0)

Полезные коды для мобильных телефонов Мобильный телефон лежит у каждого в кармане. Но мало кто...

Реконструкция нашей истории - (0)

Реконструкция нашей истории источник Есть репортажи, возможность сделать которые ждешь годами....

Рамочка новогодняя для текста - (1)

Рамочка новогодняя для текста Здесь будет ваш текст... Здесь будет ваш текст...

 -Метки

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

 -Рубрики

 -Приложения

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

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

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

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

 


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

Среда, 08 Февраля 2012 г. 23:35 + в цитатник
Цитата сообщения 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 - Мои рамочки для текста - Девушки
...
Часть 5 - Рамочки для текста - Хэллоуин
Часть 6 - Урок. Обводка поста рамочкой
Часть 7 - Рамочки для текста
Рубрики:  ДЕЛАЕМ ДНЕВНИЧЕК
Метки:  

 

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

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

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

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