» Як змінити кольори скролл-бара
Карточные игры и нарды. Домино, шахматы и карточные игры и другие игры онлайн.Тягаючись по різних сайтах нашого віртуального миру іноді знаходиш усякі там приємні наворотики для дизайну своїх сторінок. Те колірна схема сподобається, то навігаційна система, те цілком сайт. Донедавна я користувався звичайним п’ятим IE, що йде зі стандартним Windows 2000.
Потім я поставив версію 5.5 і виявив, що на деяких сайтах мій браузер міняє стиль оформлення свого скролл-бара. Скролл-бар - це така паличка праворуч екрана (або знизу), що дозволяє нам переглянути ту частину сторінки або елемента вікна, що не вмістилася у своїй області. Скролл-бар можна рухати двома способами: або чіпляти його мишкою й тягти до потрібної позиції, або покрутити коліща на миші, якщо ваш щурячий девайс має таку визначну пам’ятку на своїй сірій спинці. Отож скролл-бар можна оформити на свій смак. Можна зробити червоний скролл-бар, стрілки зробити чорними, можна взагалі всі чорним оформити.
Робиться це за допомогою звичайної таблиці стилів, тому навіть повний ламер може вставити таку фішку на свій просунутий сайт.
Розповім, що я прописав для свого сайту (http://protoplex.com/), і ви без праці застосуєте це на своїх. Всі дуже просто. Потрібно додати небагато коду в тег <STYLE>, що задає стилі на всій сторінці. Його вставляють у початок сторінки, щоб він сидів усередині тегу <HEAD> Тег на моєму мультипортале має такий вигляд:
<style type=”text/css”>
BODY {SCROLLBAR-FACE-COLOR: #0000dd; SCROLLBAR-HIGHLIGHT-COLOR: white; SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff;}
</style>
Такий фрагмент ви можете стягнути в мене цілком, а можете прикласти до нього свою руку й модифікувати його під колірну схему свого сайту. Так буде набагато гарніше й корисніше. Зараз розповім, що до чого ставиться:
SCROLLBAR-FACE-COLOR - задає основні кольори скролл-бара, яким зафарбовується сама паличка прокручування, і дві завершальні кнопочки зі стрілками. Також, якщо ви не задали параметр SCROLLBAR-TRACK-COLOR, у вас зміниться кольори задньої частини крутилки.
SCROLLBAR-HIGHLIGHT-COLOR - установлює кольори підсвічування, що створює ефект об’ємності. Ті кольори, що облямовує освітлену частину кнопочки. Коли кнопка не натиснута кольори заливає лівий верхній кут і сторони між ним, коли натиснута - нижній правий кут.
SCROLLBAR-SHADOW-COLOR - кольори тіні, також служить для додання об’єкту об’ємності. Тінь - вона й в Африці тінь. Куди без її.
SCROLLBAR-ARROW-COLOR - установлює кольори стрілок на крайніх позиціях крутилки.
SCROLLBAR-TRACK-COLOR - визначає кольори доріжки прокручування. Це та фиговинка, по якій властиво і їздить паличка прокручування. Така пластинка смазаная вазеліном 
Взагалі скролл-бар можна настроїти так, що дядько Біллі не довідається. Всі елементи прокрутчика мають свої властивості й параметри, які можна хоробро змінити за допомогою таблиці стилів. Ви можете поэкспериментировать із ними.
WEB-дизайн - про HTML редактори й специфічні теги
Автор: Ілля Алямкин Сайт: http://mtk.on.ufanet.ru/
Свій перший “сайт” я зробив в HTML редакторі, прикладеному до Нетскейпу- Composer-і. :)) Довго мучився з таблицями й не міг зрозуміти, чому зроблені в Word-і таблиці при збереженні у форматі HTML зовсім не так смотрятся в Нетскейпе, як було спочатку задуманно… А потім подивився “утвір, що вийшов,” в Эксплорере- зовсім поплохело.
Так що з різницею “написання” кодів редакторами я зштовхнувся з першого свого експерименту. Чого й вам бажаю. :))) “Чистота” коду, його працездатність у будь-якому розповсюдженому броузере- це перше, що потрібно для виготовлення навіть найпростішої сторінки. Нехай у вас немає художніх талантів і ви не малювали навіть у дитинстві, нехай на сторінці немає ніяких изысков, тільки текст- все повинне працювати.
Можливо, ви й не хочете займатися web дизайном серйозно, але працювати ваша сторінка повинна так, як було задуманно вами, а не виробниками броузеров. Часто навіть по зовнішньому вигляді можна зробити цілком обґрунтоване припущення, що дана сторінка сайту “сляпана” web дизайнером в FrontPage або HomeSite без перегляду коду і його коректування “ручками”. Коротко про мінуси подібної творчості. Перше- подібні редактори типу “визивиг” (що бачив, то й одержав) роблять сторінку під один броузер, часто- Эксплорер. Подумайте самі- іде тиха війна виробників броузеров за ринок, так з якої статі редактор, зроблений, наприклад, “Эксплорер і До” буде робити сторінки, що підтримують специфічні тэги, наприклад, Нетскейпа?
Тим більше, що своїх, рідних, можливостей і полезностей- вагон і маленький візок. От і виходить у підсумку- повний “визивиг”. Крім того, у цих редакторів є, найчастіше, набір убудованих скриптовых ефектів, які не тільки досить одноманітні, але й часто не працюють у Нетскейпе. Це, щоправда, дріб’язки. Напарываются, найчастіше, на прості зовсім тэги- COLSPAN=”" й ROWSPAN=”". Эксплорер все це “з’їдає” спокійно, а от Нетскейп частенько не може переварити подібні описи. Що особливо цікаво, цим захворюванням часто страждають сайти навіть дуже відомих студій web дизайну.
Що не зовсім зрозуміло. Просто лінь? Друге. Редактори дуже часто значно “перевантажують” сторінку всякими не дуже потрібними тэгами. При переробці подібних сайтів розмір файлу сторінки можна, іноді, скоротити на третину. Це важливо? Кожному web дизайнерові, звичайно, самому вирішувати… Я не буду описувати всі “різниці” відображення сторінок у броузерах- просто перевіряти треба все. Якщо вам зручніше працювати в “визивигах”, що цілком можливо, але не дуже зрозуміло, має сенс після приготування сторінки переглянути код, викинути все зайве, “розібратися” з написанням й описом таблиць.
Часу багато на це не йде- пробував, знаю. :)) Так, до речі, є ще один цікавий прикіл. Глюком його не назвати, просто особливість Нетскейпа. При відображенні фреймової структури Нетскейп точно виводить вертикальні розміри вікон, а от по горизонталі- не завжди. Так що, добродії web дизайнери, якщо ви задумали щось круте на основі фреймів, будте добрий, проверте підсумок у Нетскейпе. Різниця не особливо помітна при звичайному застосуванні фреймів, але якщо на різних вікнах расположенны різні частини одного малюнка, що становлять одне ціле, у Нетскейпе може “вилізти” трохи зайвих пикселов. :)) Доповнення: Останні Нетскейпы цілком розуміють COLSPAN, але проблема із фреймами залишилася- частенько доводиться робити запас спеціально для Нетскейпа. Крім того, із впровадженням CSS2 “у життя” необхідність перевірки й чищення коду “ручками” стає тільки актуальніше…
Вікна у Львові