Сделать текст с окошечком прокрутки (флеймом)
07-11-2015 17:42
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Шадрина_Галина Оригинальное сообщение
Сделать текст с окошечком прокрутки (флеймом)
[600x123]
Сделать текст с прокруткой во флейме.
Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Например я вставляю в пост разделители ( можно длинный текст, или картинки), и для экономии места, делаю это вот в таком окошечке, который и называется флейм.
Сделать такое окошечко очень просто. Сначала пишете нужный Вам текст, затем в самое начало (перед Вашим текстом) вставляете вот этот код:
Рассмотрим эту формулу на картинке
[показать]
Значения указанные цифрами:
1 - это ширина текста по отношению к странице, сейчас стоит 100% (это по ширине страницы, то есть поста) - если хотите чтоб было окошечко было меньше (как у меня вверху, где написана формула)меньше просто поменяйте цифру. Да и если Вам по какой-то причине не нравиться делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.( У меня поменяно на 150)
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится вниз, на нужное вам значение.
4 - это отступ с левой стороны страницы, стоит 0, так же можете поменять на нужное вам значение. Это нужно, если вы например перед окошечком хотите вставить картинку.
Выглядеть это будет вот так.
[250x260]Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. Размеры моей картинки 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>
Успехов в вашем творчестве.
[600x123]
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения Шадрина_Галина Оригинальное сообщение
Сделать текст с окошечком прокрутки (флеймом)
[600x123]
[показать]Значения указанные цифрами:
1 - это ширина текста по отношению к странице, сейчас стоит 100% (это по ширине страницы, то есть поста) - если хотите чтоб было окошечко было меньше (как у меня вверху, где написана формула)меньше просто поменяйте цифру. Да и если Вам по какой-то причине не нравиться делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.( У меня поменяно на 150)
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится вниз, на нужное вам значение.
4 - это отступ с левой стороны страницы, стоит 0, так же можете поменять на нужное вам значение. Это нужно, если вы например перед окошечком хотите вставить картинку.
[250x260]Успехов в вашем творчестве.
[600x123]
Серия сообщений "Уроки для блогов":
Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 20 - Как просматривать и брать картинки с Яндекс фото в связи с новыми изменениями
Часть 21 - Как увидеть пароль вместо звездочек?
Часть 22 - Сделать текст с окошечком прокрутки (флеймом)
Часть 23 - Как быстро вставить в пост на ЛиРу картинку из Интернета
Часть 24 - Рамка для блога, имитирующая картину.
...
Часть 42 - Как вставить плейкаст в сообщение в дневнике
Часть 43 - Для тех, кто перестал получать сообщения и комментарии на почту.
Часть 44 - Календарь на ЛиРу, где находится и его функции
Комментарии (10):
Людмила_Феникс
07-11-2015-18:40
удалить
Натик, добрый вечер! На Лиру аврал! Не знаю делать что-то или подождать?
Millena-Li
08-11-2015-00:51
удалить
Ответ на комментарий Людмила_Феникс #
Делать обязательно!
а вдруг все потеряете?
а может и нет - но кашу маслом не испортишь))))
а вдруг все потеряете?
а может и нет - но кашу маслом не испортишь))))
Millena-Li
08-11-2015-00:52
удалить
вот, мне такая формула как раз и нужна был
спасибо, Натали! Целую в щечку!
Успехов нам в это трудное, нелегкое время нового введения Валентина!)))
спасибо, Натали! Целую в щечку!
Успехов нам в это трудное, нелегкое время нового введения Валентина!)))
Ответ на комментарий Людмила_Феникс #
Я сделала бродилку в пост.И тебе советую.Любаша уже послала питицию начальству.У меня она есть.Посмотри
Ответ на комментарий Millena-Li #
Солнышко мое!!!Прости ,но я забыла твое имя..... 
Здесь я запуталась в именах.Так стыдно....Извини!! Рада,что тебе понадобился пост!!Удачи!!
Здесь я запуталась в именах.Так стыдно....Извини!! Рада,что тебе понадобился пост!!Удачи!!
Millena-Li
08-11-2015-23:32
удалить
Ответ на комментарий НАТО70 #
Софи-Катрин или Софи - мое настоящее
Миллина тут на Лирушке)))
Как желаешь, так и обращайся!!!
Миллина тут на Лирушке)))
Как желаешь, так и обращайся!!!
Ответ на комментарий Millena-Li #
Только не обижайся,Софи!!!! У тебя прекрасные имена!!!!А почему Софи-Катрин??Сейчас нет двойных имен.А мне нравится!!!!! 
Millena-Li
09-11-2015-19:00
удалить
Ответ на комментарий НАТО70 #
Ношу оба имени (как католики, хотя я православная) первое в честь бабушки, второе в честь сводной сестры)))
по паспорту официально - я Нино
по паспорту официально - я Нино
Ответ на комментарий Millena-Li #
Ну и имен у тебя.А тебе какое больше нравится??
Millena-Li
14-11-2015-02:59
удалить
Ответ на комментарий НАТО70 #
Софи)))
Комментарии (10):
вверх^
Вы сейчас не можете прокомментировать это сообщение.
Дневник Сделать текст с окошечком прокрутки (флеймом) | НАТО70 - Дневник НАТО70 |
Лента друзей НАТО70
/ Полная версия
Добавить в друзья
Страницы:
раньше»