• Авторизация


Оформляем полосу прокрутки 28-04-2014 18:13 к комментариям - к полной версии - понравилось!

Это цитата сообщения ka82 Оригинальное сообщение

Оформляем полосу прокрутки

[310x439]

Привет! В этом примере я хочу рассказать как делать такую рамку. На картинке показано что каким цветом мы обозначаем. Все пишется через знак ; (точка с запятой и затем один пробел).
background-image: url('АДРЕС ФОНОВОЙ КАРТИНКИ') либо background-color: #КОД ЦВЕТА - если вам нужен цвет фона. Если вам фон не нужен, т.е. не хотите эффект как в данной рамочке - можете вообще стереть от слова от слова background вплотную до слова LEFT (т.е. должно начинаться с div style="LEFT)
OVERFLOW: auto означает что мы пользуемся рамкой с полосой прокрутки.
WIDTH: 350px - это ширина рамки в пикселях
HEIGHT: 270px - это - высота рамки в пикселях
TEXT-ALIGN: - это выравнивание текста (justify по ширине окна, center - по центру, left - по левому краю, right - по правому краю).

Если какой-то элемент не прописан, то система по умолчанию присваивает ему свойства как у всего экрана. Итак, вот код этой рамочки:
Вот в данной ячейке фона background-image нет, посмотрите
[232x242]
Информация о генераторе прокрутки сперта с этого сайта и адаптирована под наши дневы

Хотя если ваш фон сообщений дневничка позволяет видеть буквы и вас это устраивает, то почему бы и нет? Я, например, балдею от красного цвета и предпочитаю этот цвет, смотрите по удобствам )))


<textarea rows=ЧИСЛО СТРОК cols=ЧИСЛО БУКВ В ШИРИНУ style="border-center: black 0px solid; border-top: black 2px solid; background-color:#КОД ЦВЕТА ФОНА; color:#КОД ЦВЕТА БУКВ; border-left: black 2px solid; scrollbar-face-color: #КОД ЦВЕТА ПОЛОСЫ ПРОКРУТКИ (ЗДЕСЬ И ДАЛЕЕ СМ.РИСУНОК ВЫШЕ ПО ПРОКРУТКЕ); scrollbar-highlight-color: #КОД; scrollbar-3dlight-color: #КОД; scrollbar-darkshadow-color: #КОД; scrollbar-shadow-color: #КОД; scrollbar-arrow-color: #КОД; scrollbar-track-color: #КОД;">ВАШ ТЕКСТ</textarea>
П.С.
Цветовая палитра: http://www.liveinternet.ru/users/ka82/post98160799/
Фоновое оформление: http://www.liveinternet.ru/users/ka82/post88771163/
Теги для текста: http://www.liveinternet.ru/users/ka82/post90899043/
Теги типа шрифта, размера: http://www.liveinternet.ru/users/ka82/post89710588/ (последяя - это цитата, она переделана и дополнена, поэтому если хотите точь-в-точь, то вместо цитирования рекомендую написать мне попросить прислать код)



Серия сообщений "Кодировщик":
Шрифты, кнопки и прочее оформление

Часть 1 - Оформление днева (разные сайты и генераторы)
Часть 2 - Дизайн сообщений днева с принтскрином
...
Часть 13 - Как сделать открыточку с музыкой? Смотрим
Часть 14 - Для браузера типа Internet Explorer: Вот такой волшебный текст без цветного генератора!
Часть 15 - Оформляем полосу прокрутки
Часть 16 - Текст на фоне
Часть 17 - Полупрозрачные рамки
...
Часть 27 - Буквы-хамелеоны MS Outlook и Wingdings
Часть 28 - Буквы webdings и marlett
Часть 29 - Буквица


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Оформляем полосу прокрутки | dragonshik - Дневник dragonshik | Лента друзей dragonshik / Полная версия Добавить в друзья Страницы: раньше»