ОткрыткиПерерожденный каталог открыток на все случаи жизни
СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить
Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
Онлайн-игра "Большая ферма"Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст
Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б

-Фотоальбом

осень-зима

02:14 20.03.2013

Фотографий: 16

городские цветы

20:33 14.03.2013

Фотографий: 17

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

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

Делаем рамочку для текста без ФШ.

Пятница, 20 Марта 2015 г. 01:19 + в цитатник

Рамки задаются свойством border. Это свойство имеет три характеристики: цвет, стиль и толщину. Для определения этих характеристик рамок используются три различные записи Border – свойства рамки:
1. border-color -цвет
2. border-style -стиль
3. border-width - толщина
Стиль рамки – вид линии – может иметь следующие значения:
- solid(сплошная линия);- dotted (точечная);- dashed (пунктирная);- double (двойная сплошная линия);- groove (вдавленная); - ridge (выпуклая);- inset (весь блок вдавленный); - outset (весь болк выпуклый).
Например - table style="border:7px dotted #000000" - это означает, что бордюр имеет толщину(ширину) 7 пикселей, стиль(dotted) - точечная линия, цвет(колор -#000000)-черный.

КОД: <table width="ШИРИНА РАМКИ" style="border:ШИРИНА БОРДЮРА(2-4)px dotted(ВИД БОРДЮРА)#ЦВЕТ" background="АДРЕС ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align=""><span style="font-family:Liruss TYGRA(TrueType);color:#000000;font-size:18px"><i><center>ВАШ ТЕКСТ<br /> </center></i></span><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></td></tr></table>ВАШ ТЕКСТ

<table style="border:ШИРИНА БОРДЮРАpx ВИД БОРДЮРА #КОЛОР" background="АДРЕС ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:ШИРИНА ФОНА(20-60 пикселей)px"><table width="ШИРИНА ОСНОВНОГО ФОНА(550-600)" style="border:ШИРИНА БОРДЮРАpx ВИД БОРДЮРА #КОЛОР" background="ОСНОВНОЙ ФОН" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Liruss TYGRA(TrueType);color:#000000;font-size:18px"><i>***ТЕКСТ***</i></span><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></td></tr></table></td></tr></table>***Я только учусь. Оказывается, делать рамочки не так уж сложно, как кажется сначала. Я беру за основу формулу вот этой рамочки. Удачи в творчестве, друзья!***

***ТЕКСТ***

- solid

2.
2 (483x67, 4Kb)

- dotted

3.
3 (479x60, 3Kb)

- dashed

4.
4 (479x59, 3Kb)

- double

5.
5 (479x56, 6Kb)

- groove

6.
6 (484x60, 6Kb)

- ridge

7.
7 (482x62, 6Kb)

- inset

8.
9 (478x63, 5Kb)

- outset

Обозначения:

1. < center > - этот тег выравнивает рамку, картинку по центру. Если его убрать, то рамка сместится влево.

2. < table border ="2" - Число 2 это толщина обводки рамки (тонюсенький серый контур). Здесь можно поэкспериментировать. Если вместо 2 поставим 0, то контур виден не будет. Ширина бордюра и рамки задается в пикселях (px )

3. background = "URL АДРЕС ФОНА " - На место URL АДРЕС ФОНА вписываем ссылку на фон (без пробелов и не заденьте ковычки), ссылка начинается всегда с http://
Где взять ссылку? Да очень просто. Находите в интернете понравившийся Вам фон, кликаете по нему правой кнопкой мыши и выбираете "Копировать адрес изображение". Этот адрес и будет нашим "URL АДРЕС ФОНА". Скопируйте ссылку, вставьте в формулу рамки. В качестве фона больше всего подходят яркие, блестящие анимированные фоны или бесшовные картинки.

4. cellpadding = "0" и cellpadding = "0" - Ширина слоёв ФОНА ОБОДКА в пикселях (ободок поделен на два слоя). Здесь можете менять как в большую сторону, так и в меньшую.

5. width = "600" - это размер рамочки по отношению к Вашей странице. Можно размер рамки выставлять в процентах - 100% - это размер вашей страницы; уменьшив %, уменьшится рамочка...

6. background = "URL АДРЕС ОСНОВНОГО ФОНА". В качестве основного фона лучше брать однотонные бесшовные картинки или картинки с неброским рисунком, чтобы была хорошая видимость текста.

7. < font size="4" > - это размер шрифта текста в рамочке. Его можно менять.

8.< font color="#000000" > - Цвет вашего текста в рамке. Цвет можно изменить. (Для этого можно воспользоваться программой для подбора цвета )

9. font-family- стиль текста

10. < tr > - этот тег поддерживает высоту рамки, чтобы она не свернулась.
11. < td > - этот тег поддерживает ширину рамки и также не даёт ей свернуться.
Все теги в конце закрываются знаком "/" - < /font >< /font >< /font >< /td >< /tr >< /table >< /td >< /tr >< /table >< /center >

P.S. если для фона вы используете не изображение, а цвет из таблицы-колор, то обратите внимание на так называемые "знаки препинания":
style="border:5px inset #494949;background-color:#362212"

Серия сообщений " - Делаем рамочки для текста ":
Часть 1 - Рамочки с прокруткой текста.
Часть 2 - РАМОЧКИ ВОКРУГ ТЕКСТА (С РАЗРЫВОМ)
Часть 3 - Pамочки с разрывом и с закругленными углами.
Часть 4 - Рамочка для текста с анимированнымфоном без помощи ФШ
Часть 5 - Делаем рамочку для текста без ФШ.
Часть 6 - Рамочки с разноцветным бордюром.
Часть 7 - Рамки с круглыми углами без ФШ
...
Часть 20 - ДОПОЛНЕНИЕ k части №19 (делаем рамочки)
Часть 21 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 22 - Рамка с круглыми углами. Без фотошопа!