-Метки

акции анимация анимация-уроки бад бады блестки борьба с вредителями бродилки видео видео-уроки витаины витамины вкуснотища генераторы глиттеры/фоны дачные советы дизайн и интерьер для здоровья для лица для ног для фигуры живопись здоровье интересно история история/украина карта клиента картинки кисти клипарт клипарт девушки клипарт декор клипарт парни клипарт пейзаж клипарт цветы коллаж коллажи коллажи мои компьютер конвертеры красивые коллажи красота красота-здоровье лирика лук лук-чеснок маски для фш мои коллажи мои работы мои рамки молитва морковь мудрость мысли мужчинам муз.шкатулка натюрморты наши детки обои на рабочий стол обработка фото в фш оформление оформление дневника оформление: глиттеры/фоны пишем текст плагины плеер подкормки поздравлялки позитифффчик полезные советы политика праздники притчи и легенды программы психология рамки рамки для записей рамочник регистрация религия рукоделие садоводам огородникам садоводам-огородникам садоодам-огородникам сибирское здоровье создание рамок стили схемки для дневника текстура тест удобрения уроки уроки corel уроки mademoiselle viv уроки millada уроки natali уроки novichok56 уроки анимации уроки анты уроки л.гурьяновой уроки любаши уроки о.бор уроки фш уроки фш (учусь) уроки фш разных авторов уход за лицом фильтры фильтры и плагины-установка флеш-плеер флешки фоны фото футажи хозяйкам на заметку художники цветы шитье школа шпаргалка шрифт эдитор уроки эко-продукция

 -Рубрики

 -Фотоальбом

Фотоальбом закрыт всем, кроме хозяина дневника.

 -Поиск по дневнику

Поиск сообщений в YA_TATIYNA

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.05.2013
Записей:
Комментариев:
Написано: 8323


Сделать текст с окошечком прокрутки (флеймом)

Вторник, 17 Февраля 2015 г. 17:40 + в цитатник
Цитата сообщения Шадрина_Галина

Сделать текст с прокруткой во флейме.
Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Например я вставляю в пост разделители ( можно длинный текст, или картинки), и для экономии места, делаю это вот в таком окошечке, который и называется флейм.






















Сделать такое окошечко очень просто. Сначала пишете нужный Вам текст, затем в самое начало (перед Вашим текстом) вставляете вот этот код:



Рассмотрим эту формулу на картинке



Значения указанные цифрами:

1 - это ширина текста по отношению к странице, сейчас стоит 100% (это по ширине страницы, то есть поста) - если хотите чтоб было окошечко было меньше (как у меня вверху, где написана формула)меньше просто поменяйте цифру. Да и если Вам по какой-то причине не нравиться делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.( У меня поменяно на 150)
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится вниз, на нужное вам значение.
4 - это отступ с левой стороны страницы, стоит 0, так же можете поменять на нужное вам значение. Это нужно, если вы например перед окошечком хотите вставить картинку.

Выглядеть это будет вот так.
Арбузики
Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. Размеры моей картинки 250х260, значит 4 ПУНКТ (отступ слева) мы меняем на 260, а 2 пункт (высота прокрутки ) мы меняем, на 250. Ширину прокрутки (пункт 1) с 100% я поменяла на 360px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение


Если вы хотите сделать несколько таких окошечек в посте, или продолжить текст далее без окошечка (сделать просто окно- вставку), то, что б закрыть окно, сделайте закрывающий тег - /div

Весь код (с закрывающим окошечко тегом /div, будет выглядеть вот так.

<div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 14px; overflow: auto">ТЕКСТ ИЛИ КАРТИНКА В ПРОКРУТКЕ</div>

Успехов в вашем творчестве.



Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 21 - Как увидеть пароль вместо звездочек?
Часть 22 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 23 - Сделать текст с окошечком прокрутки (флеймом)
Часть 24 - Как быстро вставить в пост на ЛиРу картинку из Интернета
Часть 25 - Рамка для блога, имитирующая картину.
...
Часть 29 - Как получать извещения о новых постах, и где это сделать в настройках дневника.
Часть 30 - Как наложить ФЛЕШ, на прозрачном фоне, на любую картинку
Часть 31 - Онлайн генераторы HTML цвета


Рубрики:  РАМОЧКИ РАЗНЫЕ
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку