-Рубрики

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

Поиск сообщений в valentina-chikaylova

 -Статистика

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


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

Понедельник, 16 Ноября 2015 г. 19:01 + в цитатник
Цитата сообщения 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: 218 px...
Меняете только цифру на нужную вам.
Можно поменять с какой стороны у вас будет стоять текст.
Находите тег...text-align:left ;...- У меня слева.
А если вместо...left... поставите ...right...- И текст будет справа.
Где написано ВАШ ТЕКСТ -
Пишите свой текст.
Можно ещё поэкспериментировать добавляя в код разные стили прокрутки.

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



ПРОКРУТКА В РАМОЧКЕ.






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



КОД с ПРОКРУТКОЙ и КАРТИНКОЙ.
SvetlanaT
Валентина

Серия сообщений "Рамочки":
Часть 1 - Рамочки для видео
Часть 2 - РАМКИ ПОД ВИДЕО от Оли МИРАЖ!
...
Часть 15 - Разные заготовки для творчества, автор flash-magic2011
Часть 16 - Делаем рамочку в Онлайн фото редактор - Free Online-Image-Editor
Часть 17 - Разные стили Прокрутки для поста.
Часть 18 - Рамочки разные
Часть 19 - Рамочки
...
Часть 25 - Рамочки в ПНГ
Часть 26 - Разные заготовки для баннеров и творческих фантазий.
Часть 27 - Рамки кластеры в формате PNG.

Серия сообщений "ОФОРМЛЕНИЕ ДНЕВНИКА":
Часть 1 - Как СДЕЛАТЬ ПОСТ С КАРТИНКОЙ на Лиру.
Часть 2 - Оформление дневника для начинающих и не только.
...
Часть 25 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 26 - Делаем оригинальную кнопочку в ЭДИТОРЕ.
Часть 27 - Разные стили Прокрутки для поста.
Часть 28 - Пошаговая инструкция по созданию флеш ролика в программе Aleo Flash Intro Banner Maker.
Часть 29 - Все коды для оформления дневника в одном месте
...
Часть 32 - И снова о бродилочках...
Часть 33 - Бродилочка
Часть 34 - Бродилочка для Вас ( и шпаргалка-как оформить ссылки)

Рубрики:  ШПАРГАЛКИ
Метки:  

 

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

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

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

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