-Цитатник

Целебные средства от варикоза - (0)

Целебные средства от варикоза Многие современные люди страдают таким неприятным и коварны...

разделка теста - (0)

разделка теста         http://vk.com/lifec...

много рулетов из лаваша - (0)

много рулетов из лаваша   Рулеты из лаваша Время: 1 час ...

Кладовка в вашем доме - (0)

Кладовка в вашем доме   Кладовка в доме - нужное и полезн...

Подборка уроков в фотошопе - (0)

Отличная подборка уроков в фотошоп! Источник almiria

 -Приложения

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

 -Метки

**рулет мясной** .своими руками/для дома 9.интерьеры ~для комментовоткрытки с кодом~ аватары аватары. анимационные картинки танец анимация анимация уроки фотошоп анимированные аватары.. аудио-книга блюда из курицы большая коллекция - пары в пнг выпечка вязавние крючком вязание вязание крючком вязвние голубцы делаем фоны! духовность вера жемчужное ожерелье с розой жилет завтрак заговоры заготовки на зиму: аджики задархорватия (zadarcroatia) - ночная прогулка закуски здоровье зимние аватары+часики в наборе! икра кластеры клипарт клипарт пейзаж кнопка - плеер кулинария кулинария(сладкое) музыка народная медицина осень открытки отпаревание оформление блюд памятка начинающим блоггерам пирожки пицца плэйкаст полиглот. выучим английский за 16 часов. поэзия природа прически. разделители разделка теста рамки религия праздники рецепты рцепты колбаса «любительская» с д р!!!! салат салаты советы создание рамочки для текста по шагам. стихи телефоны тесто торты и пироги бутерброды вторые блюда ждем гостей урок для фотошопа «дыхание с помощью пластики» урок. как сделать простую рамочку для текста уроки уроки крючком уроки фотошоп уроки/фотошоп философия фоны фотошоп фотошоп уроки анимация фотошоп/видеоуроки фотошоп/уроки по фотошопу хорошего дня/флешки шитьё шторы

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

 -

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

Добавить плеер в свой журнал
© Накукрыскин

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

Поиск сообщений в Ира_М

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

 

 -Сообщества

Участник сообществ (Всего в списке: 5) Рецепты_домохозяек ПРИГОТОВИМ_И_СЪЕДИМ вязалочки Школа_кулинара Моя_кулинарная_книга
Читатель сообществ (Всего в списке: 1) Умелые_ручки

 -Статистика

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


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

Пятница, 17 Августа 2012 г. 13:49 + в цитатник
Цитата сообщения 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 в ссылку
 Подписаться на комментарии
 Подписать картинку