Новое в блоге
Loading...
26 янв. 2012 г.

Область текста с прокруткой для Blogger

Добрый вечер,точнее ночи! Долго думал,что такого полезного предложить начинающим. И решил показать Вам совсем простой урок. А именно-создание текстовой области с прокруткой. Так же как и спойлер,текст с прокруткой позволяет нам спрятать длинный код сценария(script),код HTML и так далее.
Это позволяет делать страницу сообщения короткой, что несомненно нравится нашим посетителям. Создание текстовой области с прокруткой не требует от Вас вставки в шаблон кодов HTML или скриптов. Всё создаётся при написание сообщения и добавление маленького кода. Вот пример области текста с прокруткой:


А вот код текста с прокруткой:

<div align="center">
<textarea cols="15" name="code" rows="2"> Здесь будет спрятан Ваш сундук с сокровищами </textarea></div>


Где можно изменить ширину 15 и количество строк текста,которые будут на виду rows="2". Теперь,что бы посетители имели возможность легко выделить и скопировать текст или код,мы добавим кнопку.Вот как будет выглядеть область текста с прокруткой и с кнопкой. Можете испытать,нажав на кнопку:

А вот код с кнопкой:

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Выделить всё" /> </div>
<div align="center">
<textarea cols="20" name="txt" rows="3" style="height: 50px; width: 150px;" wrap="VIRTUAL">Здесь текст или код,который можно легко выделить и скопировать!Очень замечательно-я спрятался и меня не видно.</textarea></div>
</form>
</div>
Выделенное красным можете менять на ваше усмотрение.Думаю  всем всё ясно. Вот вроде и всё. Всем пока.

Смотрите так же: Как красиво выделить первую букву поста или Cоздаем эффектно оформленную блочную цитату-Стили CSS

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

0 коммент. :

Отправить комментарий

 
Footer