текст с прокруткой урок

Понедельник, 21 Июля 2014 г. 13:14 + в цитатник

Текст с прокруткой в рамке

Часто приходит вопрос:Как сделать текст с прокруткой в флейме?
Сначала пишите нужный Вам текст, редактируете его по своему усмотрению, после чего в самое начало (перед Вашим текстом) вставляете вот этот код:

В простом редакторе просто копируете и ставите, в расширенром нужно нажать ИСТОЧНИК и там вставить код.

Теперь рассмотрим сам код на картинке и как его можно при необходимости изменить.
код флейма прокрутки

Значения указанные цифрами:
1- это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше просто поменяйте цифру. Да и если Вам по какой-то причине не нравиться делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по
необходимости менять в большую или меньшую сторону.
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.
Пример
убираем весь текст во флейм, чтоб сократить длину поста я уменьшила высоту прокрутки до 100px и поменяла отступ сверху с 0 на 20px
C этим разобрались, теперь отвечу на второй вопрос -
Как вставить прокрутку в рамочку?
Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё
так же как описано выше - вставляете код в рамочку перед Вашим текстом.

Как вставить прокрутку в рамочку?

Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё
так же как описано выше - вставляете код в рамочку перед Вашим текстом.
Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код.
Возьмём для примера вот эту рамочку со вставленной в неё прокруткой:
Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 220px (под ширину своего экрана) - Вы можете поменять на
нужное Вам значение

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

Полевые цветы

Как вставить прокрутку в рамочку?
Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё
так же как описано выше - вставляете код в рамочку перед Вашим текстом. Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код. Возьмём для примера вот эту рамочку со вставленной в неё прокруткой: Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 270px (под ширину своего экрана) - Вы можете поменять на
нужное Вам значение

Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и
высоту прокрутки, для этого нужно знать размер картинки которые находятся в коде самой картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение.
Дополнение)
Если Вы хотите поместить в прокрутку только часть своего поста, а не весь, то Вам нужно использовать вот эти тэги

всё что находится между ними будет в прокрутке, что до них или после них в прокрутку входить не будет.
Вот вроде и всё) если что-то осталось не понятно, то пишите в комментах попробую объяснить подробней.

Рубрики:

Уроки