-Рубрики

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

Поиск сообщений в смольникова_екатерина

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

 

 -Сообщества

Участник сообществ (Всего в списке: 56) Моя_дача Классные_фоны ФОНЫ_для_НАС Народные_советы Барахолка Рамки_для_днева _СвОиМи_РуКаМи_ Педагогическая_копилка Рецепты_домохозяек Ответ_на_вопрос Мир_рукоделия мир_бисера гОрОд_ДеТсТвА Лучшие_схемы_на_ЛИ-РУ мир_красивых_поделок_и_изделий Рукоделочки БУДЬ_ЗДОРОВ Лучшие_рецепты_интернета УспешнаяДомохозяйка Царство_Кулинарии Радуга_женственности Всё_для_блога ХоЧуНиМаГУ Обречены_на_Счастье Секреты_здоровья Авторские_комментарии Привет_Подружка стихи_в_рамочках ОСЕНЬ_и_ЗИМА Мама_и_малыш ЛиРу Уголок_психолога НАШ_САД Всё_самое_интересное Decor_Rospis Я_ВЕДАЮ Я_-_МАСТЕРИЦА ЯРМАРКА_РУКОДЕЛИЯ Моя_кулинарная_книга Мировая_Кулинария Сообщество_Творческих_Людей Шедевры_от_Маришки Женская_тема Говорим_пишем_спорим -ФАЗЕНДА- Школа_славянской_магии Комфортариум Вкусно_Быстро_Недорого ЗНАМЕНИЯ_АЛЛАХА Best_of_Callery Creative_Designs Только_для_женщин Книга-лучший_друг Questions_LiveInternet ВСЁ_ОТ_ДИЗАЙНЕРА соо-шпаргалка
Читатель сообществ (Всего в списке: 19) Наши_схемы Ссылочки_малятам ЛИСЬЯ_ШКАТУЛКА Темы_и_схемы_для_Вас ВСЕ_ДЛЯ_ДЕТЕЙ Школа_Иггдрасиль АртБазар kulinarnichaem Mimi_Kids Релакс_и_вдохновение tzxmanga WiseAdvice Madame_Frames Мир_клипарта О_Самом_Интересном Чортова_Дюжина Школа_славянской_магии Рецепты_блюд Рукодельницам_и_мастерицам

 -Статистика

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


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

Четверг, 16 Апреля 2015 г. 05:36 + в цитатник
Цитата сообщения 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
Рубрики:  ОБУЧЕНИЕ

 

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

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

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

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