WikiDer > Yordam: Foydalanuvchi uslubi - Vikipediya

Help:User style - Wikipedia
Yorliqlar

Foydalanuvchi shriftlarni, ranglarni, chekkadagi havolalarning joylashishini va boshqa ko'p narsalarni sozlashi mumkin! Bu odat orqali amalga oshiriladi Kaskadli jadvallar ichida saqlanadi pastki sahifalar foydalanuvchi "Foydalanuvchi" sahifasining.

Masalan, O'zingizning CSS-modifikatsiyangizni yaratish uchun teri Siz hozir foydalanmoqdasiz, sahifa yarating Maxsus: MyPage / skin.css Siz foydalanmoqchi bo'lgan CSS-ni o'z ichiga olgan (qaysi teridan foydalanganingizdan qat'iy nazar, o'zgartirishlaringizni amalga oshirish uchun ularni joylashtiring Maxsus: MyPage / common.css o'rniga). Muayyan xabarlarni qanday yashirish mumkin, qarang WP: CSSHIDE.

Umumiy

Har bir foydalanuvchi tomonidan aniqlanadigan uslub uchun, a teri avval mos keladigan kaskadli jadval (CSS) bilan birga tanlanadi. Har bir teri uchun foydalanuvchi shriftlar, ranglar, marginadagi havolalarning joylashuvi va boshqalar bo'yicha turli xil tanlovlarni amalga oshirishi mumkin. CSS tanlovchilarga havola qilingan holda ko'rsatiladi [1]: HTML elementlariHTML kodida ko'rsatilgan sinflar va idlar. Shunga ko'ra har bir teri uchun qanday imkoniyatlar borligini sahifaning HTML manba kodiga qarab, xususan ushbu sinflar va idlarga qarab ko'rish mumkin: qancha ko'p bo'lsa, shunchalik ko'p qirrali u yerda.

MediaWiki dasturida CSS mavjud va Vikipediya buni quyidagi sahifalar yordamida bekor qiladi:

Sayt bo'ylab CSS mavjud MediaWiki: Common.css

Siz foydalanuvchi uslublari yordamida ularni o'zingiz bekor qilishingiz mumkin. Sizning hozirgi teringizdan qat'i nazar, tegishli o'zgarishlarni amalga oshirish uchun o'zingizni o'zgartiring common.css. Sizning hozirgi teringizga ta'sir qiladigan o'zgarishlar qilish uchun, o'zingizni o'zgartiring skin.css. Barcha Vikimedia loyihalariga ta'sir qiladigan o'zgartirishlar kiritish uchun siz tizimga kirishingiz mumkin Meta va o'zingizni o'zgartiring global.css.

Ushbu sahifaga bir nechta CSS-ni kiriting. CSS-ni oldindan ko'rish maxsus usulda ishlaydi: bu sahifadagi uslublar ma'lumotlari asosida sahifaning chekkalarini (tarkibini emas) ko'rishga imkon beradi, agar ishlatilgan teriga ushbu sahifa tegishli bo'lgan bo'lsa. Buning cheklovlari bor. Masalan, marginadagi havolalar qanday ko'rinishini oldindan ko'rish mumkin, ammo ular tekshirishni istagan barcha turlari bo'lmasligi mumkin. Saqlagandan so'ng, sahifada yoki boshqa sahifada bo'lganingizda, yangi fayllarni olish uchun majburiy qayta yuklashni (shift-reload / ctrl-f5) bajaring.

CSS-ni foydalanuvchi pastki sahifasidan import qilish uchun mw.loader.load buyruq sizning common.js:

 mw.yuklovchi.yuk( '/w/index.php?title=User:Example/stylesheet.css&action=raw&ctype=text/css', 'text / css' );

Renderlash

Sahifaning HTML manbai o'xshash qatorlarni o'z ichiga oladi

 <skript src="/w/wiki.phtml?title=User:your-username-here/standard.js&action=raw&ctype=text/javascript"> </skript> @import "/style/wikistandard.css"; @import "/w/wiki.phtml?title=User:your-username-here/standard.css& action = raw & ctype = text / css ";

butun teri uchun loyiha bo'yicha CSS uchun (bu erda Vikipediyada //en.wikipedia.org/style/wikistandard.css ga ishora qiladi) va ma'lum bir teri uchun shaxsiy JS va CSS.

Shunday qilib server CSS va JS fayllariga murojaat qilgan holda HTML beradi, lekin ularning tarkibini hech qanday izohlamaydi. Interpretatsiya uning imkoniyatlari va sozlamalariga qarab brauzer tomonidan amalga oshiriladi.

CSS

Mahalliy fayldagi CSS-ga qarshi foydalanuvchi pastki sahifalarida CSS

Yuqoridagilardan tashqari, yoki alternativa sifatida mahalliy CSS brauzerda o'rnatilishi mumkin. Agar bir nechta brauzer ishlatilsa, ularning har biri boshqa CSS-ga o'rnatilishi mumkin. Ularning har biri faqat MediaWiki loyihasiga emas, balki butun Internet tarmog'iga tegishli (va tizimga kirishga bog'liq emas). Biroq, sozlama boshqa veb-sahifalarga bir xil CSS selektordan foydalangan taqdirdagina ta'sir qiladi; masalan. a.extiw tanlovchisining sozlamasi veb-saytdagi h2 sahifasiga qaraganda kamroq sahifalarga ta'sir qiladi (lekin u faqat bitta MediaWiki-ning barcha loyihalariga ta'sir qiladi).

MediaWiki-ning turli loyihalarida har xil bo'lishi kerak bo'lgan CSS liniyalari uchun, masalan. oson farqlash uchun boshqa fon rangi uchun aniq mahalliy CSS dan foydalanib bo'lmaydi; hech bo'lmaganda ushbu satrlarni foydalanuvchi pastki sahifalariga qo'yish kerak.

Ba'zi kompyuterlar, masalan. Internet-kafelarda, mobil qurilmalarda / planshetlarda foydalanuvchilarga brauzer uchun afzalliklarni o'rnatishlariga yo'l qo'ymang. Bunday holda, foydalanuvchi pastki sahifalari baribir foydalanuvchi uslubini o'rnatishga imkon beradi.

Brauzer veb-sahifada yoki tashqi CSS-da ko'rsatilgan shrift hajmini e'tiborsiz qoldiradigan parametrga o'rnatilganda, shrift o'lchamiga tegishli CSS satrlari mahalliy CSS-ga joylashtirilishi kerak.

CSS tanlovchilari

Sahifa tanasi uslubiga mos elementlar, sinflar va idlar bo'yicha ifodalangan CSS tanlovchilari quyidagilarni o'z ichiga oladi. Iloji boricha, joriy uslub sozlamalari natijasini ko'rsatadigan misollar keltirilgan:

  • :havola - havolalar - misol: Yordam: indeks ; standart: yordam: indeks (Qarang va boshqalar: havola)
  • :havola:havola
  • :havola:tashrif buyurgan
  • :havola#contentTop
  • :havola.tashqi — http: // misol ; standart: http: // misol
  • :havola.extiw - sahifaning asosiy qismidagi interviki havolasi -; standart: uz: misol
  • :havola.rasm - to'liq rasmdan tasvirni tavsiflash sahifasiga havola
  • :havola.ichki - faylning o'ziga havola (Media :) va eskiz va lupa piktogrammasidan tasvirni tavsiflash sahifasiga havolalar (a.internal uchun ko'rsatilgan rang va shrift o'lchamlari faqat birinchi holatda amal qiladi)
  • :havola.yangi misol ; standart: misol
  • .allpagesredirect – abc - yo'naltirishlar Maxsus: Allpages va Maxsus: prefiksindeks
  • tanasi.ns-0, ..., tanasi.ns-15 (ism joylari)
  • div#tana tarkibi
  • div#ustunli tarkib
  • div#tahrirlash
  • div#globalWrapper
  • div#aqlli
  • div.tokline
  • h1.birinchi navbatda
  • h2
  • h3
  • img.tex TeX tasviri
  • kichik – misol
  • stol.toc

Oddiy ichki havolalar sinfda emas ichki (ular ilgari ham bo'lgan, va hanuzgacha dasturiy ta'minotning eski versiyasidan foydalanadigan saytlarda, masalan. [2]); ular haqida gapirish mumkin :havola va :havola:tashrif buyurganUmuman olganda, bundan keyin uslublar :havola.extiw va boshqalar havolalar uchun ushbu umumiy uslubdan istisnolarni ta'minlashi mumkin.

Tillararo aloqalar uchun:

  • {{code | lang = css | code = # p-lang a}}

Shuningdek, uslub atributning qiymatiga bog'liq bo'lishi mumkin, masalan. tanlovchilar bilan:

  • : link [title = "Foydalanuvchi:foydalanuvchi nomi"]
  • : havola [title = "pagename"]
  • : havola [href = "to'liq url "]

ranglarni belgilash yoki alohida foydalanuvchilarni ta'kidlash (shu jumladan o'zi) va / yoki ba'zi sahifalarga havolalar (masalan, so'nggi o'zgarishlarda tomosha qilingan sahifalarni qalinlashtirish). Bu Opera-da ishlaydi, lekin IEda emas. Shuningdek qarang Yordam: # CSS sahifalarini ko'rish.

Kuzatuv ro'yxati va so'nggi o'zgarishlar ikkita sinfdan foydalanadi:

  • avtokommentatsiya
    misol
  • yangi (pastga qarang)

Sahifa tarixida darslar mavjud avtokommentatsiya va:

  • foydalanuvchi
  • voyaga etmagan

Shunday qilib belgilangan shrift foydalanuvchi sahifalar tarixida amal qiladi, lekin kuzatuvlar ro'yxatida yoki so'nggi o'zgarishlarda emas.

Sahifani tahrirlash

  • Tartibga solish: tekstarea#wpTextbox1
misol1
  • Xulosa maydonini tahrirlash: kiritish#wpSummary
misol2

Asosiy uslub bloklari

Qarang meta: xususiylashtirish: tushuntirish_skins

Ko'rsatilmagan

Matn uchun bitta "uslub" uni ko'rsatmaydi, bilan

.sinf nomi {displey: yo'q} #id {displey: yo'q}

va boshqalar.

Ko'rsatilmagan havolalar ishlamaydi (juda kichik shriftdagi havolalardan farqli o'laroq).

Shablon nomlari, parametr nomlari, parametr qiymatlari, havolalardagi sahifa nomlari va boshqalar uchun iboralardagi matnni o'chirish uchun foydalanib bo'lmaydi.

Parametr yoki o'zgaruvchiga qarab uslub

O'zgaruvchan sinf yoki id

Sinf yoki id shablon tomonidan ishlab chiqarilgan natijaga yoki shablon parametriga bog'liq bo'lishi mumkin, masalan. class = "abcdef". Bir yoki bir nechta mumkin bo'lgan sinf nomlari uchun ushbu sinfning uslubini aniqlash mumkin. Agar sinf aniqlanmagan bo'lsa, unga e'tibor berilmaydi, shuning uchun standart uslub ishlatiladi.

Eng oddiy holatda bizda masalan. class = "abc {{{{1}}}" va abcdef sinfini aniqlang. Agar parametr qiymati "def" bo'lsa, u amal qiladi.

Agar umumiy foydalanish uchun sahifa faqat ma'lum sinflar uchun uslublar aniqlanganda mantiqiy bo'lsa, unda ular sahifada ko'rsatilishi kerak MediaWiki: Common.css, bu bekor qilinmaguncha, barcha foydalanuvchilar va barcha terilar uchun amal qiladi.

O'zgaruvchan HTML atribut nomi

HTML atributining nomi o'zgaruvchan bo'lishi mumkin. HTML Tidy - eskirgan HTML4 kutubxonasi olib tashlash uchun rejalashtirilgan - tarixiy ravishda server tomonida yaroqsiz nomlari bo'lgan atributlarni olib tashlagan, shuning uchun natija brauzerning yaroqsiz atribut nomlarini e'tiborsiz qoldirish qobiliyatiga bog'liq emas va yuborilgan ma'lumotlar miqdori kamayadi. Mumkin qiymati "sinf" bo'lgan o'zgaruvchiga qarang Vikipediya: HiddenStructure va uz: Andoza: Infobox (orqaga qaytish tahrirlash).

O'zgaruvchan uslub parametr qiymati

Vikiteks yoqadi

<oraliq uslubi="displey: {{{3 | yo'q}}}">Chorshanba</oraliq>

agar parametr 3 aniqlangan bo'lsa "Wed" ni ko'rsatadi, lekin "yo'q" emas, agar parametr 3 aniqlanmagan yoki "yo'q" bo'lsa, hech narsani ko'rsatmaydi. Agar 3-parametr qiymati "yo'q" dan tashqari namoyish uslubi bo'lsa, u uslub qo'llaniladi.

Namunalar

Maxsus uslublar har bir foydalanuvchining shaxsiy CSS-fayllariga joylashtirilishi mumkin, masalan Maxsus: MyPage / common.css, har bir foydalanuvchi shaxsiy uslublarini o'rnatish uchun tahrirlashi mumkin.

/ * kontent maydonining orqa fonini va yorliqlarini och kul rangga aylantirish * /#tarkib, #tarkib stol#p-kaktikatsiyalar ul li a { fon: # f5f5f5; }/ * fon rasmini kontent maydoni bilan siljishini to'xtatish * /tanasi { fon qo'shimchasi: sobit; }/ * fonda kitobni boshqa narsaga almashtiring * /tanasi { fon: Siyohrang; }/ * oldingi maydonlarning fonini o'zgartiradi * /oldindan { fon: Oq }/ * logotipni o'zgartirish * /#p-logotipi a { fon: url(https://upload.wikimedia.org/wikipedia/commons/9/93/Color-chars-logo.png) 35% 50% takrorlanmaydi; }/ * hech qanday logotipdan foydalanmang, uning o'rniga katakchalarni o'sha joyga ko'chiring * /#p-logotipi { displey: yo'q }#birinchi ustun { plomba-tepa: 0; }/ * foydalanuvchi nomingiz bilan shaxs belgisini bosish * /li#pt-userpage { fon: yo'q }/ * matn hajmi va shrift uchun brauzer prefikslaridan foydalaning * /HTML, tanasi, #globalWrapper { shrift: meros ! muhim; }/ * har doim havolalarning ostiga chizish * /:havola { matnni bezatish: tagiga chizish; }/ * Osonroq o'qish uchun tanadagi tarkibni torroq ustunda ko'rsating * // * foizlarni kerakli darajada sozlash * /div#tana tarkibi {  kengligi: 50%;  chiziq balandligi: 105%;}/ * tanlanmagan yorliqlarning fonini o'zgartirish * /#p-kaktikatsiyalar ul li a { fon: # C7FDC7; }/ * tanlangan yorliqlarning fonini o'zgartirish * /#p-kaktikatsiyalar ul li.tanlangan a { fon: oq; }/ * tanlangan yorliqlarning chegara fonini o'zgartirish * /#p-kaktikatsiyalar li.tanlangan { chegara rang: #aaaaaa; }/ * yorliqning pastki qismi hoverda olib tashlanmagan * /#p-kaktikatsiyalar li a:olib boring { z-indeks: 0; matnni bezatish: yo'q; }#p-kaktikatsiyalar li.tanlangan a:olib boring { z-indeks: 3; }/ * qidiruv maydonchasini va uning ostidagi tugmachalarni uslubini joylashtiring * /.qidirish tugmasi {    fon rangi: #efefef;    chegara: 1px boshidan;}#searchInput { chegara: 1px ichki qism; }/ * standart bog'lanish ranglari * /a:havola { rang: # 0645ad; }a:tashrif buyurgan { rang: # 0b0080; }a.yangi:havola { rang: # cc2200; }a.yangi:tashrif buyurgan { rang: # a55858; }a.extiw:havola { rang: # 3366bb; } / * boshqa Vikipediyalarga havolalar * /a.extiw:tashrif buyurgan { rang: # 3366bb; }a.tashqi:havola { rang: # 3366bb; } / * tashqi havolalar * /a.tashqi:tashrif buyurgan { rang: # 3366bb; }/ * Firefox-da chirkin chiqib ketish / takrorlanish o'rniga oldingi qismlarga o'tish satrini qo'ying * /oldindan { toshib ketish: avtomatik; }/ * strikeeout o'rniga Commons-ga yuklash uchun eslatma sifatida Faylni yuklash havolasi * /li#yuklash { matnni bezatish: chiziq orqali; }/ * har bir sahifaning sarlavhasini markazga / markazga * /.birinchi navbatda { matn bilan tekislash: markaz; }/ * Ikki marta yo'naltirish to'g'risida ogohlantirish * /div.yo'naltirishMsg a.mw-yo'naltirish:keyin {  tarkib: '& lt; double redirect & gt;';  rang: Qizil;  shrift uslubida: kursiv;}/ * "Typography Refresh" dagi yangi CSS-ning (2014 yil boshidan boshlab) sahifa sarlavhalari va sariflarini serif shriftda ko'rsatishiga yo'l qo'ymaslik * /h1, h2 { shrift-oilaviy: meros ! muhim; }/ * Persondata qutilarini maqolalarda ko'rsatish * /stol.persondata { displey:stol; }/ * Zerikarli ogohlantirishlardan xalos bo'ling * /#editpage-copywarn, #editpage-copywarn2, #editpage-copywarn3,#editpage-head-copywarn, .editpage-head-copywarn,#editnotice_BLP_editintro, .ve-ui-mwSaveDialog-litsenziyasi{ displey: yo'q ! muhim; }/ * Zerikarli noob qozonidan qutuling * /#kategoriya-nom maydoni-tahrirlash bayonnomasi, #altbilgi-mualliflik huquqi, #saytlar, .tahrirlash yordami,.posteditwindowhelplinks, #altbilgi piktogrammalari, .ve-ui-mwSaveDialog-summaryLabel{ displey: yo'q ! muhim; }/ * Tahrirlash paytida sahifaning oxirida ko'rsatilgan andozalar ro'yxatida joyni saqlang * /:shablonlardan foydalanilgan ul, :shablonlardan foydalanilgan li {displey: mos ravishda; to'ldirish-o'ng: 5px;}/ * Barcha matnni "Avenir" shriftiga o'zgartiring (sarlavhalardan tashqari) (shriftni boshqa har qanday narsaga o'zgartirishingiz mumkin) * /.mw-tanasi h1, .mw-tanasi h2 {    shrift-oilaviy: "Avenir"}

Dumaloq burchaklar

Firefox-dagi yumaloq burchak qoidalari
/ * bir nechta burchaklarni yumaloq qilish * /#p-kaktikatsiyalar ul li, #p-kaktikatsiyalar ul li a {  chegara-yuqori-chap-radius: 1em;  chegara-yuqori-o'ng-radius: 1em;}#tarkib {  chegara-yuqori-chap-radius: 1em;  chegara-pastki-chap-radius: 1em;}.pBody {  chegara-yuqori-o'ng-radius: 1em;  chegara-pastki-o'ng-radius: 1em;}
Dumaloq burchaklar / yorliqlar havolalari

Tweaks-ni ko'rsating

/*** Barcha bosma qoidalarni @media bosma blokiga joylashtiring.*// * siyoh va qog'ozni juda kichik shriftlar bilan saqlang * /@ommaviy axborot vositalari chop etish {    #altbilgi,    #tarkib,    tanasi { shrift hajmi: 8pt ! muhim; }    h1 { shrift hajmi: 17pt }    h2 { shrift hajmi: 14pt }    h3 { shrift hajmi: 11pt }    h4 { shrift hajmi: 9pt }    h5 { shrift hajmi: 8pt }    h6 {        shrift hajmi: 8pt;        shrift og'irligi: normal;    }}/ * Kengaytirilgan narsalar: yordamida: oldin va: keyin formatlashni qo'shish mumkinbu erda havolaning to'liq href-dan keyin (hozirgi versiyada kerak emas) qo'shiladi: * /@ommaviy axborot vositalari chop etish {  #tarkib a:havola:keyin,  #tarkib a:tashrif buyurgan:keyin {     tarkib: " ( " attr(href) " ) ";  }}

Foydalanuvchi uchun asboblar panelini yon qutiga aylantiring

Camino, Safari va Internet Explorer 7 da ishlash uchun sinovdan o'tgan.

/ * Foydalanuvchi asboblar panelini yon qutiga aylantirish * /#p-shaxsiy {    pozitsiya:nisbiy;    z-indeks:3;    kengligi: 11.6em;}#p-shaxsiy .pBody {    kengligi: 10.7em;    chegara: yo'q;    chekka: 0 0 0.1em 0em;    suzmoq: yo'q;    toshib ketish: yashirin;    shrift hajmi: 95%;    fon: Oq;    chegara qulashi: qulash;    chegara: 1px qattiq #aaaaaa;    to'ldirish: 0 0.8em 0.3em .5em;}#p-shaxsiy ul {    chiziq balandligi: 1.5em;    ro'yxat uslubi turi: kvadrat;    ro'yxat uslubi-rasm: url("/style/monobook/bullet.gif");    shrift hajmi:95%;    chekka: 0 0 0 1.5em;    to'ldirish:0;    matn bilan tekislash:chap;    matnni o'zgartirish: yo'q;}#p-shaxsiy li {    displey: ro'yxat elementi;    to'ldirish:0;    chekka: 0 0 0 0;    chekka-pastki: 0.1em;}/ * foydalanuvchi nomingiz bilan shaxs belgisini bosish * // * hali joyida bo'lmasa kerak * /li#pt-userpage { fon: yo'q }

Monobukni ko'ring main.css sukut bo'yicha ishlatilayotgan to'liq uslublar uchun.

O'tkazish paytida yon panelning o'rnini aniqlang

Standart Vektorli panelda yon panelning joylashuvi osongina o'rnatilishi mumkin:

/ * Yon panelni tuzatish * /div#mw-panel { pozitsiya: sobit;  toshib ketish: avtomatik;  yuqori: 0px;  pastki: 0px;  balandlik: 100%;  / * Yon tomonga siljish paytida kontentni ustiga qo'yishni oldini olish * /  fon rangi: # F6F6F6;  chegara-o'ng: 1px qattiq # A7D7F9;}/ * Oldingi elementlarda harakatlanishni oldini olish * /oldindan {  toshib ketish: avtomatik;  maksimal balandlik: 25em;}
Ushbu skript va CSS chekka panelni ekranda siz aylantirganingizdek ushlab turishga majbur qiladi

Bu Chrome-da kiruvchi yon ta'sirga ega bo'lishi mumkin; Masalan, ushbu kodni qo'yish uchun siz tahrir qilgan juda keng tarqalgan.css sahifasi kabi sahifani ko'rishda, ko'rish mumkin bo'lgan tarkib ancha qisqaradi va freymda vertikal aylantirishni talab qiladi.

The Kyoln Moviy teri "suzuvchi chap" tezkor paneli uchun imkoniyatga ega, bu esa navigatsiya havolalari va asboblar qutilarini va shu bilan birga siz aylanayotganda ekranda bir xil holatda bo'lishiga olib keladi. Bu xuddi shu funktsiyani Monobuk teri (Mozilla-da). Qarang meta: Yordam: Foydalanuvchi uslubi / suzuvchi tezkor panel.

Tarkib sohasidagi serif shriftlari bilan Monobook menyusi

Matn sohasida serif shriftlari bo'lgan Monobook menyusining tez va iflos kombinatori topilgan Foydalanuvchi: Tillwe / monobook.css (birinchi qismida). Shuningdek, jadvalda formatlangan narsalarni ozmi-ko'pmi to'g'ri namoyish etadi. Ba'zi qiziqishlar va xatolar mavjud (ba'zilari, chunki Vikipediyaning CSS sxemasi juda o'ychan ko'rinmaydi). Muallif uchun Netscape7 / Win98-da ishlaydi.

Kategoriya havolalarini ko'chirish

/******************************************************************// * mushuklarni o'ngga siljitish * //******************************************************************// * chaqiriqlar qutisini siljiting * /#chaqiriqlar {  pozitsiya:mutlaq;  z-indeks:1;  chegara: 1px qattiq #aaaaaa;  fon: #fafaff;  to'g'ri:1em;  yuqori:-0.25em;  kengligi:10.5em;  suzmoq:to'g'ri;  chekka: 0.2em;  to'ldirish:0.2em;}/ * moslamalarni o'zi formatlash * /p.chaqiriqlar {  rang: #aaaaaa;  shrift-oilaviy: Verdana,sans-serif;  shrift hajmi:67%;  chiziq balandligi: 1.5em;  matn bilan tekislash:chap;  matnli indent:0;  matnni o'zgartirish: yo'q;  oq bo'shliq:normal;  chekka: 0.2em;}#p-shaxsiy h5 {    displey: mos ravishda;}/ * kataloglardagi havolalarni formatlash (":" va "|" dan farqli ravishda) * /p.chaqiriqlar a {  rang:#888888;}

Turli xil ko'rinishdagi uslublar

/ * kichikroq shrift ishlatmang * /td.diff-addline, td.diff-deletedline, td.farqli kontekst { shrift hajmi: 100% };/ * faqat boshqacha matnning ostiga chizish * /oraliq.farq { matnni bezatish:tagiga chizish; }

Tarix jurnalidagi "(rahmat)" tugmachalarini olib tashlash

/ * "(Rahmat)" tugmachalarini bosish * /.mw-minnatdorchilik-tashakkur { displey:yo'q; }

Uzoq ko'rsatma xabarlarini yashirish

/ * himoyalangan sahifani tahrirlash paytida ko'rish manbalari xiralashishini yashirish * /#mw-protectedpagetext { displey: yo'q; }

Yuqoridagi boshqa CSS uslublarida bo'lgani kabi, tahrir qiling Maxsus: MyPage / skin.css yoki Maxsus: MyPage / common.css moslashtirilgan CSS-ni qo'shish va keyin brauzer keshini yangilash uchun.

Infoboxes va foydalanuvchi uslubi

Foydalanuvchilar bo'lishi mumkin foydalanuvchi CSS har qanday infoboksni o'z brauzerlarida yashiradi.

Barcha infobokslarni yashirish uchun quyidagilarni qo'shing Maxsus: MyPage / common.css (Barcha uchun terilar, yoki Maxsus: MyPage / skin.css faqat hozirgi teri uchun), o'z-o'zidan bir qatorda:

.infobox { displey: yo'q; }

Shu bilan bir qatorda, quyidagi kodni qo'shishingiz mumkin sizning common.js yoki shunga o'xshash kengaytma bilan bajariladigan brauzer foydalanuvchi skriptiga Greasemonkey:

$('.infobox').yashirish();

Shuni bilingki, har holda WP: Uslublar qo'llanmasi / Infoboxes, infoboksdagi barcha ma'lumotlar, shuningdek, maqolaning asosiy qismida joylashgan bo'lishi kerak, chunki ushbu ko'rsatmalarga to'liq mos kelmaydi. Masalan, {{da to'liq taksonomik ierarxiyaTaxobox}} va OMIM va boshqa tibbiy ma'lumotlar bazasi kodlari {{Infoboks kasalligi}} ko'pincha asosiy maqola tarkibida topilmaydi. Infobox ko'pincha maqoladagi eng muhim, hatto faqat rasmning joylashuvi hisoblanadi.

Bir qatorli kodlash shrifti uchun foydalanuvchi CSS

Kodlash uchun yaxshi mo'ljallangan belgilar bilan bir qatorli shriftni doimiy ravishda ishlatishingiz mumkin (masalan, ularning orasini aniq ajratish uchun) l, 1va Menva o'rtasida O va 0).

O'zingizga quyidagi kod parchalaridan biriga o'xshash narsani qo'shing Maxsus: MyPage / common.css sahifa, almashtirish "Roboto Mono" siz istagan kodlash shrifti bilan (Roboto Mono ushbu misol uchun erkin mavjud bo'lgan kodlash shrifti sifatida tanlangan).

Agar siz ushbu kodni CSS-sahifangizga qo'lda qo'shishni xohlamasangiz, aksincha @Import (transclude) uni, qarang meta: Foydalanuvchi: SMcCandlish / codefont.css tezkor ko'rsatmalar uchun.

Ushbu kod quyidagilarni amalga oshiradi:

  • O'zingiz tanlagan izchil monospace shriftini qo'llang (va qayta tiklanadigan tizim-sukut bo'yicha) monospace, agar shrift yo'qolsa yoki kerakli belgilar bo'lmasa), odatdagidek bir tekis joylashgan HTML elementlariga <code>, <pre>, va boshqalar.
  • Tomonidan ishlatiladigan sinflar uchun ham xuddi shunday qiling {{mxt}} va boshqa monospaced andozalar {{xt}} oila
  • Sayt bo'ylab qo'shimcha darslar uchun ham xuddi shunday qiling (hozirgacha aniqlanganidek, masalan.) .bir fazoviy) monospace sifatida chiqarilgan.
  • Ushbu tahrirlash maydonchasini eng tez-tez uchraydigan uchta maydonga kiriting: shrift to'plamidan foydalaning: asosiy tahrirlash oynasi, tahrirning xulosa chizig'i va qidiruv yozuvlari maydonchasi.

Agar siz bu erga qo'shiladigan qo'shimcha sinf haqida bilsangiz, iltimos, ushbu sahifani yangilang yoki eslatib qo'ying munozara sahifasi.

Landshaft uslub

/ * Shriftni, agar mavjud bo'lsa, kod uchun ishlating * /kod, oldindan, namuna, kbd, tt, .misol-mono, .userlinks-foydalanuvchi nomi, .bir tekis joylashgan, .klaviatura tugmasi, .tugmasi, .oddiy kod { shrift-oilaviy: "Roboto Mono", monospace ! muhim; }/ * Tahrirlanadigan narsalarning bir qismini oraliq qilib qo'ying * /#wpTextbox1, #wpSummary, #searchInput, #Qidiruv matni { shrift-oilaviy: "Roboto Mono", monospace ! muhim; }

Vertikal uslub

/ * Shriftni, agar mavjud bo'lsa, kod uchun ishlating * /kod,oldindan,namuna,kbd,tt,.misol-mono,.userlinks-foydalanuvchi nomi,.bir tekis joylashgan,.klaviatura tugmasi,.tugmasi.oddiy kod {  shrift-oilaviy: "Roboto Mono", monospace ! muhim;}/ * Tahrirlanadigan narsalarning bir qismini oraliq qilib qo'ying * /#wpTextbox1,#wpSummary,#searchInput,#Qidiruv matni {  shrift-oilaviy: "Roboto Mono", monospace ! muhim;}

Tozalash harakatlari

Agar siz misollarni tozalashda yordam berishni istasangiz <tt>...</tt> element - bu 1990-yillardan beri yaroqsiz HTML bo'lib, uni almashtirish kerak <kod>...</kod> (bu kontekstga qarab farq qilishi mumkin) - o'zingiznikiga quyidagilarni qo'shishingiz mumkin common.css qilish <tt> achchiq bosh barmoq kabi yopishib oling:

/ * Tozalash uchun noto'g'ri kodni belgilang * /tt { rang: DarkRed; fon: Pushti; }

Siz buni bilan ham qilishingiz mumkin <font>, <center>, <strike>va boshqalar eskirgan elementlar. CSS uchun shunchaki import qilishingiz mumkin, qarang meta: Foydalanuvchi: SMcCandlish / lint.css.

CSS-dagi tashqi havolalar

JavaScript

JavaScript-da ko'plab imkoniyatlar mavjud, masalan, kerakli joylarga matnlarni, shu jumladan havolalarni qo'shish. Ushbu qo'shilgan tarkib server tomonidan ishlab chiqarilgan HTML manba sahifasidagi tarkibga bog'liq bo'lishi mumkin; masalan, getElementById dasturini qo'llash orqali identifikatori bo'lgan HTML elementlariga bog'liq bo'lishi mumkin. Qo'shish pozitsiyasi insertBefore tomonidan belgilanishi mumkin.

Misol tariqasida, o'zingizning xohishingiz bo'yicha chap tomonga sahifa havolasini qo'shish uchun quyidagilarni qo'shing Maxsus: Mypage / common.js, PageTitle-ni viki-sahifaning sarlavhasi bilan almashtirish:

mw.util.addPortletLink(	"shaxsiy", '/ wiki / PageTitle', 'PageTitle', bekor, bekor, bekor, '# pt-preferences');

Kategoriyalarni yuqoriga ko'tarish

Quyidagi kod toifadagi katakchani maqolaning yuqori qismiga ko'chiradi. Albatta, siz uni yanada chiroyli qilish uchun ba'zi bir CSS-dan foydalanishni xohlashingiz mumkin:

funktsiya mushuk tepasida() {  var mushuklar = hujjat.getElementById("mushuklar");  var mil = hujjat.getElementById("bodyContent");  mil.oldin(mushuklar, mil.childNodes[0]);}

Muvofiq uslublar jadvali bilan biriktirilgan matnni sarlavha bilan bir xil qatorga qo'yadigan alternativa:

funktsiya categoryToTop() {  var tanasi = hujjat.getElementById('contentTop');  var toifalar = hujjat.getElementById("mushuklar");  agar (toifalar != bekor) {    toifalar.parentNode.olib tashlashChild (toifalar);    tanasi.parentNode.oldin(toifalar, tanasi);  }}

Shu bilan borish uchun ba'zi CSS-lar ...

/ * chaqiriqlar qutisini siljiting * /#chaqiriqlar {  to'g'ri:1em;  yuqori:-0.25em;  maksimal kenglik: 50%; / * bu quti hajmini cheklaydi, lekin qat'iy o'rnatilmaydi * /  suzmoq: to'g'ri;  chekka: 0.5em;  to'ldirish: 0.2em;}/ * moslamalarni o'zi formatlash * /p.chaqiriqlar {  shrift hajmi:67%;  matn bilan tekislash:chap;  matnli indent:0;  matnni o'zgartirish: yo'q;  oq bo'shliq:normal;  chekka: 0.2em;}

Afsuski, toifalar qutisi katta bo'lsa (masalan, AQSh prezidentlari va boshqa yirik shaxslarning yozuvlarida), u infoboksni chetga surib qo'yishi mumkin. Buni tuzatish uchun infoboksga "clear: right" atributini qo'shish mumkin.

Wikitext tomonidan boshqariladigan CSS

CSS-ni JS orqali wikitext orqali boshqarish mumkin. Masalan, "span" HTML elementi o'z klassi va identifikatori orqali sahifaning istalgan qismlari uchun CSS-ni ko'rsatadigan parametrlarni taqdim etishi mumkin. Masalan, sahifada FA va id sinfiga ega bo'lgan "span" elementi bo'lsa lc, MediaWiki: Monobook.js interwiki- sinfining "li" elementlari uslubi va sarlavhasini belgilaydilcShunday qilib, til kodining tillararo bog'lanish uslubi va sarlavhasini boshqarish lc chetida, agar bu sinf interwiki- ni aniqlasa,lc (Masalan, Köln Moviy har bir til uchun class = 'external' ni belgilaydi, shuning uchun u o'sha teri uchun ishlamaydi.)

JS-dagi tashqi havolalar

Shuningdek qarang