WikiDer > Анықтама: Пайдаланушы стилі - Википедия

Help:User style - Wikipedia
Жарлықтар

Пайдаланушы қаріптерді, түстерді, шеттердегі сілтемелердің орналасуын және басқа көптеген нәрселерді өзгерте алады! Бұл салт бойынша жасалады Каскадтық стиль парақтары ішінде сақталған ішкі беттер пайдаланушының «Пайдаланушы» парағының.

Мысалы. Өз CSS модификацияларын жасау үшін тері сіз қазір қолданып отырсыз, мына жерде парақ жасаңыз Арнайы: MyPage / skin.css сізде қолданғыңыз келетін CSS бар (сіз қандай теріні қолданғаныңызға қарамастан өзгертулерді қолдану үшін оларды салыңыз) Арнайы: MyPage / common.css орнына). Белгілі бір хабарламаларды қалай жасыру керектігін қараңыз WP: CSSHIDE.

Жалпы

Пайдаланушы анықтайтын әр стиль үшін, а тері алдымен сәйкес каскадты стиль парағымен (CSS) бірге таңдалады. Әрбір мұқабада пайдаланушы қаріптерге, түстерге, маржадағы сілтемелердің позицияларына және т.б. қатысты әр түрлі таңдау жасай алады. CSS селекторларға сілтеме жасай отырып көрсетілген [1]: HTML элементтеріHTML кодында көрсетілген сыныптар мен идентификаторлар. Осыған сәйкес әр мұқабаның қандай мүмкіндіктері бар екенін парақтың HTML бастапқы кодына қарап, атап айтқанда, осы сыныптар мен идентификаторларға қарап көруге болады: соғұрлым көп жан-жақтылық Сонда бар.

MediaWiki бағдарламалық жасақтамасында CSS бар, және Википедия мұны келесі беттер арқылы жоққа шығарады:

Жалпы сайт бойынша CSS қосылды MediaWiki: Common.css

Пайдаланушы мәнерлерін пайдаланып, оларды өзіңізден бас тартуға болады. Сіздің қазіргі теріңізге қарамай өзгертулер енгізу үшін, өзіңізді өзгертіңіз жалпы.css. Қазіргі теріңізге әсер ететін өзгерістер енгізу үшін, өзіңізді өзгертіңіз skin.css. Барлық Wikimedia жобаларына әсер ететін өзгерістер енгізу үшін сіз кіре аласыз Мета және өзіңізді өзгертіңіз global.css.

Ол параққа CSS енгізіңіз. CSS-ті алдын-ала қарау ерекше түрде жұмыс істейді: егер ол қолданылған бет парақ қолданылатын болса, беттің стилі туралы ақпарат негізінде беттің шеттерін (мазмұнын емес) көруге мүмкіндік береді. Оның шектеулері бар. Мысалға, шеттегі сілтемелердің қалай көрінетінін алдын-ала қарауға болады, бірақ олар тексергісі келетін барлық типтерде болмауы мүмкін. Сақтағаннан кейін, бетте немесе басқа бетте болған кезде, жаңа файлдарды алу үшін мәжбүрлі түрде қайта жүктеңіз (shift-reload / ctrl-f5).

CSS-ті пайдаланушының ішкі бетінен импорттау үшін mw.loader.load сіздің бұйрығыңыз жалпы.js:

 mw.тиегіш.жүктеме( '/w/index.php?title=User:Example/stylesheet.css&action=raw&ctype=text/css', 'text / css' );

Көрсету

Парақтың HTML көзі осындай жолдарды қамтиды

 <сценарий src=«/w/wiki.phtml?title=User:your-username-here/standard.js&action=raw&ctype=text/javascript»> </сценарий> @import «/style/wikistandard.css»; @import «/w/wiki.phtml?title=User:yus-username-here/standard.css& action = raw & ctype = text / css «;

жалпы теріге арналған CSS үшін (бұл жағдайда Уикипедияда //en.wikipedia.org/style/wikistandard.css сілтемесі бойынша) және белгілі бір теріге арналған жеке JS және CSS үшін.

Осылайша сервер CSS және JS файлдарына сілтеме жасай отырып HTML ұсынады, бірақ олардың мазмұнын түсіндірмейді. Түсіндіруді оның мүмкіндіктері мен параметрлеріне байланысты браузер жасайды.

CSS

Жергілікті файлдағы CSS-ке қарсы пайдаланушы ішкі беттеріндегі CSS

Жоғарыда айтылғандардан басқа, немесе балама түрде жергілікті CSS браузерде орнатылуы мүмкін. Егер біреу бірнеше шолғышты қолданса, олардың әрқайсысын басқа CSS-ке орнатуға болады. Олардың әрқайсысы тек MediaWiki жобасына ғана емес, бүкіл дүниежүзілік желіге қатысты (және жүйеге кіруге тәуелді емес). Алайда, параметр басқа веб-парақтарға бірдей CSS селекторын қолданған жағдайда ғана әсер етеді; мысалы a.extiw селекторына арналған параметр Интернеттегі h2 парағынан гөрі аз параққа әсер етеді (бірақ бұл тек бір ғана медиа-вики жобасына әсер етпейді).

MediaWiki жобаларында әртүрлі болуы керек CSS жолдары үшін, мысалы. оңай ажырату үшін басқа фон түсі үшін жергілікті CSS-ті пайдалану мүмкін емес; ең болмағанда бұл жолдарды қолданушының ішкі беттеріне қою керек.

Кейбір компьютерлер, мысалы. интернет-кафелерде, мобильді құрылғыларда / планшеттерде пайдаланушыларға браузерге артықшылықтар қоюға мүмкіндік бермейді. Бұл жағдайда пайдаланушының ішкі беттері қолданушы стилін орнатуға мүмкіндік береді.

Браузерде веб-бетте немесе сыртқы CSS-те қаріптің өлшемін елемеу параметрі орнатылған кезде, қаріптің өлшеміне қатысты CSS жолдары жергілікті CSS-ке орналастырылуы керек.

CSS селекторлары

Бет мәтінінің стиліне сәйкес элементтер, сыныптар және идентификаторлар түрінде көрсетілген CSS селекторларына келесілер кіреді. Мүмкіндігінше, қазіргі стиль параметрлерінің нәтижесін көрсететін мысалдар келтірілген:

  • :сілтеме - сілтемелер - мысал: Анықтама: индекс ; әдепкі: анықтама: индекс (Қараңыз a vs: сілтеме)
  • :сілтеме:сілтеме
  • :сілтеме:барды
  • :сілтеме#мазмұн
  • :сілтеме.сыртқы — http: // мысал ; әдепкі: http: // мысал
  • :сілтеме.жоқ - парақ мәтініндегі интервики сілтемесі -; әдепкі: en: мысалы
  • :сілтеме.сурет - толық кескіннен суретті сипаттау бетіне сілтеме
  • :сілтеме.ішкі - файлдың өзіне сілтеме (Медиа :) және нобай мен ұлғайтқыш белгішеден суретті сипаттау бетіне сілтемелер (a.internal үшін көрсетілген түс пен қаріп өлшемі бірінші жағдайда ғана қолданылатынын ескеріңіз)
  • :сілтеме.жаңа мысал ; әдепкі: мысал
  • .allpagesredirect – abc - бағыттаулар Арнайы: Allpage және Арнайы: префикс индексі
  • дене.ns-0, ..., дене.ns-15 (атаулар кеңістігі)
  • див#дене мазмұны
  • див#баған-мазмұн
  • див#редакциялау
  • див#ғаламдық орағыш
  • див#сабырлы
  • див.токлин
  • h1.бірінші
  • h2
  • h3
  • имм.Текс TeX кескіні
  • кішкентай – мысал
  • кесте.toc

Қалыпты ішкі сілтемелер сыныпта жоқ ішкі (олар бұрын болған, және әлі күнге дейін бағдарламалық жасақтаманың ескі нұсқасын қолданатын сайттарда, мысалы. [2]); оларды стильге келтіруге болады :сілтеме және :сілтеме:барды, жалпы, содан кейін стильдеу :сілтеме.жоқ және т.б. сілтемелер үшін осы жалпы стильден ерекше жағдайларды қарастыра алады.

Тіларалық сілтемелер үшін:

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

Сондай-ақ, стиль атрибуттың мәніне байланысты болуы мүмкін, мысалы. селекторлармен:

  • : сілтеме [title = «Пайдаланушы:пайдаланушы аты"]
  • : сілтеме [title = «pagename"]
  • : сілтеме [href = «толық URL "]

белгілі бір пайдаланушыларды (соның ішінде өзін-өзі) және / немесе белгілі бір беттерге сілтемелерді (мысалы, Соңғы өзгерістердегі қаралған беттердің қалыңдығы) сілтеме жасау үшін. Бұл операда жұмыс істейді, бірақ IE-де емес. Сондай-ақ қараңыз Анықтама: # CSS парақтарын қарау.

Бақылау тізімі және соңғы өзгерістер екі классты пайдаланады:

  • автокомментация
    мысал
  • жаңа (төменде қараңыз)

Бет тарихында сыныптар бар автокомментация және:

  • пайдаланушы
  • кәмелетке толмаған

Осылайша көрсетілген қаріп пайдаланушы парақтар тарихында қолданылады, бірақ қарау тізімінде немесе соңғы өзгерістерде емес.

Бетті өңдеу

  • Өңдеу өрісі: мәтіндер#wpTextbox1
мысал1
  • Жиынтық өрісті өңдеу: енгізу#wpSummary
мысал2

Негізгі стиль блоктары

Қараңыз мета: Теңшеу: түсіндіру

Көрсетілмейді

Мәтінге арналған бір «стиль» оны көрсетпейді

.сынып аты {дисплей: жоқ} #идентификатор {дисплей: жоқ}

т.б.

Көрсетілмеген сілтемелер жұмыс істемейді (өте кішкентай қаріптегі сілтемелерге қарағанда).

Оны шаблон атаулары, параметр атаулары, параметр мәндері, сілтемелердегі бет атаулары және т.б. өрнектердегі мәтінді жою үшін қолдануға болмайды.

Параметрге немесе айнымалыға байланысты стиль

Айнымалы сынып немесе идентификатор

Класс немесе идентификатор шаблон жасаған нәтижеге немесе шаблон параметріне тәуелді болуы мүмкін, мысалы. class = «abcdef». Мүмкін болатын сынып атауларының біреуі немесе бірнешеуі үшін осы сыныптың стилін анықтауға болады. Егер сынып анықталмаған болса, ол еленбейді, сондықтан стандартты стиль қолданылады.

Қарапайым жағдайда бізде мыс. class = «abc {{{1}}}» және abcdef класын анықтаңыз. Егер параметр мәні «def» болса, ол қолданылады.

Егер жалпы қолдануға арналған парақ белгілі бір кластар үшін стильдер анықталған кезде ғана мағыналы болса, онда олар парақта көрсетілуі керек MediaWiki: Common.css, бұл барлық қолданушыларға және барлық мұқабаларға қатысты, бұл анықталмаған.

HTML атрибутының өзгермелі атауы

HTML атрибутының атын айнымалы етуге болады. HTML ұқыпты - бұл ескірген HTML4 кітапханасы жоюға жоспарланған - серверде жарамсыз атаулары бар атрибуттарды тарихи түрде алып тастаған, сондықтан нәтиже жарамсыз атрибуттардың аттарын елемеу үшін браузердің мүмкіндігіне тәуелді емес және жіберілген деректер мөлшері азаяды. Мүмкін мәні «сынып» болатын айнымалыны қараңыз Уикипедия: HiddenStructure және kz: Үлгі: Infobox (кері сілтемелер өңдеу).

Айнымалы мән параметрінің мәні

Уикитекст ұнайды

<аралық стиль=«дисплей: {{{3 | жоқ}}}»>Ср</аралық>

егер параметр 3 анықталса, «сәрсенбі» көрсетеді, бірақ «жоқ» емес, ал егер 3 параметр анықталмаса немесе «жоқ» болса, ешнәрсе көрсетпейді. Егер 3-параметр мәні «жоқ» -тан басқа дисплей мәнері болса, онда сол мәнер қолданылады.

Үлгілер

Стандартты стильдерді әр пайдаланушының жеке CSS файлдарына орналастыруға болады, мысалы Арнайы: MyPage / common.css, оны әр қолданушы жеке стильдерді орнату үшін өңдей алады.

/ * мазмұн аймағы мен қойындылардың артындағы фонды ақшыл сұр етіп жасаңыз * /#мазмұны, #мазмұны кесте#р-кактостар ул ли а { фон: # f5f5f5; }/ * фондық кескінді мазмұн аймағымен айналдыруды тоқтату * /дене { фондық тіркеме: тұрақты; }/ * фондағы кітапты басқа нәрсемен ауыстыру * /дене { фон: Күлгін; }/ * алдын ала аймақтардың фонын өзгертеді * /алдын ала { фон: Ақ }/ * логотипті өзгерту * /#p-логотип а { фон: url(https://upload.wikimedia.org/wikipedia/commons/9/93/Color-chars-logo.png) 35% 50% қайталанбайды; }/ * ешқандай логотип қолданбаңыз, оның орнына ұяшықтарды жылжытыңыз * /#p-логотип { дисплей: жоқ }#бірінші баған { төсеніш: 0; }/ * пайдаланушы атымен адамның белгісін басу * /ли#pt-userpage { фон: жоқ }/ * мәтін өлшемі мен қаріп үшін браузер префикстерін қолдану * /HTML, дене, #ғаламдық орағыш { қаріп: мұрагерлік !маңызды; }/ * әрқашан сілтемелердің астын сызу * /:сілтеме { мәтінді безендіру: астын сызу; }/ * Оқуды жеңілдету үшін дененің мазмұнын тар бағанда көрсетіңіз * // * пайыздарды қалағаныңызша реттеңіз * /див#дене мазмұны {  ені: 50%;  сызық биіктігі: 105%;}/ * таңдалмаған қойындылардың фонын өзгерту * /#р-кактостар ул ли а { фон: # C7FDC7; }/ * таңдалған қойындылардың фонын өзгерту * /#р-кактостар ул ли.таңдалған а { фон: ақ; }/ * таңдалған қойындылардың шекара фонын өзгерту * /#р-кактостар ли.таңдалған { жиек-түс: # ааааа; }/ * қойындының төменгі жағы меңзерде жойылмады * /#р-кактостар ли а:апарыңыз { z-индексі: 0; мәтінді безендіру: жоқ; }#р-кактостар ли.таңдалған а:апарыңыз { z-индексі: 3; }/ * іздеу өрісін және оның астындағы түймелерді стильдеу * /.іздеу түймесі {    фон-түс: #efefef;    шекара: 1px басынан;}#searchInput { шекара: 1px кірістіру; }/ * стандартты сілтеме түстері * /а:сілтеме { түс: # 0645ad; }а:барды { түс: # 0b0080; }а.жаңа:сілтеме { түс: # cc2200; }а.жаңа:барды { түс: # a55858; }а.жоқ:сілтеме { түс: # 3366bb; } / * басқа Уикипедияға сілтемелер * /а.жоқ:барды { түс: # 3366bb; }а.сыртқы:сілтеме { түс: # 3366bb; } / * сыртқы сілтемелер * /а.сыртқы:барды { түс: # 3366bb; }/ * айналдыру тақтасын алдын-ала бөлімдерге Firefox-та ұнамсыз кесу / қабаттасудың орнына қойыңыз * /алдын ала { толып кету: автоматты; }/ * strikeeout орнына Commons-қа жүктеу туралы ескерту ретінде File File сілтемесін жүктеу * /ли#t-жүктеу { мәтінді безендіру: сызық арқылы; }/ * әр беттің тақырыбын центрге / центрге * /.бірінші { мәтінмен туралау: орталығы; }/ * Қос бағыттау туралы ескерту * /див.қайта бағыттау а.mw-қайта бағыттау:кейін {  мазмұны: '& lt; қос бағыттау & gt;';  түс: Қызыл;  қаріп стилінде: көлбеу;}/ * «Typography Refresh» ішіндегі жаңа CSS-ке (2014 жылдың басынан бастап) парақтың тақырыптары мен тақырыптарын serif шрифтімен көрсетуге жол бермеңіз * /h1, h2 { қаріптер тобы: мұрагерлік !маңызды; }/ * Персонда өрістерін мақалаларда көрсету * /кесте.персондата { дисплей:кесте; }/ * Жалықтыратын ескертулерден арылыңыз * /#editpage-copywarn, #editpage-copywarn2, #editpage-copywarn3,#editpage-head-copywarn, .editpage-head-copywarn,#editnotice_BLP_editintro, .ve-ui-mwSaveDialog-лицензиясы{ дисплей: жоқ !маңызды; }/ * Жалықтырғыш плитаның құтылу * /#санаттар-аттар кеңістігі-ескерту, #колонтитул-ақпарат-авторлық құқық, #сайттар, .редакциялау,.posteditwindowhelplinks, #төменгі деректемелер, .ve-ui-mwSaveDialog-summaryLabel{ дисплей: жоқ !маңызды; }/ * Өңдеу кезінде парақтың соңында көрсетілген шаблондар тізімінде орынды сақтаңыз * /:шаблондар Қолданылған ул, :шаблондар Қолданылған ли {дисплей: кезекте; төсеме-оң: 5px;}/ * Барлық мәтінді «Avenir» қаріпіне ауыстырыңыз (тақырыптардан басқа) (қаріпті кез келген нәрсеге өзгертуге болады) * /.mw-дене h1, .mw-дене h2 {    қаріптер тобы: «Авенир»}

Дөңгеленген бұрыштар

Firefox-та дөңгелектелген бұрыштық ережелер
/ * бірнеше бұрышты дөңгелету * /#р-кактостар ул ли, #р-кактостар ул ли а {  шекара-жоғарғы-сол жақ-радиус: 1эм;  шекара-жоғарғы-оң-радиус: 1эм;}#мазмұны {  шекара-жоғарғы-сол жақ-радиус: 1эм;  шекара-төменгі-сол-радиус: 1эм;}.pBody {  шекара-жоғарғы-оң-радиус: 1эм;  шекара-төменгі-оң-радиус: 1эм;}
Дөңгеленген бұрыштар / қойындылар сілтемелері

Tweaks-ті басып шығарыңыз

/*** Баспаға арналған барлық ережелерді @media баспа блогына орналастырыңыз.*// * сия мен қағазды өте кішкентай қаріптермен үнемдеңіз * /@бұқаралық ақпарат құралдары басып шығару {    #колонтитул,    #мазмұны,    дене { қаріп өлшемі: 8pt !маңызды; }    h1 { қаріп өлшемі: 17pt }    h2 { қаріп өлшемі: 14pt }    h3 { қаріп өлшемі: 11pt }    h4 { қаріп өлшемі: 9pt }    h5 { қаріп өлшемі: 8pt }    h6 {        қаріп өлшемі: 8pt;        қаріп салмағы: қалыпты;    }}/ * Қосымша элементтер: пайдалану: дейін және: кейін форматтауды қосуға боладымұнда сілтеменің толық нұсқасын оған қосады (қазіргі нұсқасында қажет емес): * /@бұқаралық ақпарат құралдары басып шығару {  #мазмұны а:сілтеме:кейін,  #мазмұны а:барды:кейін {     мазмұны: " ( " аттр(href) " ) ";  }}

Пайдаланушының құралдар тақтасын бүйірлік қорапқа айналдырыңыз

Camino, Safari және Internet Explorer 7-де жұмыс істеу үшін сыналған.

/ * Пайдаланушының құралдар тақтасын бүйірлік терезеге түрлендіру * /#p-жеке {    позиция:салыстырмалы;    z-индексі:3;    ені: 11.6эм;}#p-жеке .pBody {    ені: 10.7эм;    шекара: жоқ;    маржа: 0 0 0.1эм 0эм;    жүзу: жоқ;    толып кету: жасырын;    қаріп өлшемі: 95%;    фон: Ақ;    шекараның құлауы: құлау;    шекара: 1px қатты # ааааа;    төсеу: 0 0.8эм 0.3эм .5эм;}#p-жеке ул {    сызық биіктігі: 1.5эм;    тізім-стиль типі: шаршы;    тізім-стиль-сурет: url(«/style/monobook/bullet.gif»);    қаріп өлшемі:95%;    маржа: 0 0 0 1.5эм;    төсеу:0;    мәтінмен туралау:сол;    мәтінді түрлендіру: жоқ;}#p-жеке ли {    дисплей: тізім-элемент;    төсеу:0;    маржа: 0 0 0 0;    шеткі-төменгі: 0.1эм;}/ * пайдаланушы атымен адамның белгісін басу * // * егер ол орнында болмаса, қажет * /ли#pt-userpage { фон: жоқ }

Монобукты қараңыз main.css әдепкі бойынша қолданылатын толық стильдер үшін.

Жылжу кезінде бүйірлік тақтаның орнын бекітіңіз

Әдепкі Вектор мұқабасында бүйірлік тақтаның орналасуын оңай түзетуге болады:

/ * Бүйірлік тақтаны түзету * /див#mw-панелі { позиция: тұрақты;  толып кету: автоматты;  жоғарғы: 0px;  төменгі: 0px;  биіктігі: 100%;  / * Тротуарлар бойымен жылжу кезінде мазмұнның қабаттасуына жол бермеңіз * /  фон-түс: # F6F6F6;  шекара-оң: 1px қатты # A7D7F9;}/ * Алдын ала элементтерде жылжуға жол бермеңіз * /алдын ала {  толып кету: автоматты;  максималды биіктік: 25эм;}
Бұл сценарий мен CSS бүйірлік тақтаны экранда жылжытқан күйінде қалдырады

Бұл Chrome-да жағымсыз әсер етуі мүмкін; мысалы, сіз осы кодты енгізу үшін сіз жай ғана өңдеген, common.css парағы сияқты парақты көргенде, көрінетін мазмұн әлдеқайда қысқарады және кадрға тік айналдыруды қажет етеді.

The Әтір көк мұқабада навигациялық сілтемелер мен құралдар қораптарын және солға қарай айналдырған кезде экранда сол күйінде қалуға мәжбүр ететін «өзгермелі сол жақ» жылдам тақтасы бар. Бұл үшін бірдей функционалдылық қамтамасыз етіледі Монобук тері (Mozilla-да). Қараңыз мета: Анықтама: Пайдаланушы стилі / өзгермелі жылдам жол.

Мазмұн аймағында serif қаріптері бар монобук мәзірлері

Мәтін аймағында serif қаріптері бар Monobook мәзірлерінің тез және лас комбинациясы орналасқан Қолданушы: Tillwe / monobook.css (бірінші бөлімде). Сондай-ақ, кесте пішіміндегі заттарды азды-көпті дұрыс көрсетеді. Кейбір қызықтар мен қателіктер бар (кейбіреуі Википедияның CSS схемасы тым ойластырылмаған сияқты). Автор үшін Netscape7 / Win98-де жұмыс істейді.

Санат сілтемелерін жылжыту

/******************************************************************// * сілтемелерді оңға жылжыту * //******************************************************************// * сілтемелер ұяшығын жылжыту * /#сілтемелер {  позиция:абсолютті;  z-индексі:1;  шекара: 1px қатты # ааааа;  фон: # фафаф;  дұрыс:1эм;  жоғарғы:-0.25эм;  ені:10.5эм;  жүзу:дұрыс;  маржа: 0.2эм;  төсеу:0.2эм;}/ * сілтемелердің өзін форматтау * /б.сілтемелер {  түс: # ааааа;  қаріптер тобы: Вердана,sans-serif;  қаріп өлшемі:67%;  сызық биіктігі: 1.5эм;  мәтінмен туралау:сол;  мәтіндік шегініс:0;  мәтінді түрлендіру: жоқ;  ақ кеңістік:қалыпты;  маржа: 0.2эм;}#p-жеке h5 {    дисплей: кезекте;}/ * сілтемелердегі сілтемелерді форматтау («:» және «|» белгілері бойынша) * /б.сілтемелер а {  түс:#888888;}

Диффикалық көріністі сәндеу

/ * кішірек қаріпті қолданбаңыз * /тд.диффледлайн, тд.айырылған өшірілген сызық, тд.айырмашылық { қаріп өлшемі: 100% };/ * тек әр түрлі мәтіннің астын сыз * *аралық.айырмашылық { мәтінді безендіру:астын сызу; }

Тарих журналындағы «(рахмет)» батырмаларын жою

/ * «(Рахмет)» батырмаларын басу * /.mw-рахмет-алғыс-сілтеме { дисплей:жоқ; }

Ұзақ нұсқаулық хабарламаларын жасыру

/ * қорғалған бетті өңдеген кезде көзден тыс көріністі жасыру * /#mw-protectedpagetext { дисплей: жоқ; }

Жоғарыдағы басқа CSS стильдеріндегідей, редакциялаңыз Арнайы: MyPage / skin.css немесе Арнайы: MyPage / common.css теңшелген CSS-ті енгізу үшін, содан кейін браузердің кэшін жаңарту үшін.

Инфобокстар және қолданушы стилі

Пайдаланушыларда болуы мүмкін пайдаланушы CSS кез келген инфобоксты өз браузерінде жасырады.

Барлық инфобокстарды жасыру үшін мынаны қосыңыз Арнайы: MyPage / common.css (барлығына терілер, немесе Арнайы: MyPage / skin.css тек қазіргі теріге арналған), өздігінен:

.инфобокс { дисплей: жоқ; }

Сонымен қатар, келесі кодты қосуға болады сіздің ортақ.js сияқты кеңейтіммен орындалатын браузердің қолданушы сценарийіне Майлы май:

$('.infobox').жасыру();

Есіңізде болсын, бірақ WP: Стиль туралы нұсқаулық / Infoboxes, инфокаптағы барлық ақпаратты мақаланың негізгі бөлігінен табуға болады, бұл нұсқаулыққа толық сәйкес келмейді. Мысалы, {{ішіндегі толық таксономиялық иерархияТаксобокс}}, және OMIM және {{басқа медициналық мәліметтер базасының кодтарыИнфобокс ауруы}} көбінесе негізгі мақаланың мазмұнында кездеспейді. Инфобокс - бұл көбінесе мақаладағы ең маңызды, тіпті кескіннің орны.

Бірыңғай интерактивті кодтау шрифті үшін CSS пайдаланушысы

Кодирование үшін жақсы жоспарланған таңбалары бар моноқарышты қаріпті үнемі қолдана аласыз (мысалы, олардың арасын анық ажырату үшін) л, 1, және Менжәне арасында O және 0).

Өзіңізге төмендегі код үзінділерінің біреуін қосыңыз Арнайы: MyPage / common.css ауыстыру «Робото Моно» кодтау қаріпі қандай болса, (Робото Моно осы мысал үшін еркін қол жетімді кодтау шрифті ретінде алынды).

Егер сіз бұл кодты CSS парағыңызға қолмен қосқыңыз келмесе, керісінше @import (ауыстыру) оны, қараңыз мета: Қолданушы: SMcCandlish / codefont.css жылдам нұсқаулық үшін.

Бұл код келесі әрекеттерді орындайды:

  • Өзіңіздің қалауыңыз бойынша дәйекті моноқоспалық қаріпті қолданыңыз (және резервтік жүйе әдепкі бойынша) монокеңістік, егер бұл қаріп жоғалып кетсе немесе сізге қажет таңбалар болмаса) барлық қалыпты бір деңгейлі HTML элементтеріне <code>, <pre>және т.б.
  • Пайдаланған сыныптар үшін де осылай жасаңыз {{mxt}} және басқа монополиялық шаблондар {{xt}} отбасы
  • Жалпы алаңға арналған қосымша сабақтар үшін де солай жасаңыз (осы уақытқа дейін анықталған, мысалы, мысалы). .моносфералықмоноқарыш ретінде шығатын
  • Осы қаріптер стегін жиі пайдаланатын үш өңдеу өрістерін жасаңыз: негізгі өңдеу терезесі, редактордың қорытынды сызығы және іздеу жазбалары өрісі.

Егер сіз осында қосылатын қосымша сынып туралы білсеңіз, осы парақты жаңартыңыз немесе атап өтіңіз талқылау беті.

Көлденең стиль

/ * Қол жетімді болған кезде менің қаріпімді код үшін қолданыңыз * /код, алдын ала, samp, kbd, тт, .мысал-моно, .userlinks-username, .біркелкі, .пернетақта, .батырмасы, .қарапайым код { қаріптер тобы: «Робото Моно», монокеңістік !маңызды; }/ * Кейбір өңделетін заттарды бірыңғай етіп қойыңыз * /#wpTextbox1, #wpSummary, #searchInput, #іздеу мәтіні { қаріптер тобы: «Робото Моно», монокеңістік !маңызды; }

Тік стиль

/ * Қол жетімді болған кезде менің қаріпімді код үшін қолданыңыз * /код,алдын ала,samp,kbd,тт,.мысал-моно,.userlinks-username,.біркелкі,.пернетақта,.батырмасы.қарапайым код {  қаріптер тобы: «Робото Моно», монокеңістік !маңызды;}/ * Кейбір өңделетін заттарды бірыңғай етіп қойыңыз * /#wpTextbox1,#wpSummary,#searchInput,#іздеу мәтіні {  қаріптер тобы: «Робото Моно», монокеңістік !маңызды;}

Тазалау жұмыстары

Егер сіз даналардың тазалануына көмектескіңіз келсе <тт>...</тт> элемент - 1990 ж.ж. бастап HTML жарамсыз және оны ауыстыру керек <код>...</код> (бұл контекстке байланысты өзгеруі мүмкін) - сіз келесі нәрсені өзіңізге қосуға болады жалпы.css жасау <тт> бас бармақ сияқты жабысып қалу:

/ * Тазалау үшін қате кодты белгілеңіз * /тт { түс: DarkRed; фон: Қызғылт; }

Мұны сіз сонымен бірге жасай аласыз <font>, <center>, <strike>, және басқа да ескірген элементтер. CSS үшін тек импорттауға болады, қараңыз мета: Қолданушы: SMcCandlish / lint.css.

CSS-тегі сыртқы сілтемелер

JavaScript

JavaScript-те көптеген мүмкіндіктер бар, мысалы, мәтінді, оның ішінде сілтемелерді қалаған орындарда қосу. Бұл қосылған мазмұн сервер шығарған HTML бастапқы бетіндегі мазмұнға байланысты болуы мүмкін; мысалы, getElementById қолдану арқылы идентификаторы бар HTML элементтеріне байланысты болуы мүмкін. Кірістіру орнын insertBefore арқылы анықтауға болады.

Мысал ретінде, өзіңіздің қалауыңыздың сол жағындағы бет сілтемесін қосу үшін келесіні қосыңыз Арнайы: Mypage / common.js, PageTitle-ді вики бетінің тақырыбымен ауыстыру:

mw.утил.addPortletLink(	'p-жеке', '/ wiki / PageTitle', 'PageTitle', нөл, нөл, нөл, '# pt-теңшелімдері');

Санаттарды жоғарыға жылжыту

Келесі код санат өрісін мақаланың жоғарғы жағына жылжытады. Әрине, сіз CSS-ті әдемі етіп көрсету үшін қолданғыңыз келуі мүмкін:

функциясы мысықтар() {  var мысықтар = құжат.getElementById('қателіктер');  var б.з.д. = құжат.getElementById('bodyContent');  б.з.д..кірістіруБұрын(мысықтар, б.з.д..childNodes[0]);}

Сәйкес стиль кестесімен үйлескенде мәтінді тақырыппен бірдей жолға қоятын балама:

функциясы санат() {  var дене = құжат.getElementById('contentTop');  var санаттар = құжат.getElementById('қателіктер');  егер (санаттар != нөл) {    санаттар.parentNode.алып тастаңыз (санаттар);    дене.parentNode.кірістіруБұрын(санаттар, дене);  }}

Кейбір CSS-ті ...

/ * сілтемелер ұяшығын жылжыту * /#сілтемелер {  дұрыс:1эм;  жоғарғы:-0.25эм;  максималды ен: 50%; / * бұл қораптың өлшемін шектейді, бірақ қатаң орнатылмайды * /  жүзу: дұрыс;  маржа: 0.5эм;  төсеу: 0.2эм;}/ * сілтемелердің өзін форматтау * /б.сілтемелер {  қаріп өлшемі:67%;  мәтінмен туралау:сол;  мәтіндік шегініс:0;  мәтінді түрлендіру: жоқ;  ақ кеңістік:қалыпты;  маржа: 0.2эм;}

Өкінішке орай, егер санат қорапшасы үлкен болса (мысалы, АҚШ президенттері мен басқа да ірі қайраткерлердің жазбаларында), ол инфобоксты жағына қарай ығыстыруы мүмкін. Мұны түзету үшін инфобоксқа «анық: оң» атрибутын қосуға болады.

Викитекстпен басқарылатын CSS

CSS-ті JS арқылы wikitext арқылы басқаруға болады. Мысалы, мазмұнсыз HTML элементі «span» өзінің сыныбы мен идентификаторы арқылы парақтың кез келген бөліктері үшін CSS-ті көрсететін JS параметрлерін қамтамасыз ете алады. Мысалы, егер парақта FA және id сыныбы бар «span» элементі болса lc, MediaWiki: Monobook.js интервики класының «li» элементтерінің стилі мен тақырыбын анықтайдыlc, осылайша тілдік кодтың тілдік байланысының стилі мен тақырыбын басқарады lc шетінде, егер бұл класс интервики- деп көрсетсе,lc (Мысалы, Cologne Blue әр тіл үшін class = 'external' деп белгілейді, сондықтан ол сол теріге жұмыс істемейді.)

JS-тегі сыртқы сілтемелер

Сондай-ақ қараңыз