Ede: style itilizatè

Soti nan Wikipedia, ansiklopedi gratis.
Ale nan navigasyon Ale nan rechèch

Itilizatè a anrejistre ka chanje polis, koulè, pozisyon nan lyen yo sou kote sa yo ak anpil lòt karakteristik! Sa a se posib pa modifye Fèy yo Style kaskad (CSS) ki estoke nan sub-paj yo nan paj itilizatè a.

Pou egzanp, yo kreye pwòp vèsyon modifye ou nan po a vektè default, ou bezwen yo kreye yon paj nan Espesyal: MyPage / vector.css ki gen CSS a ou vle itilize.

Pèrsonalizasyon ka pran kèk konesans nan CSS epi li pa trivial. Plis tou senpleman, nan preferans ou ou ka chwazi nan kèk estil pre-pake (po). Oswa ou ka mande èd nan biwo enfòmasyon an .

Jeneral

Ki kote style defini

Valè default pou tout po ak pou tout itilizatè it.wikipedia genyen nan MediaWiki: Common.css . Pou chak po gen yon paj adisyonèl ki ajoute plis espesifikasyon:

Lè sa a, gen, si ou vle, paj ki koresponn pèsonèl itilizatè ki anrejistre a, ki ka modifye pi wo a (note sepandan inisyal miniskil yo):

Epitou nan meta: Espesyal: MyPage / global.css tout sit Wikimedia ka mete kanpe pou itilizatè a nan yon sèl kou. Lyen ak tout CSS pèsonèl ou ka jwenn yo tou fasilman nan preferans ou yo .

Genyen tou MediaWiki: Mobile.css (ki defini vèsyon mobil lan ) ak MediaWiki: Print.css (ki defini vèsyon enprime a ), men sa yo pa customizable pou kounye a.

Paj sa yo ki pi espesifik pa konplètman ranplase sa yo ki pi jeneral, men konplete yo. Se sèlman definisyon yo nan objè yo menm yo recouvrir ak ranplase, pandan y ap sa ki pa klèman rdefini rete yon sèl la estanda. Yerachi CSS la Se poutèt sa:

  1. Wikimedia default
  2. MediaWiki: Common.css
  3. MediaWiki: xxx.css nan po a kounye a nan itilize
  4. global.css pèsonèl sou meta
  5. anplwaye common.css
  6. xxx.css nan po a kounye a nan itilize

Ki jan style la defini

CSS espesifye pa referans a selektè : eleman HTML , klas, ak id espesifye nan kòd HTML la. Selektè prensipal yo dekri nan chapit sa yo. Pa obsève paj sa yo default ou ka dekouvri lòt anviwònman ke nou ka chanje nan paj pèsonèl yo (se pa tout nan yo, lòt moun yo se yon pati nan défaut yo). Posibilite Pli lwen pou chak po ka eksplore pa gade nan kòd la sous HTML nan yon paj, an patikilye nan klas ak id; ka gade nan tout bagay sa yo ka rdefini.

Yon egzanp senp: nan MediaWiki: Common.css gen definisyon sa a, ki jan ou ka konprann nan kòmantè sa yo, mete gwosè nòt yo (pi piti pase tèks nòmal):

 ol.references {
   font-gwosè: 90%;
}

Pou Customize gwosè a, jis antre nan yon definisyon ekivalan nan common.css ou (pou egzanp fè yo kòm tèks plenn):

 ol.references {
   font-gwosè: 100%;
}

Aperçu nan paj CSS travay nan yon fason patikilye: li pèmèt ou wè sa ki alantou paj la (san yo pa kontni) ki baze sou enfòmasyon yo style, an konsideran ke po a itilize se youn nan ki chanjman yo aplike. Sistèm nan gen kèk limit, pou egzanp, ou ka preview lyen yo ankadre men li ka pa dwe ranpli.

Apre ou fin ekonomize, lè ou toujou sou paj la oswa yon lòt, ou bezwen fòse yon ajou (chanjman-Reload / Ctrl-F5) yo sèvi ak dosye yo nouvo.

CSS

Pi bon CSS nan subpages itilizatè oswa nan yon dosye lokal?

Anplis de sa nan pi wo a, li posib yo configured yon CSS lokal sou navigatè a. Si w ap itilize navigatè diferan, li posib pou gen yon CSS diferan pou chak nan yo. Chanjman sa yo aplike pou tout mond wèb la, pa sèlman pwojè MediaWiki (li pa depann tou de si ou louvri sesyon an). Anviwònman yo aji sèlman sou paj wèb ki itilize menm klas la, pou egzanp, fè chanjman sou selektè a.extiw a afekte kèk paj konpare ak chanjman sou selektè h2 la.

Pou gen diferan liy CSS ant divès pwojè MediaWiki yo, pa egzanp pou distenge yo ak yon lòt koulè background, evidamman yon CSS lokal pa ka itilize e se pou sa liy sa yo ta dwe foure nan paj itilizatè yo.

Nan kèk ka, pou egzanp nan kafe entènèt, li pa posib chanje preferans navigatè. Nan ka sa a, subpages yo itilizatè pèmèt ou chanje style la de tout fason.

Si navigatè a configuré pou inyore gwosè font ki dikte nan paj wèb la oswa CSS ekstèn, chanjman gwosè font yo dwe mete nan CSS lokal la.

CSS selektè

CSS selektè ki gen rapò ak style la paj, eksprime an tèm de eleman, klas ak idantifyan, gen ladan sa ki annapre yo. Chak fwa sa posib, gen egzanp ki montre rezilta a nan style aktyèl la:

  • lyen - lyen - egzanp: Èd: endèks (gade vs: lyen )
    lyen: lyen
    lyen: te vizite
    lyen # contentTop
    link.external - http: // egzanp
    link.extiw - lyen interwiki nan kò a nan paj la - *: link.image - lyen soti nan imaj la plen nan paj deskripsyon paj la
    link.internal - lyen nan dosye a tèt li (Media :) ak lyen ki soti nan thumbnail a ak loup icon nan paj la deskripsyon imaj (sonje ke koulè a ​​ak gwosè font espesifye pou a.internal sèlman aplike nan ka a an premye) -
    link.new egzanp
  • body.ns-0, ..., body.ns-15 (namespace)
  • div # bodyContent
  • div # kolòn-kontni
  • div # editsection
  • div # globalWrapper
  • div # tocindent
  • div.toklin
  • h1.firstHeading
  • h2
  • h3
  • img.tex imaj TeX
  • ti - egzanp
  • table.toc

Nòmal lyen entèn yo pa genyen nan klas entèn la (deja sa te toujou genyen nan sit ki itilize ansyen vèsyon lojisyèl an, pa egzanp [1] ); style la ka chanje pa vle di nan: lyen ak: lyen: te vizite, an jeneral, pa vle di nan modifikasyon nan: link.extiw elatriye. Ou ka aplike eksepsyon nan style la lyen jeneral.

Pou lyen entè-lang:

  • # p-lang a

Li posib pou gen estil atribi-depandan, pou egzanp ak selektè:

  • lyen [title = "Itilizatè: non itilizatè "]
    lyen [title = "non paj "]
    lyen [href = " url konplè "]

koulè-kòd oswa mete aksan sou itilizatè patikilye (ki gen ladan tèt yo) ak / oswa lyen ki mennen nan paj patikilye (tankou fonse nan paj sa yo swiv sou paj la dènye chanjman). Li travay ak Opera, men se pa ak IE. Gade tou Èd: Ap gade paj # CSS .

Espesyal obsève ak dènye chanjman itilize de klas:

  • otokomantè
    egzanp
  • nouvo (gade anba a)

Paj istwa a gen klas otokomantè a ak:

  • itilizatè
  • minè

Se konsa, font la espesifye pou itilizatè aplike nan istwa a, men se pa espesyalite yo gade oswa dènye chanjman.

Modifye paj la

  • Modifye bwat: textarea # wpTextbox1
egzanp1
  • Edit bwat objè: opinyon # wpSummary
egzanp2

Blòk prensipal nan estil

  • kolòn-kontni - espas total ant marges yo kote tèks la se.
  • kontni - background blan an, ti bwat ki gen fwontyè ki gen paj prensipal la.
  • firstHeading - klas la tèt nan tèt chak paj
  • bodyContent - kontni an nan paj prensipal la nan fenèt la kontni
  • contentSub - non wiki a imedyatman anba tit prensipal la men anwo kò paj la

Se klas la Portlet itilize pa tout blòk div alantou kontni prensipal la. Blòk yo idantifye nan klas la se:

  • p-cactions - id nan lis la tab pi wo a kontni prensipal la
  • p-pèsonèl - id pou lis la lyen ki gen ladan paj la login oswa soti nan tèt paj la.
  • p-logo - id pou blòk la ki gen logo la (anwo agòch)
  • p-navigasyon - id pou blòk la ki gen lyen yo navigasyon sou bò gòch nan paj la
  • p-rechèch - blòk la ki gen bouton rechèch yo
  • p-tb - blòk la ki gen lyen yo bwat zouti

Pati ki anba a nan paj la gen ladan blòk sa yo:

  • footer - ba anba a tout antye
  • f-poweredbyico - imaj la mache ki nòmalman sou bò dwat paj la
  • f-lis - id nan lis la ki gen tout tèks la nan pati anba a nan paj la

Ki jan yo efase gade nan

Yon style ekstrèm se youn ki pa montre tèks, ak

 . classname {display: none}
# id {display: none}

elatriye

Lyen ki pa parèt pa mache (kontrèman ak lyen ki gen anpil polis).

Li pa ka itilize yo retire tèks nan non modèl, paramèt, valè paramèt, non paj nan lyen, elatriye. Li pa toujou sipòte pa lektè ekran ak aparèy mobil.

Style ki depann de yon paramèt oswa varyab

Non varyab Variable HTML

Non yon atribi HTML ka vin varyab. HTML pwòp retire sèvè-bò envalid non atribi, se konsa rezilta a se pa depann sou kapasite navigatè a inyore atribi envalid ak mwens done yo voye. Pou yon varyab ak yon valè "klas" posib, gade w: en: Wikipedia: HiddenStructure ak w: en: Template: Infobox .

Egzanp

 / * fè background nan dèyè zòn nan kontni ak onglè yo yon limyè gri * /
#content, #content table
# p-cactions ul li a {background: # f5f5f5; }

/ * sispann imaj background soti nan defile ak zòn kontni * /
kò {background-atachman: fiks; }

/ * ranplase liv la nan background nan ak yon lòt bagay * /
kò {background: Koulè wouj violèt; }

/ * chanje background nan nan zòn pre * /
pre {background: White}

/ * chanje logo la * /
# p-logo a {background: url (http://en.wikipedia.org/upload/wiki.png) 35% 50% pa repete! enpòtan; }

/ * pa sèvi ak okenn logo, deplase bwat yo sou zòn sa olye de sa * /
# p-logo {ekspozisyon: okenn}
# kolòn-yon sèl {padding-tèt: 0; }

/ * siprime icon moun nan pa non itilizatè ou an * /
li # pt-userpage {background: none}

/ * sèvi ak navigatè pref pou gwosè tèks ak font * /
kò, #globalWrapper {font: inherit! important; }

/ * toujou souliye lyen * /
: lyen {tèks-dekorasyon: souliye; }

/ * Montre kontni kò nan yon kolòn pi etwat pou lekti pi fasil * /
/ * ajiste pousantaj jan ou vle * /
div # bodyContent {
  lajè: 50%;
  liy-wotè: 105%;
}

/ * chanje background nan onglè seleksyone * /
# p-cactions ul li a {background: # C7FDC7; }

/ * chanje background nan onglè chwazi * /
# p-cactions ul li.selected a {background: white; }

/ * chanje background fwontyè nan onglè chwazi * /
# p-cactions li.selected {border-color: #aaaaaa; }

/ * anba tab pa retire sou hover * /
# p-cactions yo yon: hover {z-endèks: 0; tèks-dekorasyon: okenn; }
# p-cactions li.selected a: hover {z-index: 3; }

/ * style bwat rechèch la ak bouton ki anba li * /
input.searchButton {
    background-koulè: #efefef! enpòtan;
    fwontyè: 1px kòmansman! enpòtan;  
}
#searchInput {border: 1px inset! enpòtan; }

/ * koulè lyen estanda * /
: lyen {koulè: # 0000FF; }
: lyen: te vizite {koulè: # 7F007F; }
: lyen: aktif ,: lyen.new {koulè: # FF0000; }
: link.interwiki ,: link.external {koulè: # 3366BB; }
: link.stub {koulè: # 772233; }

/ * mete scrollbar sou seksyon pre olye pou yo lèd koupe / sipèpoze nan Firefox * /
pre {debòde: oto; }

/ * strikeout Upload File lyen kòm yon rapèl Upload sou Commons olye de sa * /
li # t-upload {text-decoration: line-through; }

->

Diff style (diferans ki genyen ant vèsyon)

 / * pa sèvi ak yon font ki pi piti * /
td.diff-addedline, td.diff-deletedline, td.diff-context {font-size: 100%; }

/ * souliye sèlman tèks ki gen diferans * /
span.diffchange {tèks-dekorasyon: souliye; }

JavaScript

JavaScript se yon lang ki detèmine sèten konpòtman dinamik nan paj wèb yo. JavaScript Wikipedia a defini, epi yo ka Customized pa itilizatè ki anrejistre a, atravè paj ki jeneralman koresponn ak sa yo ki nan CSS, men gen ekstansyon an .js, pou egzanp MediaWiki: Customizable Common.js nan Espesyal: MyPage / common.js .


Paj ki gen rapò

Lyen ekstèn

CSS detay