-Метки

PNG gif html iso windows хр аватарки английский язык анимация блины видео видео уроки видео уроки английского языка видео уроки дизайн интерьера видео уроки по фото выдержка генератор кнопок генераторы генераторы текста глиттеры грип декор диафрагма дизайн дизайн интерьера документальные фильмы живопись звёзды игры игры по изучению английского языка игры по изучению английского языка онлайн иллюстрированный самоучитель интересно интерьер инфа информеры искусство история история украины картинки картинки gif картинки gif анимация картинки для комментариев керамика кино клипарт png кнопки кулинария музыка новый год онлайн онлайн игры онлайн кино онлайн программы онлайн уроки основы фото основы фотографии палитры плеера поднос поисковики праздник программы прозрачные фоны простые рамки радио рамки рамки для вас рамочки роллы салаты скачать скрап наборы словари смайлики суши урок уроки уроки 3d max уроки faq по лиру уроки html уроки английского языка уроки по photoshop уроки по фото уроки флеш уроки фотошопа фильмография фильмы флешки фоны фото фотография фотоискусства хостинги художники часики школа шрифты эксклюзив от тараса ткаченко языки японска кухня

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии Столешницы
Столешницы
19:55 18.11.2011
Фотографий: 20
Посмотреть все фотографии серии Живопись
Живопись
19:26 18.11.2011
Фотографий: 34
Посмотреть все фотографии серии Керамика ( ручная работа )
Керамика ( ручная работа )
03:00 01.01.1970
Фотографий: 0

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

Поиск сообщений в mirela-MONI4KA

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

 

 -Статистика

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


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

Понедельник, 19 Декабря 2011 г. 03:25 + в цитатник
Цитата сообщения 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
Рубрики:  Уроки фотошопа/Уроки FAQ по ЛиРу
Уроки фотошопа/Уроки HTML
РАМКИ для ВАС
Метки:  
Понравилось: 2 пользователям

 

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

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

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

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