Како да прилагодите прегледач Фирефок-а за бољу читљивост

Реадер Виев је популарна карактеристика Фирефок прегледника мења изглед веб странице, и чини читљивијим од стране уклањање визуелних сметњи као што су слике, огласи, заглавља и бочне траке. Приказ читача, међутим, није доступан за све почетне странице.

Ако је функција доступна за одређену страницу, наћи ћете икону да бисте је омогућили у облику а икона мале књиге приказана десно од адресне траке.

Постоји неколико уграђених опција које омогућавају читатељима да прилагоде изглед Реадер Виев. Размотрићемо те опције пре него што вам покажемо шта можете да урадите да бисте додатно персонализовали изглед читачког приказа. У демо сврхе, користит ћу чланак чланка Натионал Геограпхиц.

Пре-Буилт Оптионс

Фирефок Реадер Виев долази са неколико унапред изграђених опција за прилагођавање као што су тамно, светло и сепија позадине, подесиво величина фонта, и сериф и санс-сериф фонтови. Можете прилагодити тему по надјачати ЦСС правила већ постојећих опција.

Користим тамну кожу са сериф фонтовима, а то значи да ћу морати надјачати припадајуће ЦСС класе, у мом случају .тамно и .сериф.

Ако желите да прилагодите другу варијанту теме (скин + фонт), требат ћете користите одговарајуће ЦСС селекторе. Можете их проверити уз помоћ Фирефок Девелопер Тоолс тако што ћете притиснути Ф12.

Креирајте Цустом ЦСС датотеку

Потребно је да креирате датотеку под називом усерЦонтент.цсс унутар хром фолдер оф директоријуму Фирефок профила за прилагођавање Реадер Виев-а. Да бисте пронашли мапу профила за Фирефок, откуцајте абоут: суппорт у УРЛ бар и притисните Ентер.

Наћи ћете се на страници која садржи техничке податке везане за вашу Фирефок инсталацију. Кликните на дугме Прикажи фасциклу и отвориће се фасцикла профила.

Направите позвану мапу хром унутар мапе профила (ако је још немате) и датотеку усерЦонтент.цсс унутар хром фолдер. Путања датотеке изгледа овако:

Профили \ тцхроме усерЦонтент.цсс 

Додајте Цустом ЦСС Рулес

Када креирате и отварате усерЦонтент.цсс у едитору кода, време је да додате ЦСС правила. Да бисте прилагодили дизајн читачког приказа, морате таргет тхе одговарајућим селекторима.

Можете користити следеће селекторе за различите подразумеване опције:

 / * Када је изабрана тамна позадина * /: роот [хасбровсерхандлерс = "труе"] боди.дарк  / * Када је изабрана светла позадина * /: роот [хасбровсерхандлерс = "труе"] боди.лигхт  / * Када сепиа бацкгроунд је изабран * /: роот [хасбровсерхандлерс = "труе"] боди.сепиа  / * Када је одабран сериф фонт * /: роот [хасбровсерхандлерс = "труе"] боди.сериф  / * Када је санс-сериф фонт изабрано * /: роот [хасбровсерхандлерс = "труе"] боди.санс-сериф  

Можете и да комбинујете класе да бисте циљали одређену комбинацију подешавања.

 / * Када су изабрани тамни позадина и фонт серифа * /: роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф  / * Када су изабрани сепиа бацкгроунд и санс-сериф фонт * /: роот [хасбровсерхандлерс = "труе" ] боди.санс-сериф.сепиа 

Немојте користити заједнички селектор : роот [хасбровсерхандлерс = "труе"] тело да бисте истовремено циљали сва подешавања. Успјет ће, али хоће утиче и на друге странице прегледача, као такав абоут: невтаб, као и њихови коријенски елементи хасбровсерхандлерс атрибут (који се користи за означавање руковаоца догађаја у интерним Фирефок страницама, као што је О томе: страница).

Ево кода који сам додао свом усерЦонтент.цсс. Променила сам породицу фонтова, стил фонта, боје и проширила текстуални контејнер. Можете користити било која друга правила стила по вашем укусу.

 / ** усерЦонтент.цсс *************************** /: роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф,: роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф # реадер-домаин фонт-фамили: "цоуриер нев"! : роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф бацкгроунд-цолор: # 13131Ф! цолор: # БАЕ3ДБ! : роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф # реадер-домаин фонт-стиле: италиц! импортант; : роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф х1,: роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф х2,: роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф х3,: роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф х4,: роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф х5 цолор: # 06ФЕБ0! : роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф а: линк цолор: # 83Е7ФФ! : роот [хасбровсерхандлерс = "труе"] боди.дарк.сериф #цонтаинер мак-видтх: 50ем! импортант; 

Имајте на уму да је неопходно користити !важно кључна реч у усерЦонтент.цсс за сва ЦСС правила. Претраживач додаје корисничке вредности својстава пре вредности које је одредио аутор (програмер дате веб странице, овдје Реадер Виев). Дакле, било која вредност својства коју је одредио корисник без !важно Кључна реч неће функционисати ако је стилска листа коју је одредио аутор такође циљао на исто својство, јер ће бити поништена.

Крајњи резултат

У наставку можете видети промене моје теме за Реадер Виев. Користите сопствена ЦСС правила да бисте прилагодили дизајн сопственог прилагођеног прегледа прегледача Фирефок.

пре него што

После

Ако желите да зароните дубље у прилагођавање тема Фирефок алаткама, погледајте мој претходни водич о прилагођавању теме Фирефок Девелопер Тоолс.