Как сделать окошко для кодов?

Всем привет. Часто получаю в личку один и тот же вопрос - Как вставить код или текст в окошечко. Вот решила об этом и в блоге написать - вдруг кому ещё интересно будет.

Не буду вдаваться в дебри программирования, а как и всегда буду исходить из самого простого и по возможности наглядного. Внизу перед Вами сам код который нужно скопировать и поставить перед адресом картинки, кодом рамочки или текстом.

<textarea rows="5" cols="40">Ваш текст или код Вашей картинки.

Теперь чуть подробнее о коде и как его применять

rows="5" - Цифра 5 это ВЫСОТА окошка

cols="40" - Цифра 40 это ШИРИНА окошка

При необходимости поменяйте эти значения на нужные Вам.

Пример на картинке:

1. Загрузите нужную картинку,

2. Скопируете код окошка написанный выше и поставьте его после загруженной картинки,

3. Скопируете код картинки полностью и вставьте его после кода окошка.

КАРТИНКА --->>> КОД ОКОШКА --->>>КОПИЯ КОДА КАРТИНКИ



<img width=""300"" height=""200"" alt="""" />

Плюсом, то что Вас ещё может заинтересовать :

1.Сделай слайд-шоу

2.Коды цвета для текстов

3.Сделай для блога кнопку.

4.Как сделать баннер-картинку для блога.

5.Как сделать рамочку для текста самому.

Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога