Как сделать рамку в шесть слоев с картинкой.
19-02-2014 21:47
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Елена_Матусова Оригинальное сообщение
Как сделать рамку в шесть слоев с картинкой.
ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ
Как сделать рамку в шесть слоев с картинкой.
Рамку в шесть слоев вы видите на экране.
Код такой рамки следующий:
<center><table border="2" background="1 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="3" cellspacing="5" width="600"><tr><td><table border="2" background="2 СЛОЙ БЕЛОГО ФОНА" cellpadding="3" cellspacing="25" width="100%"><tr><td><table border="2" background="3 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2" background="4 СЛОЙ БЕЛОГО ФОНА" cellpadding="3" cellspacing="0" width="100%"><tr><td><center><img src="КАРТИНКА ЛЮБАЯ" /></center><table border="2" background="5 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2" background="6 СЛОЙ БЕЛОГО (ОСНОВНОГО) ФОНА" cellpadding="1" cellspacing="3" width="100%"><tr><td><center><font size="4" color="000000" face="Monotype Corsiva"><br />
ВАШ ТЕКСТ<br />
<br />
</font></center></td></tr></table></td></tr></table><center><text size="2"><a href="АДРЕС БЛОГА" target="_blank"><text size="2">ВАШ НИК</text></a></text></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>
Давайте разберем код рамки на теги:
1. center - выравнивание рамки по центру.
2. < table border ="2" > - число 2 - толщина обводки рамки (серый цвет). Если 2 изменим на 0, то контур виден не будет (экспериментируйте!!!)
3.<background>"АДРЕС ФОНА"></background> - на место "Адрес фона" вписываем ссылку на фон.
Первый вариант. Фон заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, для фона возьмите ссылку № 1.
Второй вариант. На любом сайте фонов кликните правой мышкой по понравившемуся фону. Нажмите СВОЙСТВА. Откроется окно. В нем найдите АДРЕС (начинается он всегда с http:). Скопируйте и вставьте в формулу рамки.
4. cellpadding = "50" и cellpadding = "0" - ширина слоёв рамки в пикселях. Можно цифры поменять. (Экспериментируйте!!!)
5. - цвет текста в рамке. (Цвет текста можно изменить.Для этого воспользуйтесь Таблицей "безопасных" цветов http://www.artlebedev.ru/tools/colors/)
6. width="600" - размер рамки, в пикселях.
Величина рамки зависит от величины вашего текста.
7. < tr > - этот тег поддерживает высоту рамки
8. < td > - этот тег поддерживает ширину рамки
9. < font > - этот тег позволяет изменять цвет, размер и тип шрифта текста
Если вы хотитевставить картинку в текст
Это можно сделать двумя способами:
1 вариант. Нажимаете (справа сверху) ФОТО, в открывшемся окне - ОБЗОР (если вы загружаете картинку со своего компьютера), либо ВЫБРАТЬ ИЗ АЛЬБОМА, либо ИЗ ИНТЕРНЕТА (смотря на то, откуда вы берете фото). и снизу нажимаете "ЗАГРУЗИТЬ"
2 вариант Для вставки картинки существует специальный код:
<img src="адрес картинки" width="500" />
Если нужно разместить картинку слева или справа от текста, то в тег добавляется параметр align:
<img src="адрес картинки" width="500" align="left" /> – картинка слева от текста;
<img src="адрес картинки" width="500" align="right" /> – картинка справа от текста.
Как вставить адрес картинки.
Первый вариант. Адрес картинки заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, возьмите ссылку № 1.
Второй вариант. На изображение картинки в интернете кликните правой мышкой. Откроется окошко. В нем нажмите СВОЙСТВА. Откроется маленькое окно. В нем найдите АДРЕС (начинается он всегда с http:). Скопируйте и вставьте в формулу вставки картинки..
Это цитата сообщения Елена_Матусова Оригинальное сообщение
Как сделать рамку в шесть слоев с картинкой.
ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ
Код такой рамки следующий:
Давайте разберем код рамки на теги:
1. center - выравнивание рамки по центру.
2. < table border ="2" > - число 2 - толщина обводки рамки (серый цвет). Если 2 изменим на 0, то контур виден не будет (экспериментируйте!!!)
3.
Первый вариант. Фон заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, для фона возьмите ссылку № 1.
Второй вариант. На любом сайте фонов кликните правой мышкой по понравившемуся фону. Нажмите СВОЙСТВА. Откроется окно. В нем найдите АДРЕС (начинается он всегда с http:). Скопируйте и вставьте в формулу рамки.
4. cellpadding = "50" и cellpadding = "0" - ширина слоёв рамки в пикселях. Можно цифры поменять. (Экспериментируйте!!!)
5. - цвет текста в рамке. (Цвет текста можно изменить.Для этого воспользуйтесь Таблицей "безопасных" цветов http://www.artlebedev.ru/tools/colors/)
6. width="600" - размер рамки, в пикселях.
Величина рамки зависит от величины вашего текста.
7. < tr > - этот тег поддерживает высоту рамки
8. < td > - этот тег поддерживает ширину рамки
9. < font > - этот тег позволяет изменять цвет, размер и тип шрифта текста
Если вы хотите
Это можно сделать двумя способами:
1 вариант. Нажимаете (справа сверху) ФОТО, в открывшемся окне - ОБЗОР (если вы загружаете картинку со своего компьютера), либо ВЫБРАТЬ ИЗ АЛЬБОМА, либо ИЗ ИНТЕРНЕТА (смотря на то, откуда вы берете фото). и снизу нажимаете "ЗАГРУЗИТЬ"
2 вариант Для вставки картинки существует специальный код:
Если нужно разместить картинку слева или справа от текста, то в тег добавляется параметр align:
Как вставить адрес картинки.
Первый вариант. Адрес картинки заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, возьмите ссылку № 1.
Второй вариант. На изображение картинки в интернете кликните правой мышкой. Откроется окошко. В нем нажмите СВОЙСТВА. Откроется маленькое окно. В нем найдите АДРЕС (начинается он всегда с http:). Скопируйте и вставьте в формулу вставки картинки..
Комментарии (1):
Елена_Матусова
19-02-2014-22:51
удалить
Леночка!По этой формуле я давно не делала рамочки.
Комментарии (1):
вверх^
Вы сейчас не можете прокомментировать это сообщение.
Дневник Как сделать рамку в шесть слоев с картинкой. | Милашечка7777777 - Дневник Милашечка7777777 |
Лента друзей Милашечка7777777
/ Полная версия
Добавить в друзья
Страницы:
раньше»