Ссылки коды для работы

Воскресенье, 23 Ноября 2014 г. 04:35 + в цитатник

Цитата сообщения белый_город

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

сылки коды для работы

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

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

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

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

или еще код в цвете где можно менять цвет
Цвет в окошке можно менять.Найдите в коде слова
...background-color:red;...
red-Это название цвета.
Можно менять на любой другой цвет какой вам нравится.
И сразу за ним ...color:black;...- меняем цвет текста.
black-Это цвет шрифта.
Тоже меняйте на своё усмотрение.
<textarea rows="5" cols="5" style="border-right: black 2px solid; border-top: black 2px solid; background-color:red; color:black; border-left: black 2px solid;border-bottom:black 2px solid; ">

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

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

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

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

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

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

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

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

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

<img width="300" height="200" data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" alt="" />

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

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

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

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

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

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

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

Серия сообщений "сылки, коды для работы":

Часть 1 - Формулы красивых шрифтов с кодами.
Часть 2 - Коды цвета для текстов
...
Часть 4 - Красиво оформляем ссылки на источник
Часть 5 - Окошко для кодов
Часть 6 - сылки коды для работы
Часть 7 - Всё,что должно быть у Лирушника под рукой(ссылки)
Часть 8 - Коды оформления блога
...
Часть 30 - ТАБЛИЦА С ОКОШКАМИ ДЛЯ КОДОВ
Часть 31 - Как сделать самую простую кликабельную кнопку с надписью!
Часть 32 - мои с сылки поздравления