• Авторизация


Поля для кодов. Внешний вид и пр. 24-10-2011 17:05 к комментариям - к полной версии - понравилось!

Это цитата сообщения Legionary Оригинальное сообщение

Поля для кодов. Внешний вид и пр. Такой небольшой, но очень полезный постик:) Речь пойдет про поля, в которые прописывается некий код, для того, чтобы читатель мог потом этот код с легкостью взять. Коды флешек, картинок, постов и пр. Окошки такие, к примеру: Такие простенькие окошки. Про первое говорить не будем. Оно как бы не совсем предназначено для этих целей (содержать в себе некий код), а вот про второе,- поговорим. Пишется оно очень просто: <textarea >А сюда просто вставляем нужный нам код, который должен отображаться в окошке</textarea> Просто и легко. Можно весь пост "вставить" в такое вот окошко:) В качестве борьбы с плагиатом, например:) Ведь захотят взять,- возьмут, а так... больше шансов, что возьмут то, что вам надо Отошли от темы:) Окошко это конечно замечательное, но уж слишком стандартное. Займемся его внешним видом Я не буду рассказывать о всех возможных изменениях,- их уж слишком много. Можно столько всего накрутить:) Размер окошка. За размер окошка отвечают два параметра: cols - ширина и rows - высота Применим эти два параметра например так: Или так: Пишется это все так: <textarea cols="5" rows="20">код, который должен отображаться в окошке</textarea> Обводка и фон окошка. Тут уже будем применять стили. Вообще, стили можно применять практически к чему угодно ( сейчас даже и не вспомню, есть ли в html хоть один тег, к которому нельзя применить стиль) В результате всех этих манипуляций,- можем получить даже такое окошко: Это я конечно переборщил с яркостью, чтоб нагляднее было:) НИКОГДА ТАК НЕ ДЕЛАЙТЕ! Это жутко давит на глаза:) Итак, пишем так: <textarea style="background-color: ЦИФРОВОЕ обозначение цвета; border: 2px solid ЦИФРОВОЕ обозначение цвета;">код, который должен отображаться в окошке</textarea> Про "цифровые" обозначения цвета уже сто раз говорили, но напомню к примеру: #ffffff - белый, #cccccc - серый, #000000 - черный. В коде есть кусок border: 2px - 2px это толщина обводки. Меняем двойку как хотим:) На этом пока все, т.к. я тут затронул тему стилей, а это ооочень уж большая тема, но жутко интересная и удобная. Основные знания вы получили, вам их пока хватит:) Только одно важное дополнение. Вот коды окошек, которые мы учили выше,- позволяют пользователю не только брать код из окошка, но и писать самому в этом окошке:)) В этом нет ничего страшного, но вдруг, нечаянно чего-нибудь ткнет и видоизменит код:) Скопирует его, а потом побежит к вам с вопросом "почему ничего не работает?":) Так вот, чтобы этого избежать, приписываем дополнительный параметр readonly. Пишется так: <textarea readonly="readonly">код, который должен отображаться в окошке</textarea> Ну и результат: Написать что-либо в это окошко пользователю уже не удастся:)
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Поля для кодов. Внешний вид и пр. | Я-Мышка - Дневник Я-Мышка | Лента друзей Я-Мышка / Полная версия Добавить в друзья Страницы: раньше»