-Приложения

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

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

 

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

Поиск сообщений в klavdia-France

 -Рубрики

 -Цитатник

Клавушка, поздравляю с Днем Рождения! (klavdia-France) - (0)

Клавушка, поздравляю с Днем Рождения! (klavdia-France) Клавушка, я поздравляю тебя с твоим Днем...

Восстанавливаем свои работы - (0)

Восстанавливаем свои работы Всем здравствуйте...)) Сегодня я подскажу вам, как восстанов...

Луцци Клето (Cleto Luzzi, 1884-1952) - (0)

Луцци Клето (Cleto Luzzi, 1884-1952) Клето Луцци (1884–1952)-итальянский живописец. Cleto Lu...

НЕЖНЫЙ ТАЮЩИЙ ВО РТУ ПИРОГ С ВИШНЕЙ - (0)

НЕЖНЫЙ ТАЮЩИЙ ВО РТУ ПИРОГ С ВИШНЕЙ ИНГРЕДИЕНТЫ: ДЛЯ ТЕСТА: Сливочное масло - 50 г Мук...

Вспоминая встречи мимолетные - рамочка - (0)

Вспоминая встречи мимолетные - рамочка Здесь будет Ваш текст Здесь будет Ваш текст

 -Фотоальбом

Посмотреть все фотографии серии ARBOI
ARBOI
21:05 12.08.2011
Фотографий: 1
Посмотреть все фотографии серии Франция
Франция
03:00 01.01.1970
Фотографий: 0

 -Я - фотограф

Прекрасное путешествие в замечательный город Франции г.Лион

г.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Франция


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

Среда, 28 Декабря 2011 г. 14:01 + в цитатник
Цитата сообщения 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 - Рамочки для текста - Хэллоуин

Серия сообщений "***УЧИМСЯ ДЕЛАТЬ РАМОЧКИ":
Часть 1 - Делаем потрясающие рамочки и пишем красивые тексты, не возясь с кодом)
Часть 2 - Урок. Как сделать простую рамочку для текста
Часть 3 - Урок. Как сделать простую рамочку для текста
Часть 4 - Делаем потрясающие рамочки и пишем красивые тексты, не возясь с кодом
Часть 5 - Без заголовка
Часть 6 - Создание рамочки для текста по шагам.

Рубрики: 

Понравилось: 26 пользователям

Курмыш   обратиться по имени Воскресенье, 13 Мая 2012 г. 22:06 (ссылка)
Благодарю!!!
Ответить С цитатой В цитатник
Людмила_Васькова   обратиться по имени Пятница, 06 Июля 2012 г. 19:52 (ссылка)
СПАСИБО,БОЛЬШОЕ!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Июля 2012 г. 01:10ссылка
Людочка, пользуйся на радость!!!
Марина_Пономарева   обратиться по имени Понедельник, 27 Августа 2012 г. 09:43 (ссылка)
Огромное спасибо!
Ответить С цитатой В цитатник
olechka48   обратиться по имени Четверг, 29 Ноября 2012 г. 01:44 (ссылка)
klavdia-France, Спасибо, Клавушка. С благодарностью цитирую.
Ответить С цитатой В цитатник
nataly0809   обратиться по имени Четверг, 28 Февраля 2013 г. 20:33 (ссылка)
Спасибо! Все просто, доступно и понятно!
 (475x475, 156Kb)
Ответить С цитатой В цитатник
milashenka12   обратиться по имени Понедельник, 17 Июня 2013 г. 20:20 (ссылка)
Огромнейшее спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 17 Июня 2013 г. 20:32ссылка
Пусть Вас сопровождает успех и удача!!!
vdomarvik   обратиться по имени Воскресенье, 12 Января 2014 г. 02:07 (ссылка)
Спасибо,Клавушка,за урок!!!Буду теперь учиться делать рамочки и тут на ЛиРу.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 12 Января 2014 г. 04:09ссылка
Удачи и пусть все и всегда ладится и спорится!!!!
дуня_коровина   обратиться по имени Среда, 29 Января 2014 г. 09:34 (ссылка)
Спасибо!!!
Ответить С цитатой В цитатник
Alevtina10   обратиться по имени Суббота, 22 Февраля 2014 г. 18:21 (ссылка)
Большое спасибо!
Ответить С цитатой В цитатник
просто_Татиана   обратиться по имени Суббота, 12 Апреля 2014 г. 00:01 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Людмила_Гладышева   обратиться по имени Воскресенье, 07 Сентября 2014 г. 17:28 (ссылка)
Спасибо огромное , очень хочу научиться , очень ...
Картинка
Ответить С цитатой В цитатник
Valia-Valentina   обратиться по имени Суббота, 06 Декабря 2014 г. 01:09 (ссылка)
СПАСИБО,БОЛЬШОЕ!
Ответить С цитатой В цитатник
Елена__Станиславовна   обратиться по имени Суббота, 02 Января 2016 г. 12:07 (ссылка)
Рамочки не делаю, но иногда нужно изменить ширину или размер... Благодарю, всё понятно...)
0_a22a7_e7b467e3_M (300x245, 74Kb)
Ответить С цитатой В цитатник
Мышка4   обратиться по имени Вторник, 16 Февраля 2016 г. 09:20 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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