ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.

Пятница, 03 Февраля 2012 г. 01:45 + в цитатник

Цитата сообщения nataliya_bezushko

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

ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.

ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.

Часто мы видим, как под рамкой или под картинкой стоит окошко с кодом рамки или картинки и не задумываемся над тем, что это такое и как это сделать.
Сделать самим такое окошко совсем не сложно.

ВАША КАРТИНКА

Код ОКОШКА:

<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2" name="S1">ВАША КАРТИНКА</textarea>

РАССМОТРИМ ЧТО В ЭТОМ КОДЕ:

<textarea style="text-align: Где будет располагаться текст в самой форме; <br />" readonly="readonly" cols=";Ширина" rows="Высота">ВАША КАРТИНКА

Пояснения:

textarea - область с текстом.

rows - количество строк,

cols - кол-во столбцов (символов в строке)

readonly - чтобы случайно пользователь не изменил код и не перезагружал страничку.

также есть параметр disabled, запрещающий выделять и копировать код из textarea.

text-align: center; - расположение текста внутри формы, так же можно написать: сenter, left, right

Мы берем рисунок:

КОПИРУЕМ ЭТОТ КОД:

<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2">ВАША КАРТИНКА</textarea>

А на место слов: ВАША КАРТИНКА ставим код Вашей картинки:

<img src="/images/tmp/1290626098_022940082.png"/>

В результате у нас получается:

<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2"><img src="//i038.radikal.ru/0910/1a/e807799d5790t.jpg">

КОНЕЧНЫЙ РЕЗУЛЬТАТ:

<img src="//s012.radikal.ru/i320/1101/d1/ad92a7023f57.gif" />

Для тех, кому лень вникать во все эти премудрости (можете просто скопировать код), надо воспользоваться одной из этих формул:

<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2" name="S1">Код рамки или картинки</textarea>

<textarea rows="1" cols="20">КОПИЯ КАРТИНКАИ</textarea>

<textarea readonly="readonly" cols="25" rows="1" style="font-size: 10px; color:#000066; background-color:#FFFFFF; border: solid 1px #000066;">Код рамки или картинки</textarea>

Хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ.

Пробуйте, у Вас получится!
ЖЕЛАЮ УДАЧИ!
Дневник Nataliya_Bezyshko