-Рубрики

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

Поиск сообщений в SvetlanaT

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

 

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

Суббота, 11 Июня 2011 г. 23:32 + в цитатник

По просьбам моих ПЧёлок немного про прокрутки.
Существуют восемь атрибутов, которыми можно задавать различные параметры полос прокрутки. Не обязательно использовать одновременно все атрибуты. Стили Прокрутки бывают разные, с цветом и просто обычные серенькие.
Ещё раз из чего она состоит.
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
Рубрики:  Оформление дневника
Метки:  

Процитировано 195 раз
Понравилось: 75 пользователям

Nella__solneshko   обратиться по имени Воскресенье, 12 Июня 2011 г. 00:09 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
Наталья_Ивановна_НИК   обратиться по имени Воскресенье, 12 Июня 2011 г. 01:18 (ссылка)
Спасибо большое!!!!
Ответить С цитатой В цитатник
shnay   обратиться по имени Воскресенье, 12 Июня 2011 г. 11:21 (ссылка)
С праздником Святой Троицы! Спасибо, очень пригодится
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 12 Июня 2011 г. 12:05ссылка
shnay, И тебя тоже с Праздником.
Надежда_Пушкарева   обратиться по имени Воскресенье, 12 Июня 2011 г. 15:13 (ссылка)
Ответить С цитатой В цитатник
Tatka_15   обратиться по имени Воскресенье, 12 Июня 2011 г. 20:24 (ссылка)
спасибо
Ответить С цитатой В цитатник
jane_j   обратиться по имени Воскресенье, 12 Июня 2011 г. 21:07 (ссылка)
СПАСИБО
Ответить С цитатой В цитатник
VIKAVIVA   обратиться по имени Воскресенье, 12 Июня 2011 г. 23:56 (ссылка)
Спасибо огромное за урок!Так все просто и понятно!
Ответить С цитатой В цитатник
Перейти к дневнику
tulyachka   обратиться по имени Понедельник, 13 Июня 2011 г. 01:27 (ссылка)
Спасибо!:give_rose
Ответить С цитатой В цитатник
mimozochka   обратиться по имени Понедельник, 13 Июня 2011 г. 15:18 (ссылка)
спасибо дорогая!Умничка ты Светочка,столько у тебя полезных вещей!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 13 Июня 2011 г. 16:11ссылка
mimozochka, что сама умею,тем с вами и делюсь.
Nikash   обратиться по имени Четверг, 16 Июня 2011 г. 01:29 (ссылка)
Хорошие у Вас посты. Нужные)
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 18 Июня 2011 г. 10:47ссылка
Nikash, пользуйтесь на здоровье
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Пятница, 17 Июня 2011 г. 13:51 (ссылка)
СПАСИБО.
Ответить С цитатой В цитатник
Перейти к дневнику
fanta_girro   обратиться по имени Воскресенье, 26 Июня 2011 г. 14:52 (ссылка)
спасибо очень доступно !:air_kiss:
Ответить С цитатой В цитатник
fanta_girro   обратиться по имени Воскресенье, 26 Июня 2011 г. 14:56 (ссылка)
а можно вопросик ? можно ли сделать эту прокрутку
прозрачной полностью или невидимой?если да ,то как? заранее спасибо))))))))))
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 27 Июня 2011 г. 00:10ссылка
fanta_girro, прозрачной не пробовала,но думаю нет .Прокрутка она и нужна чтобы её видно было,а то как разберут как читать дальше..
Zhanochka8   обратиться по имени Среда, 29 Июня 2011 г. 14:18 (ссылка)
Спасибо! Разберусь
Ответить С цитатой В цитатник
марина-значит_морская   обратиться по имени Четверг, 06 Октября 2011 г. 23:58 (ссылка)
Спасибо Светик.Возьму себе.
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 07 Октября 2011 г. 11:11ссылка
конечно ,моя хорошая.
ydavchik   обратиться по имени Воскресенье, 25 Марта 2012 г. 19:30 (ссылка)
Светлана, здравствуйте. Если Вас не затруднит, как сделать такую же штуку только в livejournal. Буду очень Вам благодарен
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 27 Марта 2012 г. 01:18ссылка
Вы попробуйте взять этот код он в принципе универсален.Если он не вставляется может быть на livejournal нет таких функций на сайте.Просто я знаю что например на "Мыле" прокрутки не работают.
Kantemirova_Irina   обратиться по имени Суббота, 05 Мая 2012 г. 00:46 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
РЫЦАРЬ-ЛАНСЕ   обратиться по имени Четверг, 05 Июля 2012 г. 13:27 (ссылка)
Ответить С цитатой В цитатник
Барсюта   обратиться по имени Среда, 19 Сентября 2012 г. 19:39 (ссылка)
Светлана,а как сделать рамку(можно и без)с 20видео уроками с прокруткой ,может подскажете? Искала в Гугле и не нашла,а у кого то видела в посте.Важны-компактные видео-уроки,а не рамочка.Благодарю Вас заранее.
Ответить С цитатой В цитатник
DAMOCHKA-GALOCHKA-mechta   обратиться по имени Воскресенье, 17 Февраля 2013 г. 04:05 (ссылка)
Спасибо!!
Ответить С цитатой В цитатник
ТаМаРа_ТАРАНЬжина   обратиться по имени Понедельник, 04 Марта 2013 г. 13:22 (ссылка)
Добрый день, Светланочка!
Благодарю за полезное!
Ответить С цитатой В цитатник
Перейти к дневнику
egmara   обратиться по имени Вторник, 12 Марта 2013 г. 16:46 (ссылка)
SvetlanaT, Интересный пост.Спасибо за Ваше дружелюбие и щедрость.Взяла с благодарностью!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 13 Марта 2013 г. 22:43ссылка
egmara, пожалуйста,пользуйтесь
Быкова_Марина   обратиться по имени Среда, 01 Мая 2013 г. 14:43 (ссылка)
Спасибо!!!
Ответить С цитатой В цитатник
Сизарка   обратиться по имени Понедельник, 25 Ноября 2013 г. 13:33 (ссылка)
Светочка,спасибо за уроки,за щедрость и доброту,я цитировала кое что,а кое что пробовала по ходу,(не с работала анимация фото.Пыталась несколько раз...
Ответить С цитатой В цитатник
Nadin_Aquarius   обратиться по имени Суббота, 21 Декабря 2013 г. 13:39 (ссылка)
Цитирую с благодарностью.
Ответить С цитатой В цитатник
Selesta_L   обратиться по имени Воскресенье, 22 Декабря 2013 г. 06:53 (ссылка)
Здорово как!!! Спасибо за чудесный пост!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 22 Декабря 2013 г. 07:00ссылка
Selesta_L, Надеюсь вам пригодится.
Перейти к дневнику

Воскресенье, 22 Декабря 2013 г. 07:21ссылка
Без сомнения,Светлана!
Татьяна_Гусакова   обратиться по имени Пятница, 27 Декабря 2013 г. 18:40 (ссылка)
Спасибо Светлана. С наступающим Новым Годом!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 29 Декабря 2013 г. 06:00ссылка
Татьяна_Гусакова, И вас,дорогая, с НАСТУПАЮЩИМ
Natali_Travinka   обратиться по имени Среда, 19 Февраля 2014 г. 00:52 (ссылка)
Спасибо большое! Давно искала код цветной прокрутки.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 19 Февраля 2014 г. 09:15ссылка
Natali_Travinka, Теперь вы сами сможете любой цвет подобрать
Надежда_Гостевская   обратиться по имени Четверг, 20 Февраля 2014 г. 17:48 (ссылка)
спасибо большое!!!
Ответить С цитатой В цитатник
Перейти к дневнику
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

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

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

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

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