-Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов

 -Интересы

 -Сообщества

Читатель сообществ (Всего в списке: 2) Pinacoteca kayros

 -Статистика

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


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

Среда, 09 Ноября 2011 г. 18:30 + в цитатник
Цитата сообщения 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

Серия сообщений "Li.ru":
Часть 1 - Урок по таблицам...полезный
Часть 2 - Урок. Как сделать простую рамочку для текста
Часть 3 - Как сделать бесшовный фон
Часть 4 - Шпаргалка
Часть 5 - Ваша картинка с надписью и в рамке.Урок.
Часть 6 - Красивые спасибки.
Часть 7 - ЧУДЕСНЫЕ РАЗДЕЛИТЕЛИ С КОДОМ.
...
Часть 12 - Картинки животных (с кодом для блога).
Часть 13 - Бесшовные фоны.
Часть 14 - Фоны с кошками и котятами

Серия сообщений "Уроки":
Часть 1 - Урок по таблицам...полезный
Часть 2 - Урок. Как сделать простую рамочку для текста
Часть 3 - Как сделать бесшовный фон
Часть 4 - Шпаргалка
Часть 5 - Ваша картинка с надписью и в рамке.Урок.
Часть 6 - Схемы для запоминания

Метки:  

 

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

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

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

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