-Рубрики

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

 

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

Поиск сообщений в E-Ledi

 -Статистика

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


Разные стили Прокрутки для поста.

Воскресенье, 26 Января 2014 г. 18:24 + в цитатник
Цитата сообщения SvetlanaT Разные стили Прокрутки для поста.


По просьбам моих ПЧёлок немного про прокрутки.
Существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки. Не обязательно использовать одновременно все атрибуты. Стили Прокрутки бывают разные, с цветом и просто обычные серенькие.
Ещё раз из чего она состоит.
1.scrollbar-face-color-это цвет передней стороны панели прокрутки
2.scrollbar-arrow-color-это цвет треугольника на верхнем и нижнем квадратах.
3.scrollbar-3dlight-color-это цвет отсвета.
4.scrollbar-highlight-color-это цвет верхней и левой граней панели прокрутки.
5.scrollbar-shadow-color-это цвет нижней и правой граней панели прокрутки.
6.scrollbar-darkshadow-color-это нижний отсвет прокрутки.
7.scrollbar-track-color-это цвет полосы, по которой "ходит" панель прокрутки.
8. #FFFFFF ;#A21F0E-это коды цвета, которые можно менять.



Вот вариант самой ОБЫЧНОЙ ПРОКРУТКИ.
Там где написано ВАШ ТЕКСТ
-Пишим свой текст.
Нужно только поменять РАЗМЕР
прокрутки в высоту под текст.height: 150px
Это в моём случае.Вам нужно поставить свой.

КОД ОБЫЧНОЙ ПРОКРУТКИ.

ПРОКРУТКА ЦВЕТНАЯ.
Вот например такая яркая прокруточка.Кому нравится код под ней.

Вам нужно будет поменять только код ЦВЕТА
прокрутки под ваш дизайн дневника.
Взять коды различных цветов можно ЗДЕСЬ.
Меняете ЦВЕТ ПРОКРУТКИ.
...arrow-color:#99FF99...-Цвет треугольничков
на верхнем и нижнем квадрате прокрутки
...scrollbar-base-color: #9900CC...-Базовый Цвет прокрутки
И изменить РАЗМЕР прокрутки под ваш текст.
Находим вот такой тег:...position: width:99%;height:218px...
Меняете только цифру на нужную вам.
Можно поменять с какой стороны у вас будет стоять текст.
Находите тег...text-align:left;...- У меня слева.
А если вместо...left... поставите ...right...-И текст будет справа.
Где написано ВАШ ТЕКСТ -
Пишите свой текст.
Можно ещё поэкспериментировать добавляя в код разные стили прокрутки.

КОД этой прокрутки.



Прокрутка в рамочке.






Можно сделать прокрутку
как рамку, с красивой картинкой
или клипартом.Например вот так.
Код такой прокрутки найдёте чуть
ниже.
Там где написано КАРТИНКА -
Вставляйте свою картинку.
Если через Радикал фото,то
берёте код под №1
Не забудьте поменять размеры
картинки на свои.У меня это...
width="510" height="690"
Там где написано ВАШ ТЕКСТ-
Пишите свой текст.
Там где написано ВАШ НИК-
Вставляйте ссылочку на свой блог.
Или просто пишите свой Ник.
Тэги text-align:center-
это где будет находится ваш текст.
center-это по Центру.
left -СЛЕВА
right -СПРАВА.
В моём случае текст по центру.



КОД с ПРОКРУТКОЙ и КАРТИНКОЙ.
SvetlanaT

Серия сообщений "♦ прокрутка":
Часть 1 - Как вставить ПРОКРУТКУ в пост
Часть 2 - Разные стили Прокрутки для поста.
Часть 3 - Разные стили Прокрутки для поста.
Часть 4 - Промотка текста в записи и Путешественник во времени Д.Тайтор
...
Часть 6 - Разная прокрутка для текста
Часть 7 - Текст с прокруткой
Часть 8 - Как вставить ПРОКРУТКУ в пост.

Метки:  
Понравилось: 1 пользователю

Grigorenko_Natalia   обратиться по имени Воскресенье, 26 Января 2014 г. 19:57 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Veta-z   обратиться по имени Вторник, 14 Апреля 2015 г. 21:19 (ссылка)
Спасибо,Леночка!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 14 Апреля 2015 г. 21:59ссылка
Делай-делай в шпаргалочке рубрики с метками - я потом оттуда слижу, а то сейчас ничего найти не могу - ты мне хоть рассортируешь...
E-Ledi   обратиться по имени Вторник, 14 Апреля 2015 г. 22:06 (ссылка)
Это классный постик. Молодец - откопала. Рудокоп ты мой...
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 15 Апреля 2015 г. 00:52ссылка
я хитрая....а ты еще хитрее.Я завалилась в своем дневнике,плюнула...пошла к тебе воровать))))))))))))) а тут....такая же песня))))
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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