• Авторизация


Картинка с надписью. Урок. 25-02-2011 08:53 к комментариям - к полной версии - понравилось!

Это цитата сообщения 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>


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

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

Arnusha
Рамка от Zomka



Серия сообщений "Полезные советы":

Часть 1 - Сервисы "Вопрос-ответ"
Часть 2 - Украли картинку? Найдём кто это сделал!
...
Часть 29 - Кладезь для всех начинающих...
Часть 30 - Коды для оформления блога.
Часть 31 - Ваша картинка с надписью и в рамке.Урок.
Часть 32 - РЕКОМЕНДАЦИИ для ВСЕХ
Часть 33 - Мошенничество в Интернете
...
Часть 97 - Универсальное средство
Часть 98 - Немного полезных советов ...
Часть 99 - Тосты и гренки: завтракаем с пользой.




Серия сообщений "Полезности":

Часть 1 - Сервисы "Вопрос-ответ"
Часть 2 - Полезности для вашего блога...
...
Часть 15 - Кладезь для всех начинающих...
Часть 16 - Коды для оформления блога.
Часть 17 - Ваша картинка с надписью и в рамке.Урок.
Часть 18 - РЕКОМЕНДАЦИИ для ВСЕХ
Часть 19 - А не пора ли докупить памяти?:)
...
Часть 69 - Он-лайн сервис - Генератор Кнопок
Часть 70 - HTML-ШПАРГАЛКА
Часть 71 - Обновления: все аватары, ежедневная рассылка, звезды-камни, обратиться и так далее


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Картинка с надписью. Урок. | Беляева_Евгения - Дневник Беляева_Евгения | Лента друзей Беляева_Евгения / Полная версия Добавить в друзья Страницы: раньше»