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

Вторник, 18 Марта 2014 г. 13:37 + в цитатник

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

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

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

Урок № 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 НЕ КЛИКАБЕЛЬНАЯ'>

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

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