CSS Cookbook/be

Гэта кіраўніцтва (кулінарная кніга, анг. Cookbook) уяўляе сабою набор карысных кавалкаў кода CSS, якія вы зможаце скарыстаць на сваё меркаванне.

Фонавыя выявы
Калі вы хочаце змяніць фонавую выяву вашай вікі з дапамогай CSS, можаце не глядзець гэты пункт. Зазвычай, гэта можна зрабіць з дапамогай: Часам можа запатрабавацца некаторая тонкая налада, але гэта грунту.

CSS для пэўных мэт
На ФЭНДОМЕ ёсць трохі ўбудаваных класаў.
 * Клас пэўнай прасторы імёнаў
 * На гэтай старонцы знаходзіцца клас  — клас асноўнай прасторы артыкулаў
 * На гэтай старонцы знаходзіцца клас  — клас асноўнай прасторы артыкулаў
 * Клас аўтаматычна дадаецца на вікі з цёмнай тэмай
 * Клас аўтаматычна дадаецца на вікі з цёмнай тэмай
 * Клас для пэўнай старонкі вікі
 * Клас гэтай старонкі —
 * Клас гэтай старонкі —
 * Клас для пэўных удзельнікаў
 * Для зарэгістраваных удзельнікаў ; для ананімных удзельнікаў
 * Для зарэгістраваных удзельнікаў ; для ананімных удзельнікаў
 * Клас для пэўнай вікі
 * Прыкладам, клас для гэтай вікі, для Вікіі Вікі —  , а для Вікі Супольнасцяў —
 * Прыкладам, клас для гэтай вікі, для Вікіі Вікі —  , а для Вікі Супольнасцяў —

Налада курсора
Калі вы хочаце змяніць значок, што адлюстроўваецца ў якасці курсора, вы можаце скарыстаць: Спрасціць наладу курсора вы зможаце з дапамогай генератара кода (пастаўце галачку ў опцыі «Курсор»).

Фон для пустой старонкі
Гэты CSS для выкарыстання на ўсёй вікі ад удзельніка Master Ceadeus 27 дадае фонавая выява да паведамлення пра пустую старонку:

Фон прафайла
Калі вы хочаце ўставіць фонавую выяву ў правы ніжні кут прафайлаў удзельнікаў, вы можаце скарыстаць:

Нататка: дадайце ў код радок, калі фонавая выява мае цёмны фон.

Круглыя куты div-блокаў
CSS ад удзельніка PhilippL закругляе куты тэга.

Налада палосы прагорткі
Калі вы хочаце наладзіць палосу прагорткі вікі, вы можаце скарыстаць гэтыя селектары CSS, каб дастасаваць да ёй розныя ўласцівасці афармлення: Нататка: налады палосы прагорткі падтрымваюцца толькі ў некаторых браўзарах, такіх як Chrome, Opera і Safari.

Змяняем загаловак рэдактара выточнага кода
Гэты CSS ад удзельніка JustLeafy дадае нязначныя паляпшэнні ў загаловак класічнага рэдактара, улучаючы іншы колер, выдаленне ценю і няшмат непразрыстасці.

Падсвятленне імя ўдзельніка
Гэты CSS вылучае спасылкі на старонку ўдзельніка, яго сцяну абмеркавання, старонку ўнёску, часопісы і спіс блогаў: Зменіце «Нік_удзельніка» на патрэбны; у прыкладзе вышэй  азначае колер, якім будзе вылучаны нік, а   — назва шрыфту. Вы можаце выдаліць непатрэбныя ўласцівасці, калі яны вам не патрэбныя. Спрасціць наладу нікаў вы зможаце з дапамогай генератара кода (пастаўце галачку ў опцыі «Каляровыя нікі»).

Налада зацямнення
Каб наладзіць зацямненне, якое з'яўляецца пры праглядзе выявы ў лайтбоксе, скарыстайце наступны CSS: Вы можаце змяніць параметр  на патрэбны колер і тып накладання   на патрэбны адпаведна.

Размыты фон
CSS ад удзельніка Dorumin дадае размыццё фону.

Нататка: падтрымка браўзара Internet Explorer/Edge не гарантуецца, але ў кожным разе вы разумееце, што на сённяшні дзень далёка не ўсе сайты ўлучаюць падтрымку IE. У гэтым браўзары CSS проста пакажа невыразную, неразмытую выяву. Эфект размыцця звычайна знаходзіцца ў межах 2-5 пікселяў. У выпадку, калі  ужо мае пэўны фон, вы заўсёды можаце выдаліць яго з дапамогай:

Паказаць у лайтбоксе кнопку «Дадаць у артыкул»
Гэты CSS ад удзельніка JustLeafy адлюстроўвае кнопку дадання выявы ў артыкул з лайтбокса. Гэта опцыя выкарыстоўваецца, каб дадаць выяву, якую ўдзельнік у наш час праглядае ў лайтбоксе ў артыкуле, увядучы імя артыкула ў поле ўводу, якое з'явіцца пасля націскі кнопкі «Дадаць у артыкул».

Выпраўленне шырыні панэлі прылад у візуальным рэдактары
Гэты CSS ад удзельніка JustLeafy фіксуе шырыню панэлі прылад у візуальным рэдактары, каб зрабіць яе такой жа шырокай, як у вобласці рэдагавання.

Паказваць колькасць знакаў, што засталіся для паведамлення ў чаце
This CSS plugin by JustLeafy keeps the characters remaining feature unhidden no matter how many characters were typed. Гэта ўбудова CSS ад JustLeafy захоўвае знакі, што засталіся функцыі, незалежна ад таго, колькі знакаў было ўведзена. Гэты CSS-убудова ад удзельніка JustLeafy захоўвае знакі, што засталіся нябачнымі, незалежна ад таго, колькі знакаў было надрукавана.

Вызначэнне шаблону імя ўдзельніка
Гэты CSS ад удзельніка TheGoldenPatrik1 змяшчае мяжу вакол шаблону, каб удзельнікі не былі ашуканы ім:

Схаваць катэгорыі на загалоўнай старонцы
Гэты CSS для асабістага выкарыстання ад удзельніка JustLeafy забараняе адлюстраванне ніжняй панэлі катэгорый на загалоўнай старонцы:

Схаваць апавяшчэнні
Гэты CSS для асабістага выкарыстання ад удзельніка KnazO забараняе адлюстраванне ўсіх апавяшчэнняў у правым ніжнім куце, якія не з'яўляюцца апавяшчэннямі старонкі абмеркавання:

Схаваць модулі ў правай частцы старонкі
Гэты CSS для асабістага выкарыстання ад удзельніка Monochromatic Bunny хавае пэўныя модулі ў правай частцы старонкі:

Нататка: дадайце наступны код, каб павялічыць шырыню артыкула і не пакідаць пустое месца справа.

Модуль папулярных артыкулаў
Гэты CSS для асабістага выкарыстання ад удзельніка JustLeafy робіць модуль папулярных артыкулаў ФЭНДОМА нерухомым пры прагортцы:

Налада вылучанага тэксту
Гэты CSS ад удзельніка JustLeafy робіць колер фону вылучанага курсорам тэксту напаўпразрыстым.

Выродлівыя модулі
Гэты CSS для асабістага выкарыстання ад удзельніка KurwaAntics выпраўляе выродлівыя краі новых модуляў ФЭНДОМА.

Незразумелая рэклама
Гэты CSS для асабістага выкарыстання ад удзельніка Dorumin хавае рэкламу, робячы ўсе аб'явы напаўпразрыстымі.

Цень кнопкі на слайдары
Гэты CSS ад удзельніка Anonminati стварае цень каля кнопкі «Чытаць дэталёвей» у слайдары.

Папярэдні дызайн WDS-кнопак
Гэты невялікі CSS-убудова ад удзельніка JustLeafy робіць кнопкі падобнымі на тыя, што былі раней, то бок без закругленых кутоў і з вялікім памерам шрыфту.

Забойца фокуса візуальнага рэдактара
Гэты невялікі CSS-убудова ад удзельніка iynque «забівае» фокус (зацяненне) вакол акна новага Візуальнага рэдактара.