-Рубрики

 -Цитатник

Информеры праздников, курсов валют на каждый день + лунный календарь ухода за растениями, часики, погода и др. - (0)

Для блогов - Информеры праздников, курсов валют на каждый день + лунный календарь ухода за растен...

Запеканка из картофеля - (0)

Запеканка из тертого картофеля с сыром и чесноком Ингредиенты: -6 средних картофелин...

ТОЧЕЧНЫЙ МАССАЖ СТОП - (0)

ТОЧЕЧНЫЙ МАССАЖ СТОП 1. Как массажем стопы снять напряжение в спине  &nb...

Сборник кулинарных рецептов - (0)

Кулинарные Вкусняшки Серия сообщений "кулинария 2": Часть 1 - Вкусная, Мясная БродилкаЧа...

квадрат крючком - все квадраты одним взглядом - (0)

любой квадрат крючком - все квадраты одним взглядом http://kniti.ru/wp-content/uploads/2013/06/22...

 -Приложения

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

 -Кнопки рейтинга «Яндекс.блоги»

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

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

Поиск сообщений в Висимчанка

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

 

 -Статистика

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


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

Понедельник, 25 Марта 2013 г. 16:25 + в цитатник
Цитата сообщения 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 - Как сделать простую рамочку
Часть 3 - Скачать ролик с ютуб без программ
Часть 4 - Как скачать целый альбом с Яндекс
...
Часть 24 - Онлайн - ликбез по клавиатуре
Часть 25 - УРОК = КАК СОЗДАТЬ МНОГОЯРУСНЫЙ ПЛЕЕР
Часть 26 - Как быстро вставить картинку в комментарий, пост.Быстро увеличить или уменьшить ее. Урок


 

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

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

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

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