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

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

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

 

 -Статистика

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


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

Понедельник, 23 Марта 2015 г. 02: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>


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

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

Arnusha
Arnusha

Серия сообщений "Для "чайников"":
Часть 1 - Ваша картинка с надписью и в рамке.Урок.
Часть 2 - Оформление дневника для начинающих и не только.
Часть 3 - Первые шаги для самых новеньких на Ли.ру
...
Часть 33 - Как взять с Ютуба фрагмент ролика
Часть 34 - Добавляем в пост с РУБРИКАМИ "ПРОКРУТКУ"(для тех,кто не знает,как это делать)
Часть 35 - Оформление дневника

Рубрики:  ЖИЗНЬ НА ЛИ.РУ
Метки:  

 

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

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

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

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