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

Воскресенье, 12 Мая 2013 г. 23:57 + в цитатник

Цитата сообщения 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 data-cke-saved-src="//s012.radikal.ru/i320/1101/d1/ad92a7023f57.gif" 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

Дорогие друзья и гости! Кому некогда или лень писать комментарии... если не трудно, отмечайте внизу слева в посте: ПОНРАВИЛОСЬ!"

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 6 - Урок 4. Делаем вместе рамочку из 6-х слоев
Часть 7 - Урок 5. Делаем вместе рамку с уголками.
Часть 8 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Часть 9 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
Часть 10 - Делаем сами музыкальную открытку.
...
Часть 20 - УРОК. РАМКА В РАМКЕ...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.

Серия сообщений "полезное":
Часть 1 - Как создавать рубрики и подрубрики в дневнике?
Часть 2 - Как удалить ЛИШНИЕ рубрики и как перенести из одной рубрики в другую все сообщения? Читаем...
...
Часть 14 - Шрифты для Вас
Часть 15 - Создать кнопку онлайн теперь просто!
Часть 16 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА
Часть 17 - ВАМ ЭТО ПРИГОДИТСЯ : НУЖНЫЕ И ВЕСЬМА ПОЛЕЗНЫЕ ССЫЛКИ ....
Часть 18 - Полезные ссылки. Нашла,делюсь!
...
Часть 36 - Простые теги (коды)
Часть 37 - Как легко убрать длинное сообщение под "кат"
Часть 38 - Как разделить текст на 2 части