это сделать полосу прокрутки для текста и выглядеть это будет вот так-
Николай Носов
Приключения Незнайки и его друзей
КОРОТЫШКИ ИЗ ЦВЕТОЧНОГО ГОРОДА В одном сказочном городе жили коротышки. Коротышками их называли по- тому, что они были очень маленькие. Каждый коротышка был ростом с не- большой огурец. В городе у них было очень красиво. Вокруг каждого дома росли цветы: маргаритки, ромашки, одуванчики. Там даже улицы назывались именами цветов: улица Колокольчиков, аллея Ромашек, бульвар Васильков. А сам город назывался Цветочным городом. Он стоял на берегу ручья. Этот ручей коротышки называли Огурцовой рекой, потому что по берегам ручья росло много огурцов. За рекой был лес. Коротышки делали из березовой коры лодочки, переп- лывали через реку и ходили в лес за ягодами, за грибами, за орехами. Со- бирать ягоды было трудно, потому что коротышки ведь были крошечные, а за орехами и вовсе приходилось лазить на высокий куст да еще тащить с собой пилу. Ни один коротышка не смог бы сорвать орех руками - их надо было пилить пилой. Грибы тоже пилили пилой. Спилят гриб под самый корень, по- том распилят его на части и тащат по кусочкам домой. Коротышки были неодинаковые: одни из них назывались малышами, а дру- гие - малышками. Малыши всегда ходили либо в длинных брюках навыпуск, либо в коротеньких штанишках на помочах, а малышки любили носить платьица из пестренькой, яркой материи. Малыши не любили возиться со своими прическами, и поэтому волосы у них были короткие, а у малышек во- лосы были длинные, чуть не до пояса. Малышки очень любили делать разные красивые прически, волосы заплетали в длинные косы и в косы вплетали ленточки, а на голове носили бантики. Многие малыши очень гордились тем, что они малыши, и совсем почти не дружили с малышками. А малышки горди- лись тем, что они малышки, и тоже не хотели дружить с малышами. Если ка- кая-нибудь малышка встречала на улице малыша, то, завидев его издали, сейчас же переходила на другую сторону улицы. И хорошо делала, потому что среди малышей часто попадались такие, которые не могли спокойно пройти мимо малышки, а обязательно скажут ей что-нибудь обидное, даже толкнут или, еще того хуже, за косу дернут. Конечно, не все малыши были такие, но ведь этого на лбу у них не написано, поэтому малышки считали, что лучше заранее перейти на другую сторону улицы и не попадаться навстречу. За это многие малыши называли малышек воображульками - приду- мают же такое слово! - а многие малышки называли малышей забияками и другими обидными прозвищами. Некоторые читатели сразу скажут, что все это, наверно, выдумки, что в жизни таких малышей не бывает.Но никто ведь и не говорит, что они в жизни бывают. В жизни - это одно, а в сказочном городе - совсем другое. В сказочном городе все бывает. В одном домике на улице Колокольчиков жило шестнадцать малышей-коро- тышей. Самым главным из них был малыш-коротыш, по имени Знайка. Его прозвали Знайкой за то, что он знал очень много. А знал он много потому, что читал разные книги. Эти книги лежали у него и на столе, и под сто- лом, и на кровати, и под кроватью. В его комнате не было такого места, где бы не лежали книги. От чтения книг Знайка сделался очень умным. Поэ- тому все его слушались и очень любили. Одевался он всегда в черный кос- тюм, а когда садился за стол, надевал на нос очки и начинал читать ка- кую-нибудь книгу, то совсем становился похож на профессора. В этом же домике жил известный доктор Пилюлькин, который лечил коро- тышек от всех болезней. Он всегда ходил в белом халате, а на голове но- сил белый колпак с кисточкой. Жил здесь также знаменитый механик Винтик со своим помощником Шпунтиком; жил Сахарин Сахариныч Сиропчик, который прославился тем, что очень любил газированную воду с сиропом. Он был очень вежливый. Ему нравилось, когда его называли по имени и отчеству, и не нравилось, когда кто-нибудь называл его просто Сиропчиком. Жил еще в этом доме охотник Пулька
КОРОТЫШКИ ИЗ ЦВЕТОЧНОГО ГОРОДА В одном сказочном городе жили коротышки. Коротышками их называли по- тому, что они были очень маленькие. Каждый коротышка был ростом с не- большой огурец. В городе у них было очень красиво. Вокруг каждого дома росли цветы: маргаритки, ромашки, одуванчики. Там даже улицы назывались именами цветов: улица Колокольчиков, аллея Ромашек, бульвар Васильков. А сам город назывался Цветочным городом. Он стоял на берегу ручья. Этот ручей коротышки называли Огурцовой рекой, потому что по берегам ручья росло много огурцов. За рекой был лес. Коротышки делали из березовой коры лодочки, переп- лывали через реку и ходили в лес за ягодами, за грибами, за орехами. Со- бирать ягоды было трудно, потому что коротышки ведь были крошечные, а за орехами и вовсе приходилось лазить на высокий куст да еще тащить с собой пилу. Ни один коротышка не смог бы сорвать орех руками - их надо было пилить пилой. Грибы тоже пилили пилой. Спилят гриб под самый корень, по- том распилят его на части и тащат по кусочкам домой. Коротышки были неодинаковые: одни из них назывались малышами, а дру- гие - малышками. Малыши всегда ходили либо в длинных брюках навыпуск, либо в коротеньких штанишках на помочах, а малышки любили носить платьица из пестренькой, яркой материи. Малыши не любили возиться со своими прическами, и поэтому волосы у них были короткие, а у малышек во- лосы были длинные, чуть не до пояса. Малышки очень любили делать разные красивые прически, волосы заплетали в длинные косы и в косы вплетали ленточки, а на голове носили бантики. Многие малыши очень гордились тем, что они малыши, и совсем почти не дружили с малышками. А малышки горди- лись тем, что они малышки, и тоже не хотели дружить с малышами. Если ка- кая-нибудь малышка встречала на улице малыша, то, завидев его издали, сейчас же переходила на другую сторону улицы. И хорошо делала, потому что среди малышей часто попадались такие, которые не могли спокойно пройти мимо малышки, а обязательно скажут ей что-нибудь обидное, даже толкнут или, еще того хуже, за косу дернут. Конечно, не все малыши были такие, но ведь этого на лбу у них не написано, поэтому малышки считали, что лучше заранее перейти на другую сторону улицы и не попадаться навстречу. За это многие малыши называли малышек воображульками - приду- мают же такое слово! - а многие малышки называли малышей забияками и другими обидными прозвищами. Некоторые читатели сразу скажут, что все это, наверно, выдумки, что в жизни таких малышей не бывает.Но никто ведь и не говорит, что они в жизни бывают. В жизни - это одно, а в сказочном городе - совсем другое. В сказочном городе все бывает. В одном домике на улице Колокольчиков жило шестнадцать малышей-коро- тышей. Самым главным из них был малыш-коротыш, по имени Знайка. Его прозвали Знайкой за то, что он знал очень много. А знал он много потому, что читал разные книги. Эти книги лежали у него и на столе, и под сто- лом, и на кровати, и под кроватью. В его комнате не было такого места, где бы не лежали книги. От чтения книг Знайка сделался очень умным. Поэ- тому все его слушались и очень любили. Одевался он всегда в черный кос- тюм, а когда садился за стол, надевал на нос очки и начинал читать ка- кую-нибудь книгу, то совсем становился похож на профессора. В этом же домике жил известный доктор Пилюлькин, который лечил коро- тышек от всех болезней. Он всегда ходил в белом халате, а на голове но- сил белый колпак с кисточкой. Жил здесь также знаменитый механик Винтик со своим помощником Шпунтиком; жил Сахарин Сахариныч Сиропчик, который прославился тем, что очень любил газированную воду с сиропом. Он был очень вежливый. Ему нравилось, когда его называли по имени и отчеству, и не нравилось, когда кто-нибудь называл его просто Сиропчиком. Жил еще в этом доме охотник Пулька
Если уже захотелось попробовать применить, копируем следующий код.
<center>
<div style="height: 250px; overflow-y: auto;"> ваш текст</div>
</center>
и в редакторе сообщений в режиме HTML вставляем в нужное место. Высоту height: можно поменять на своё значение, ну и естественно свой текст.
А теперь смастерим самый простой спойлер. В переводе с английского слово spoil (спойлер ) означает портить, отравлять. Ну , а в нашем случаи, мы просто спрячем в него (сим- сим откройся) нажимаем ниже-
смотрим:
Для того , чтобы установить его скопируйте следующий код
<div style="margin: 5px 20px 20px;">
<div style="margin-bottom: 2px;">
<b>смотрим</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Open-Close" /> <br />
<br /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<здесь вставляем ваш текст или код ,или картинку>
</div>
</div>
</div>
Вставляем его в редакторе сообщений в режиме HTML в то место, где хотим скрыть текст или код.<div style="margin-bottom: 2px;">
<b>смотрим</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Open-Close" /> <br />
<br /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<здесь вставляем ваш текст или код ,или картинку>
</div>
</div>
</div>
Где выделено красным можете написать своё- spoiler, нажимаем - как вам нравиться.
Вот такие простые способы оформления текста в сообщении.
Буду рада, если это вам пригодится.
хотите оформить подписку на новые шпаргалки
Добрый жень!! Нашла ваш блог очень полезным!! Вопрос -
ОтветитьУдалитьdiv
Это вставлять после всего текста, который хочешь скрыть? (По аналогии с жж)?
Ольга,я с ЖЖ не совсем знакома. Закрывающийся тег div прописывают после фрагмента текста, который который хотим скрыть. Типа так-привет (тут код-скрытый текст - закрывающийся div - и снова любой текст.
ОтветитьУдалитьУ меня получилась очень красивая прокрутка текста. Пока сделала только на тестовом блоге "БиблиоИрина". Получилось ЗДОРОВО! СПАСИБО, ВИКТОРИЯ!
ОтветитьУдалитьНу Ирина, Вы молодец. Приятно слышать когда результат радует.
УдалитьЯ сделала чудесную прокрутку текста сегодня на блоге "Волшебный фонарик". Немножко изменила высоту текста и поставила по левому краю. У Вас center, у меня - left.
ОтветитьУдалитьДельная штука. Надо срочно утащить к себе.
ОтветитьУдалитьЯ у себя в блоге длинные коды оформляю именно как первый вариант. Тащите Дима, мне не жалко.
Удалить