Картинка с окошком для кода(урок)

Четверг, 09 Декабря 2010 г. 20:34 + в цитатник

Цитата сообщения Джоан

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

Картинка с окошком для кода(урок)

Урок № 73
Картинка с Окошечком под Код .

Здесь мы рассмотрим как сделать картинку с окошечком под Код .
1 - Картинка с Кодом
2 - Картинка с кликабельным Кодом , чаще используют под Баннер
3- Несколько картинок в ряд с окошком под Код

I - Картинка с Окошком под Код

Копируйте код и вместо слов-подсказок вставляйте нужные ссылки , аккуратно удаляя слова , но не трогая кавычки :

Код строки с РАДИКАЛА №6 не кликабельная

<input type='text' size='15-Размер окошка' value='строка с РАДИКАЛА №6 не кликабельная'>

II - Картинка с кликабельным Кодом , чаще используют под Баннер

Код строки с РАДИКАЛА №6 не кликабельная

<input type='text' size='15-Размер окошка' value='строка с РАДИКАЛА №6 (Переход на URL)'>

Там где окошко: Меняем АДРЕС РАДИКАЛА на нужную ССЫЛКУ , скопировав Код из окошка , получим кликабельную картинку.

Кликабельная Картинка и Кликабельный Код

Код строки с РАДИКАЛА №6 (Переход на URL)

<input type='text' size='15-Размер окошка' value='строка с РАДИКАЛА №6 (Переход на URL)'>

Меняем АДРЕС РАДИКАЛА в обоих строчках на нужную ССЫЛКУ

III - Несколько картинок в ряд с Окошками под Код

<table align="center" border="0" cellspacing="8" cellpadding="0"> <tr> <td>Код КАРТИНКА 1 с РАДИКАЛА строка №6 не кликабельная</td> <td>Код КАРТИНКА 2 с РАДИКАЛА строка №6 не кликабельная</td> <td>Код КАРТИНКА 3 с РАДИКАЛА строка №6 не кликабельная</tr> </table>
Окошко под код :
<input type='text' size='15' value='СТРОКА С РАДИКАЛА № 6 НЕ КЛИКАБЕЛЬНАЯ'>

Расстояние между Окошками Кода регулируем с помощью ТЕГА - ПРОБЕЛ Ставьте столько раз этот тег , сколько необходимо .

Уроки от Елены

Серия сообщений "Пошаговые уроки":
Часть 1 - Как сделать картинку-ссылку
Часть 2 - О картинках на ЛиРу и длинных постах
...
Часть 12 - Как сделать пост с множеством картинок?
Часть 13 - Делаем сами музыкальную открытку.
Часть 14 - Картинка с окошком для кода(урок)
Часть 15 - Как вставить музыку в свое сообщение.
Часть 16 - Новый mp3 плеер для дневника, сайта.
Часть 17 - Создание серии сообщений дневника
Часть 18 - ВСТАВЛЯЕМ МЕЛОДИЮ В ПЛЕЕР ИЗ ФОТОШОП
Часть 19 - Как взять с Ютуба фрагмент ролика