-Цитатник

Женские штучки - (2)

Женские штучки   . ...

Тест: Узнать свой психотип за 4 шага - (0)

Тест: Узнать свой психотип за 4 шага Тест: Узнать свой психотип за 4 шага Предлагаю пройти т...

Bloggif - позволяет создавать анимированные GIF-анимации и фотомонтажи онлайн! - (1)

Bloggif - позволяет создавать анимированные GIF-анимации и фотомонтажи онлайн! Добро пожа...

Хочу быть женщиной твоей! - (1)

Хочу быть женщиной твоей Одной единственной, неповторимой, И чтобы не было родне...

МОИ 3 ОСЕННИЕ ФОНЫ ДЛЯ ВАС ОТ Klavdia-France - (1)

***МОИ 3 ОСЕННИЕ ФОНЫ ДЛЯ ВАС ОТ Klavdia-France*** Моя схемка ***Осенний лес*** ...

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии
16:36 17.05.2017
Фотографий: 2

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Стена СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить
  • Музыкальный плеер
  • Перейти к приложению Смотреть фильмы онлайн бесплатно, в отличном качестве... Смотреть фильмы онлайн бесплатно, в отличном качестве...Онлайн кинотеатр: биография Боевик вестерн военный детектив документальный драма история комедия криминал мелодрама мистика музыка Мультфильм мюзикл приключения семейный спорт триллер Ужасы Фантастика

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

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

Поиск сообщений в Лопатулька

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

 

 -Статистика

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


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

Пятница, 21 Февраля 2014 г. 09:51 + в цитатник
Цитата сообщения 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 пользователю

 

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

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

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

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