Ваша картинка с надписью и в рамке.Урок.

Суббота, 11 Декабря 2010 г. 22:34 + в цитатник

Цитата сообщения Arnusha

Прочитать целиком В свой цитатник или сообщество!

Ваша картинка с надписью и в рамке.Урок.

(180x140, 35Kb)

Как быстро наложить текст на картинку без графических редакторов:
Вот картинка пример,если вас устраивает,то вот вам урок,как это делать...
Перед вами две картинки.Первая с обычным по размеру шрифтом и цвет стоит жёлтый.В коде,который стоит ниже,указаны именно этот цвет и размер текста.Вторая картинка с более крупным текстом и другим цветом.Стоит по центру.Это уже я сделала от себя,добавила в код размер и цвет,можно менять и размер и текст,какой кому нравится.Если кто-то пожелает узнать как можно поменять цвет и размер текста и как это вставить в код,я могу написать отдельный урок.Кого и такое устраивает,то смотрите,читайте и учитесь.Напоминаю,что это без фотошопа и без Paint.
ИТАК:

Здесь будет ваш текст

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ

Дальше код,куда надо вставить адрес картинки и написать текст:

<center><table border="0" cellpadding="0" cellspasing="0">
<tr>
<th width=".." height=".." background="АДРЕС КАРТИНКИ" valign="bottom">
<font color="yellow">ВАШ ТЕКСТ</font></th>
</tr>
</table></center>

В значения width и height в коде вместо многоточий поставьте размеры картинки,узнать их можно так,
наведите курсор на свою картинку,правой кнопкой мыши-нажмите,найдите в открывшемся окошке слово свойств нажмите,там увидите размеры своей картинки.Но может и такое,что в открывшемся окошке,вы увидите в самом низу слова Информация о изображении.У меня лично такие слова стоят,ОС Vista.Поэтому у всех всё по-разному.

______________________________________________________________________

А это,как можно вставить картинку в рамочку и написать к ней текст.Тоже очень быстрое решение,например,поздравить кого-то с праздником.Не плохо смотрится,не правда ли?

Рамка с картинкой и подписью

ЗДЕСЬ БУДЕТ СТОЯТЬ ВАШ ТЕКСТ

Код рамки с картинкой и подписью:

<center><table border="20" bgcolor="brown">
<caption align=bottom>ВАША ПОДПИСЬ</caption>
<tr><td>
<table border="12" bgcolor="brown">
<tr><td><img src=АДРЕС КАРТИНКИ></td></tr>
</table></td></tr>
</table></center>

Ещё хочу вам напомнить как правильно брать код,точнее копировать его.Здесь у многих проблемы с этим.А ведь это очень важный момент, чуть не так скопировал код,ничего не получится и не будет никакой картинки или кода.ИТАК:

НАВОДИМ КУРСОР НА КОД в окошке например,который стоит под картинкой.Он виден не полностью вам.Нажимаем правой кнопкой мыши в открывшемся окошке найти слова ВЫДЕЛИТЬ ВСЁ,нажали на это и сразу всё посинеет,весь код,опять жмём правой кнопкой мыши и там уже жмём на КОПИРОВАТЬ.Всё код полностью скопирован.