На всеки човек му допадат различни цветове, та затова е добра идея да има възможност за смяна на стила на страниците.
Който не харесва основните цветове на страниците и има начални познания по CSS (поне за цветовете), може да се пробва да измисли нови цветове, които да му харесват.
В един файл сложих тестова страница на HTML (mylib.html) и стилов файл на CSS (stilove.css). След като свалите файла и го разархивирате, ще се създаде папка "mylib", която съдържа файловете mylib.html и stilove.css. Веднага след това можете да започнете с "оцветяването" .
Отворете файла stilove.css с някой текстов редактор и променете цветовете, както искате. Повтарям, нужно е да имате лека представа от каскадни стилове (CSS). След това разгледайте файла mylib.html в някой браузър, за да видите какво сте сътворили.
Това, разбира се, може да става и едновременно — променяте нещо във файла stilove.css и след това в браузъра само презареждате файла mylib.html.
Ако сте доволни от направеното, можете да ми пратите файла stilove.css, за да го добавя към стиловете на библиотеката.
Цветовете по страниците
Правила
Уважавайте другите участници и се отнасяйте с тях така, както бихте желали те да се отнасят с вас!
Уважавайте другите участници и се отнасяйте с тях така, както бихте желали те да се отнасят с вас!
Цветовете по страниците
Последната и единствена промяна е направена от Борислав на 10 ноември 2006, 18:43.
Оказа се, че актуалния CSS е малко по-различен от този в зип-а. Но предполагам, че всеки, който му се иска и се наема да се занимае с това, ще знае откъде да си дръпне текущия CSS файл...
Не съм уеб-дизайнер, нито web-developer, така че инфото, което ще дам може би е известно отдавна или пък има много по-добри и бързи начини за работа. Но ето каква технология ми хрумна, мислейки как да улесня създаването на цветови схеми за сайта.
1. Опера (може би и други браузъри) има великолепна функция, която позволява да разглеждаме съществуващи уеб страници с наш CSS. Това дава възможност за реално тестване в действителни условия. Тази настройка се намира в Tools> Preferences> Content> Style Options> My Style Sheet
2. Принтнах екран от сайта, така както изглежда в момента и създадох PSD файл във Photoshop (може и GIMP).
- От този екран посредством Select> Color range (fuzziness 0) отделих на различни лейъри отделните елементи на страницата.
- Заключих прозрачността на лейърите, за да мога да ги лискам с плътен цвят или модифицирам цвета им с Hue/Saturation или Levels инструментите.
- Така създаденият файл е много лесен за работа и в рамките на минути се създава цветна тема, като елементите подлежат на лесна промяна и донастройка, а всичко се визуализира на мига.
3. След приключване на работата по PSD файла, остава информацията да се пренесе в CSS. Просто с пипетката на Photoshop (може и GIMP) се взима шестнайсетичната стойност на цвета от стария и от новия skin и в текстов редактор се подменят с Find And Replace.
4. През цялото време може да се браузва реалната страница с force-нат style sheet и да да се наблюдава как върви работата.
След извършването на необходимата подготовка, създаването на тема не би трябвало да отнема повече от час. А вероятно и човек ще се забърза с практиката
НТ
Не съм уеб-дизайнер, нито web-developer, така че инфото, което ще дам може би е известно отдавна или пък има много по-добри и бързи начини за работа. Но ето каква технология ми хрумна, мислейки как да улесня създаването на цветови схеми за сайта.
1. Опера (може би и други браузъри) има великолепна функция, която позволява да разглеждаме съществуващи уеб страници с наш CSS. Това дава възможност за реално тестване в действителни условия. Тази настройка се намира в Tools> Preferences> Content> Style Options> My Style Sheet
2. Принтнах екран от сайта, така както изглежда в момента и създадох PSD файл във Photoshop (може и GIMP).
- От този екран посредством Select> Color range (fuzziness 0) отделих на различни лейъри отделните елементи на страницата.
- Заключих прозрачността на лейърите, за да мога да ги лискам с плътен цвят или модифицирам цвета им с Hue/Saturation или Levels инструментите.
- Така създаденият файл е много лесен за работа и в рамките на минути се създава цветна тема, като елементите подлежат на лесна промяна и донастройка, а всичко се визуализира на мига.
3. След приключване на работата по PSD файла, остава информацията да се пренесе в CSS. Просто с пипетката на Photoshop (може и GIMP) се взима шестнайсетичната стойност на цвета от стария и от новия skin и в текстов редактор се подменят с Find And Replace.
4. През цялото време може да се браузва реалната страница с force-нат style sheet и да да се наблюдава как върви работата.
След извършването на необходимата подготовка, създаването на тема не би трябвало да отнема повече от час. А вероятно и човек ще се забърза с практиката
НТ
Кой е на линия
Потребители, разглеждащи форума: 0 гости