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

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

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

 -Рубрики

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

 

 -Статистика

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

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

Вторник, 16 Августа 2011 г. 09:50 + в цитатник

По просьбам читателей расскажу, как научиться делать самую простую двухслойную рамочку для текста, состоящую из ободка и основного фона. 

Такую же рамочку Вы видите в этом посте. 

Вот код-шаблон для такой рамочки, отсюда Вы можете его скопировать и вставить к себе в пост в простом редакторе или нажав на кнопку "источник".

А теперь рассмотрим этот код более детально. Все коды состоят из тегов. Для наглядности каждый тег выделен разным цветом.

<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 - Летние рамочки для текста с кодом

Рубрики:  ВСЁ ДЛЯ БЛОГА/Все для ЛиРу
Метки:  

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

limada   обратиться по имени Вторник, 16 Августа 2011 г. 09:54 (ссылка)
Спасибо!Буду учиться!
Ответить С цитатой В цитатник
AminaQ   обратиться по имени Вторник, 16 Августа 2011 г. 10:05 (ссылка)
Спасибо!!!
Ответить С цитатой В цитатник
рашида   обратиться по имени Вторник, 16 Августа 2011 г. 10:07 (ссылка)
приветик дорогая!Возьму!может получиться! спасибочки
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 16 Августа 2011 г. 10:08ссылка
Привет. Берите, пробуйте, что не получится - пишите.
Перейти к дневнику

Вторник, 16 Августа 2011 г. 10:09ссылка
обязательно напишу!
MargoMar   обратиться по имени Вторник, 16 Августа 2011 г. 10:09 (ссылка)
Спасибо солнышко, вроде не сложно )))))))))
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 16 Августа 2011 г. 10:10ссылка
Пыталась всё разложить по полочкам, чтобы максимально понятно было.
felina_ya   обратиться по имени Вторник, 16 Августа 2011 г. 10:13 (ссылка)
EFACHKA, большое спасибо, мне вообще очень нравится содержание Вашего дневника, ничего лишнего, только интересное и/или полезное. Держите симпочку :))
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 16 Августа 2011 г. 10:15ссылка
Спасибо большое.
Перейти к дневнику
Наталья_Ивановна_НИК   обратиться по имени Вторник, 16 Августа 2011 г. 10:27 (ссылка)
Спасибо,Аня! Рамочки,вроде бы уже научилась делать...Вот с кодами иногда проблема...А оно вон как - "Копировать адрес изображения"...
Ох и чайник я еще...Но ведь меня никто ничему не учил....
Ответить С цитатой В цитатник
Olga_2008   обратиться по имени Вторник, 16 Августа 2011 г. 10:31 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 16 Августа 2011 г. 11:11ссылка
Пожалуйста, надеюсь у Вас всё получится.
igorina_Egorova   обратиться по имени Вторник, 16 Августа 2011 г. 10:55 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 16 Августа 2011 г. 11:10ссылка
Пожалуйста.
fatima62   обратиться по имени Вторник, 16 Августа 2011 г. 11:02 (ссылка)
Спасибо! Цитирую!:give_rose
Ответить С цитатой В цитатник
МОННА   обратиться по имени Вторник, 16 Августа 2011 г. 11:02 (ссылка)
Спасибо! Очень хочется научиться делать рамочки!!!
Ответить С цитатой В цитатник
СТЯПУХА   обратиться по имени Вторник, 16 Августа 2011 г. 11:06 (ссылка)
СПАСИБО ЗА УРОК!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 16 Августа 2011 г. 11:10ссылка
Пожалуйста. Если понравится - буду делать еще уроки о рамочках.
Перейти к дневнику

Вторник, 16 Августа 2011 г. 11:20ссылка
КОНЕЧНО НРАВИТСЯ.....СПАСИБОЧКИ БОЛЬШОЕ ВАМ !!!!!
СТЯПУХА   обратиться по имени Вторник, 16 Августа 2011 г. 11:11 (ссылка)
/s014.radikal.ru/i329/1102/11/3e174730cb80.jpg " cellpadding="5" cellspacing="5" width="100%">
СПАСИБО!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 16 Августа 2011 г. 11:16ссылка
Без пробелов!!!! Вставляйте адреса внимательно!!!
Перейти к дневнику

Вторник, 16 Августа 2011 г. 11:27ссылка
Учусь...а URL убирать или нет.
Перейти к дневнику

Вторник, 16 Августа 2011 г. 11:30ссылка
"http://**********" - без пробелов, внутри ковычек, начинается с http://
Перейти к дневнику

Вторник, 16 Августа 2011 г. 11:38ссылка
ПО МОЕМУ ПОЛУЧИЛОСЬ....
Ваш текст
м-алина   обратиться по имени Вторник, 16 Августа 2011 г. 11:18 (ссылка)
Сколько полезного нашла у вас и много взяла для себя. Вот и этот пост забираю. Спасибо большое за Ваш, такой интересный дневничок!:appl:
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 16 Августа 2011 г. 11:21ссылка
Пожалуйста. Заходите почаще.
Капочка_Капа   обратиться по имени Вторник, 16 Августа 2011 г. 12:05 (ссылка)
Да, учиться никогда не поздно!! Спасибо!!
Ответить С цитатой В цитатник
DragooonFly   обратиться по имени Вторник, 16 Августа 2011 г. 12:13 (ссылка)
спасибо за урок...эту я освоила, а вот рамку с широким многослойным ободком никак...там столько всего...ООООООООО....может как нибудь научите?
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 16 Августа 2011 г. 12:14ссылка
Планирую еще несколько уроков по рамочкам. Не переключайтесь )))
Перейти к дневнику

Вторник, 16 Августа 2011 г. 12:20ссылка
о.к ждем в эфире)))
ecolimp   обратиться по имени Вторник, 16 Августа 2011 г. 12:27 (ссылка)
Спасибо! А то готовые рамки предлагают многие, но все они для женщин, сентиментальные, романтичные и т.п.
Ответить С цитатой В цитатник
natusy11   обратиться по имени Вторник, 16 Августа 2011 г. 13:18 (ссылка)
СПАСИБО.Я НАВЕРНО БЕЗНАДЕЖНАЯ УЧЕНИЦА.НУ НЕ КАК МНЕ НЕ УДАЕТСЯ ПРОГЛОТИТЬ ЭТИ АЗЫ НАУКИ.УЧУСЬ,КЛАЦАЮ И НЕ ПОНЯТНО КУДА.ПОПРОБУЮ ЕЩЕ РАЗ.БЛАГОДАРЮ ЗА УРОК.ВЗЯЛА СЕБЕ.
Ответить С цитатой В цитатник
kotenok_elochka   обратиться по имени Вторник, 16 Августа 2011 г. 13:31 (ссылка)
вот спасибо!!!теперь буду знать))))
Ответить С цитатой В цитатник
ТАТКУ   обратиться по имени Вторник, 16 Августа 2011 г. 13:35 (ссылка)
Благодарю.
Ответить С цитатой В цитатник
lorshik   обратиться по имени Вторник, 16 Августа 2011 г. 15:15 (ссылка)
Ой, как всё просто! Спасибо! Пошла учиться... картинки научите вставлять?
Ответить С цитатой В цитатник
K_S_E_N_I_A   обратиться по имени Вторник, 16 Августа 2011 г. 16:15 (ссылка)
Спасибо за урок! Попробую!
Ответить С цитатой В цитатник
ninel2401   обратиться по имени Вторник, 16 Августа 2011 г. 17:00 (ссылка)
Спасибо. Буду учиться.
Ответить С цитатой В цитатник
Марта_и_я   обратиться по имени Вторник, 16 Августа 2011 г. 17:08 (ссылка)
Благодарю!!!
Ответить С цитатой В цитатник
Yoanna   обратиться по имени Вторник, 16 Августа 2011 г. 19:48 (ссылка)
Спасибо за урок , процитирую .
Ответить С цитатой В цитатник
olejekstaff   обратиться по имени Вторник, 16 Августа 2011 г. 19:51 (ссылка)
Спасибо!!!
Ответить С цитатой В цитатник
petrovna519   обратиться по имени Среда, 17 Августа 2011 г. 06:48 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
TATYSIY   обратиться по имени Среда, 17 Августа 2011 г. 07:06 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
mikisolo   обратиться по имени Среда, 17 Августа 2011 г. 07:24 (ссылка)
Спасибочки
Ответить С цитатой В цитатник
be-ll   обратиться по имени Среда, 17 Августа 2011 г. 07:54 (ссылка)
Доброе утро.Спасибо Вам большое за очень полезный,нужный и подробный урок.Всего Вам саого наилучшего.Процитирую с большим удовольсвием.С нетерпением жду еще уроки.
121948--46520005-200-u9a2d0 (175x200, 13Kb)
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 4 5 6 [Новые]
 

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

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

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

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