-Метки

2021 covid-19 ЖЗЛ австралия авторские работы анекдоты архитектура беженцы вакцинация вднх вдохновение великобритания ветер странствий вечерний рассказ вов война волонтеры воспитание воспитание детей вышивка вязание гавана дача демография день победы дети детский сад диета днр добровольцы домашнее насилие донбасс достопримечательности египет еда елизавета ii живопись животные жизнь в деревне жизнь в ссср жизнь за рубежом жизнь на даче житейская история житейские истории заготовки здоровье зима знаете ли вы знаменитости известные люди интересные факты интерьер интимная жизнь искусство истории из жизни история история жизни италия карантин карелия китай коронавирус красота гардероба красота своими руками красоты зарубежья красоты наших городов красоты россии креатив криминал крым куба кулинария кулинарные идеи курортные романы курская область лето литература лнр любовь манекенщица мариуполь мастер-класс медицина мода модные тенденции москва москвичи мужчина и женщина музыка моей памяти насилие наши дети недвижимость новый год ностальгия отдых отношения пандемия пасха пейзажи позитив полезные советы прикладное искусство приколы природа прогулки по москве продукты психология путешествие путешествия пятница рассказ расширяем кругозор рецепты рождество россия рукоделие русский язык садоводство самоизоляция санкт-петербург сво своими руками секс секс-туризм семья смысл жизни советские женщины советский союз современная живопись спецоперация ссср старость стиль стихи таиланд творчество теракт традиции турция увлечение украина уроки стиля факты фараон фотогалерея франция чтение швейцария школа шоу-бизнес экономика это интересно юмор япония яркое великолепие природы

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии Зима в ярких красках
Зима в ярких красках
15:10 27.02.2013
Фотографий: 80
Посмотреть все фотографии серии Кошкин дом
Кошкин дом
20:22 24.08.2011
Фотографий: 28
Посмотреть все фотографии серии Выставка Деда Мороза
Выставка Деда Мороза
17:49 07.02.2010
Фотографий: 40

 -Приложения

  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц
  • Перейти к приложению Стена СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни

 -Видео

Алые паруса-2012
Смотрели: 257 (19)
Мантра Любви
Смотрели: 2008 (41)

 -Цитатник

Можете удалить любые отношения к Вам, которые старше 30 дней - (18)

У сервиса симпатий-антипатий никогда не было назначения выставления клейма на дневнике или человеке,...

Adriano Celentano - Confessa - (20)

Удивительная по красоте мелодия и потрясающий голос!!! В наилучшем DVD-качестве! Специально оцифро...

База сайтов фотографов и художников: более 500 ссылок для вдохновения. - (4)

Конечно же, 90% фотоподборок идут с 2photo. Кто-то этого и не скрывает, а кто-то выдает за свое. Та...

Оформление ежедневных детских блюд - (11)

ОФОРМЛЕНИЕ ЕЖЕДНЕВНЫХ ДЕТСКИХ БЛЮД ДЛЯ УЛУЧШЕНИЯ АППЕТИТА Самая полезная на свете - гречнева...

РОДСТВО. Короче, все люди - родственники:) - (6)

Кровное родство по прямой линии В одном поколении * Брат - мальчик/мужчина по отношению к друг...

 -Всегда под рукой

Баннеры мужского и женского клубов.
Копируйте код в свой блог!


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

Поиск сообщений в Только_для_женщин

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

 

 -Сообщества

Участник сообществ (Всего в списке: 1) Только_для_мужчин

 -Статистика

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


Сделать текст с прокруткой во флейме?

Пятница, 23 Июля 2010 г. 03:43 + в цитатник
Дом_советов все записи автора Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Сделать такое окошечко очень просто. Сначала пишете нужный Вам текст, затем в самое начало (перед Вашим текстом) вставляете вот этот код:

В простом редакторе просто копируете и ставите, в расширенном нужно нажать ИСТОЧНИК и там вставить код.
Теперь рассмотрим сам код на картинке и как его можно при необходимости изменить.
 код флейма прокрутки
Значения указанные цифрами:

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

Пример. Убираем весь написанный выше текст во флейм, а чтобы сократить длину поста, уменьшим высоту прокрутки до 100px (кнопка прокрутки справа)


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

В простом редакторе просто копируете и ставите, в расширенном нужно нажать ИСТОЧНИК и там вставить код.
Теперь рассмотрим сам код на картинке и как его можно при необходимости изменить.
 код флейма прокрутки
Значения указанные цифрами:

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


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

Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом.

548899_19751_1_26 (612x224, 84Kb)
Как вставить прокрутку в рамочку?

Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом.

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

Возьмём для примера вот эту рамочку со вставленной в неё прокруткой: 

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

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

 Возьмём для примера вот эту рамочку со вставленной в неё прокруткой: 

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

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

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


Возьмём для примера вот эту рамочку со вставленной в неё прокруткой: 


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

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

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

От Дайтека
Рубрики:  Оформление дневника/Советы по ведению блога
Метки:  

Процитировано 227 раз
Понравилось: 64 пользователям

Вперед_с_Надеждой_идущая   обратиться по имени Пятница, 23 Июля 2010 г. 10:05 (ссылка)
Спасибо за полезный урок!:good:
Ответить С цитатой В цитатник
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Пятница, 23 Июля 2010 г. 10:57 (ссылка)
СПАСИБО.
Ответить С цитатой В цитатник
galinaiv   обратиться по имени Пятница, 23 Июля 2010 г. 11:16 (ссылка)
СпаÑ
Ответить С цитатой В цитатник
Выше_Радуги_   обратиться по имени Пятница, 23 Июля 2010 г. 12:32 (ссылка)
Спасибо за урок !!!
Ответить С цитатой В цитатник
Светлана_Курчатова   обратиться по имени Пятница, 23 Июля 2010 г. 22:59 (ссылка)
Понравился урок спасибо,забрала!
Ответить С цитатой В цитатник
Lanochka100   обратиться по имени Суббота, 24 Июля 2010 г. 23:30 (ссылка)
Спасибо. Интересно все это. Буду учиться)))
Ответить С цитатой В цитатник
jgein-5   обратиться по имени Вторник, 27 Июля 2010 г. 11:49 (ссылка)

0c322b2c68cd (400x400, 341 Kb)
Ответить С цитатой В цитатник
olana56   обратиться по имени Среда, 28 Июля 2010 г. 01:14 (ссылка)
спасибо большое!
Ответить С цитатой В цитатник
мелвек   обратиться по имени Пятница, 13 Августа 2010 г. 07:27 (ссылка)
Спасибо! Просто здорово!!! Давно хотела этому научится!
Ответить С цитатой В цитатник
СВЕТЛЯЧОК_и_Ко   обратиться по имени Воскресенье, 15 Августа 2010 г. 03:13 (ссылка)
спасибо за урок!!
Ответить С цитатой В цитатник
Един_Я   обратиться по имени Спасибо Четверг, 19 Августа 2010 г. 10:53 (ссылка)
Спасибо Вам и всему дружному вашему коллективу за Умную работу над своим Проектом. Без учебника был, как слепой, в тёмном месте.
БлагоДарит Вам Волшебник. Успехов в Труде
Ответить С цитатой В цитатник
-ЦитатникРу-   обратиться по имени Понедельник, 13 Декабря 2010 г. 13:52 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Yarinka_ru   обратиться по имени Понедельник, 17 Января 2011 г. 13:05 (ссылка)
Ответить С цитатой В цитатник
LediLudmila   обратиться по имени Среда, 02 Февраля 2011 г. 22:40 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
ТВОЯ_ПУТЕВОДНАЯ_ЗВЕЗДА   обратиться по имени Понедельник, 21 Февраля 2011 г. 16:41 (ссылка)
супер! Так просто!
001[1] (304x167, 810 Kb)
Ответить С цитатой В цитатник
mysiets   обратиться по имени Воскресенье, 08 Мая 2011 г. 18:12 (ссылка)
Вроде наконец-то я начала понимать как прятать текст. Сколько читала у других Ли.рушников - ничего не получалась. Сейчас хоть прокрутку научилась вставлять. . А вот "читать далее" что-то никак не осилю
Ответить С цитатой В цитатник
mysiets   обратиться по имени Воскресенье, 08 Мая 2011 г. 19:46 (ссылка)
Еще раз СПАСИБО!!!! Освоила, благодаря вам, и "Читать далее"
Ответить С цитатой В цитатник
Zmenka76   обратиться по имени Понедельник, 02 Января 2012 г. 18:36 (ссылка)
Спасибо!
Учиться, учиться и еще раз Учиться!...
Вот уже год на Лиру, а до сих пор не пыталась освоить сию науку... Никогда не поздно начать!
:-)
Ответить С цитатой В цитатник
jujakurchaar   обратиться по имени Четверг, 05 Января 2012 г. 14:15 (ссылка)
спасибо за советы!:air_kiss:
Ответить С цитатой В цитатник
koreckolga   обратиться по имени Четверг, 09 Августа 2012 г. 12:30 (ссылка)
Спасибо огромное!
Ответить С цитатой В цитатник
VALJ   обратиться по имени Суббота, 11 Августа 2012 г. 18:43 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
ТЫСЯ   обратиться по имени Среда, 17 Октября 2012 г. 18:13 (ссылка)
Привет!
По Вашему уроку вставила прокрутку в большой текст, спасибо.Меня интересует еще один вопрос( не нашла в оглавлении)-Как вставить кнопку "Читай далее" ну или просто "Далее"в текст? Если вам не сложно, помогите.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 17 Октября 2012 г. 21:57ссылка
ТЫСЯ, об этом есть темы в нашем Учебнике Лиру. Например, здесь: Оформление постов. Теги. Ответы на вопросы.
Маргарита_О   обратиться по имени Четверг, 03 Января 2013 г. 21:14 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Лисенокк   обратиться по имени Суббота, 02 Февраля 2013 г. 13:25 (ссылка)
Спасибо!!!
Ответить С цитатой В цитатник
Лилия_Евгеньевна   обратиться по имени Суббота, 23 Февраля 2013 г. 18:28 (ссылка)
Понравился такой прием! Спасибо!!!!:give_rose
Ответить С цитатой В цитатник
ИРИНА_УГАРОВА   обратиться по имени Воскресенье, 31 Марта 2013 г. 15:07 (ссылка)
Цитирую с благодарностью!!!
Ответить С цитатой В цитатник
Fideriga   обратиться по имени Заголовок Воскресенье, 21 Апреля 2013 г. 21:58 (ссылка)
Спасибо за интересный и нужный урок! Процитировала себе.
Ответить С цитатой В цитатник
теролька   обратиться по имени Среда, 01 Мая 2013 г. 19:26 (ссылка)
Спасибо большое! Цитирую с благодарностью!
Ответить С цитатой В цитатник
key-note   обратиться по имени Воскресенье, 30 Июня 2013 г. 19:45 (ссылка)
А у меня почему-то прокрутка легла горизонтально, пока не поняла, в чем дело
Ответить С цитатой В цитатник
Любовь_Ларинина   обратиться по имени Пятница, 16 Августа 2013 г. 13:54 (ссылка)
Спасибо. Попробую как-нибудь!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

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

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

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

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