-Метки

PNG flash html ledy olga viv анимационные картинки анимация анимашки весна видео видеорамочки вокруг света все для фотошоп выпечка вязание гадания галерея девушки день святого валентана дети для дневника живопись животные зима иллюстрации искусство картинки картинки для комментариев картинки для комментов картинки с кодами картины клипарт комменты красиво красота и здоровье кулинарные рецепты лиру любовь мудрые мысли музыка музыкальные открытки натюрморты наша вера новый год обои открытки оформление блога пасха плейкасты поздравления полезное полезные ссылки поэзия православие православный календарь праздники природа программы психология разделители рамки для текста рамки для фото рамочки рамочки авторские рамочки без картинки рамочки для видео рамочки для стихов рамочки новогодние рамочки разрезные рождество рукоделие с кодом скачать скрап наборы смотреть онлайн советы спасибо ссылки на уроки фотошоп стихи текстовые рамочки тесты уроки уроки флеш уроки фотошоп фильмы фильтры и плагины флеш-открытки флешки фоны фоны бесшовные фоны для фотошоп фото фотографии фотошоп художники цветы часики часы это интересно юмор

 -Музыка

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

ТВ Онлайн (более 100 каналов)

free counters Locations of visitors to this page Map ПОСЕТИТЕЛИ ОНЛАЙН Никнейм La@Perla зарегистрирован! Никнейм La_Perla зарегистрирован!

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

Поиск сообщений в La-Perla_Margarita

 -Статистика

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


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

Суббота, 24 Декабря 2011 г. 18:43 + в цитатник
Цитата сообщения 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
Метки:  
Понравилось: 3 пользователям

 

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

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

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

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