FANDOM


m
({{UCP non disponible}})
 
(22 révisions intermédiaires par 9 utilisateurs sont masquées)
Ligne 1 : Ligne 1 :
Ce tutoriel est un bref guide sur l'utilisation du '''JavaScript et du CSS pour personnaliser le [[Aide:Tchat|tchat]]'''.
+
{{UCP non disponible}}
   
Des connaissances de base concernant les [[Aide:Messages système|pages MediaWiki]] et le JavaScript sont conseillées avant d'entreprendre ce qui va suivre. Si vous n'êtes pas sûr de la façon d’effectuer une étape, il vaut mieux demander de l'aide à une personne à qui le JavaScript est familier. Ce guide est fourni sans aucune garantie.
+
Vous pouvez inclure du '''[[Aide:Personnalisation du CSS et JS|CSS et JavaScript]] personnalisé''' qui s'applique uniquement au [[Aide:Tchat|tchat]] .
   
== Étape 1 ==
+
==Modifier le tchat pour tous les utilisateurs==
  +
Le CSS personnalisé du tchat peut être appliqué en utilisant '''MediaWiki:Chat.css'''. Le JavaScript personnalisé peut être ajouté en utilisant '''MediaWiki:Chat.js'''.
   
=== Wikias anglophones ===
+
Tout comme pour les ajouts au [[Aide:CSS et JS de la communauté|CSS et JavaScript qui s'applique pour tout la communauté]], ils doivent respecter les [[Aide:Règles de personnalisation|règles de Fandom sur les personnalisations autorisées]] et les [[homepage:fr:Conditions_d'utilisation|Conditions d'utilisation]].
Sur votre wikia, modifiez la page '''MediaWiki:Chat-welcome-message'''. Tout d'abord, copiez-collez le code suivant à la fin de la page, après « <code>Welcome to the $1 chat</code> » :
 
   
<source lang="html4strict">
+
'''Note&nbsp;: Modifier des pages JS de la communauté nécessite que le [[Aide:Processus de vérification du JavaScript|processus de vérification du JavaScript]] soit activé sur votre communauté.'''
<img style="display:none;" src="http://images.wikia.com/common/skins/common/blank.gif" onload="if (!loaded&&!$('script[src$=\'Chat.js/load.js\']').length) {var loaded = true;var b=document.createElement('script');b.setAttribute('src',wgServer+'/index.php?title=MediaWiki:Chat.js/load.js&action=raw&ctype=text/javascript');b.setAttribute('type','text/javascript');document.getElementsByTagName('head')[0].appendChild(b);}" />
 
</source>
 
   
[[Fichier:Custom_Chat_JS_1.PNG|300px|thumb]]
+
==Modifications personnelles==
*Remplacez « $1 » par le titre complet de votre wikia.
+
Vous pouvez ajouter du CSS et JS à vos [[Aide:CSS et JS personnels|pages personnelles]] ou localement sur des communautés spécifiques via [[Spécial:Mypage/chat.css|chat.css]] et [[Spécial:Mypage/chat.js|chat.js]], ou globalement via [[w:Special:Mypage/global.css|global.css]] (sur le [[w:|Community Central]]). (Note&nbsp;: global.js n'est pas actif sur le tchat actuellement.)
*Publiez la page.
 
 
Vous devriez obtenir quelque chose comme ce qui figure sur l'image de droite.
 
 
=== Wikias non-anglophones ===
 
Suivez les mêmes instructions que pour les wikias anglophones mais faites également la même chose sur la page '''MediaWiki:Chat-welcome-message/lang''' où « lang » est le préfixe de votre langue. Par exemple, pour les wikias francophones, il s'agira du préfixe « fr », la page à modifier sera donc '''MediaWiki:Chat-welcome-message/fr'''.
 
 
== Étape 2 ==
 
Maintenant, créez la page '''MediaWiki:Chat.js/load.js''' sur votre wikia. Copiez-collez le code suivant sur la page et publiez-la.
 
 
<source lang="javascript">
 
var b=document.createElement('script');b.innerHTML='\nfunction importScript(b){var a=wgScript+"?title="+encodeURIComponent(b.replace(/ /g,"_")).replace(/%2F/ig,"/").replace(/%3A/ig,":")+"&action=raw&ctype=text/javascript";return importScriptURI(a)}\nfunction importScriptURI(a){var b=document.createElement("script");b.setAttribute("src",a);b.setAttribute("type","text/javascript");document.getElementsByTagName("head")[0].appendChild(b);return b}\nfunction importScriptPage(b,d){var a="/index.php?title="+encodeURIComponent(b.replace(/ /g,"_")).replace("%2F","/").replace("%3A",":")+"&action=raw&ctype=text/javascript";if(typeof d=="string"){if(d.indexOf("://")==-1){a="http://"+d+".wikia.com"+a}else{a=d+a}}return importScriptURI(a)}\nfunction importStylesheet(a){return importStylesheetURI(wgScript+"?action=raw&ctype=text/css&title="+encodeURIComponent(a.replace(/ /g,"_")))}\nfunction importStylesheetURI(b,d){var a=document.createElement("link");a.type="text/css";a.rel="stylesheet";a.href=b;if(d){a.media=d}document.getElementsByTagName("head")[0].appendChild(a);return a}\nfunction importStylesheetPage(b,d){var a="/index.php?title="+encodeURIComponent(b.replace(/ /g,"_")).replace("%2F","/").replace("%3A",":")+"&action=raw&ctype=text/css";if(typeof d=="string"){if(d.indexOf("://")==-1){a="http://"+d+".wikia.com"+a}else{a=d+a}}return importStylesheetURI(a)}\nfunction addOnloadHook(func) {$(func);}\n';document.getElementsByTagName('head')[0].appendChild(b);
 
if (wgPageName == "Special:Chat"){
 
importScript('MediaWiki:Chat.js');
 
importScript('User:'+wgUserName+'/chat.js');
 
importStylesheet('MediaWiki:Chat.css');
 
importStylesheet('User:'+wgUserName+'/chat.css');
 
}
 
</source>
 
 
== Étape 3 ==
 
Vous pouvez désormais ajouter votre propre JavaScript et CSS pour personnaliser le tchat !
 
 
Afin que les modifications affectent tout le monde, vous devez ajouter tout le JavaScript sur la page '''MediaWiki:Chat.js''' et tout le CSS sur la page '''MediaWiki:Chat.css'''. Pour voir les changements, il sera probablement nécessaire de rafraîchir le cache de votre navigateur.
 
 
Si vous souhaitez effectuer des modifications uniquement pour vous, vous devez ajouter le code à vos sous-pages utilisateur '''[[Special:MyPage/chat.css|/chat.css]]''' ou '''[[Special:MyPage/chat.js|/chat.js]]'''.
 
 
=== Utiliser global.js/global.css ===
 
Un autre moyen d'effectuer des modifications personnelles à votre tchat est d'utiliser vos pages '''[[Special:MyPage/global.js|global.js]]''' et '''[[Special:MyPage/global.css|global.css]]''' sur le [[w:|Community Central]]. Notez que '''global.css''' est chargé par défaut alors que '''global.js''' doit être chargé via d'autres scripts.
 
 
==Voir aussi==
 
* [[Blog utilisateur:Simswiki/Tutoriel : Customiser le tchat de son wiki]]
 
* [[Blog utilisateur:Simswiki/Tutoriel : Custominer le chat de son wiki 2]]
 
   
 
{{Plus d'aide}}
 
{{Plus d'aide}}
   
[[en:Help:Custom chat JavaScript and CSS]]
+
[[be:Даведка:Персаналізацыя чата з дапамогай JS і CSS]]
  +
[[de:Hilfe:Chat mit JS und CSS anpassen]]
  +
[[en:Help:Custom chat CSS and JS]]
 
[[es:Ayuda:Chat Personalizable Javascript/CSS]]
 
[[es:Ayuda:Chat Personalizable Javascript/CSS]]
[[ja:ヘルプ:カスタムチャットのJavaScriptとCSS]]
+
[[fi:Ohje:Mukautettu chat CSS:llä ja JavaScriptilla]]
  +
[[ja:ヘルプ:チャット向けのカスタムCSSとJavaScript]]
  +
[[ko:도움말:자바 스크립트 및 CSS를 이용한 커스텀 채팅]]
  +
[[pl:Pomoc:CSS i JS dla czatu]]
  +
[[pt:Ajuda:JavaScript e CSS para chat personalizado]]
  +
[[ru:Справка:Персонализация чата с помощью JS и CSS]]
  +
[[uk:Довідка:Персоналізація чату з допомогою JS і CSS]]
  +
[[vi:Trợ giúp:CSS và JS tùy chỉnh cho tán gẫu]]
  +
[[zh:Help:自訂聊天的 JavaScript 與 CSS]]
   
 
[[Catégorie:Aide]]
 
[[Catégorie:Aide]]
  +
[[Catégorie:CSS]]
  +
[[Catégorie:JS]]

Version actuelle en date du mars 31, 2020 à 11:45

Cette fonctionnalité n'est actuellement pas présente sur les nouveaux wikis qui utilisent la nouvelle Plateforme Communautaire Unifiée (UCP).
Consultez cette page pour en savoir plus sur la nouvelle plateforme.


Vous pouvez inclure du CSS et JavaScript personnalisé qui s'applique uniquement au tchat .

Modifier le tchat pour tous les utilisateursModifier

Le CSS personnalisé du tchat peut être appliqué en utilisant MediaWiki:Chat.css. Le JavaScript personnalisé peut être ajouté en utilisant MediaWiki:Chat.js.

Tout comme pour les ajouts au CSS et JavaScript qui s'applique pour tout la communauté, ils doivent respecter les règles de Fandom sur les personnalisations autorisées et les Conditions d'utilisation.

Note : Modifier des pages JS de la communauté nécessite que le processus de vérification du JavaScript soit activé sur votre communauté.

Modifications personnellesModifier

Vous pouvez ajouter du CSS et JS à vos pages personnelles ou localement sur des communautés spécifiques via chat.css et chat.js, ou globalement via global.css (sur le Community Central). (Note : global.js n'est pas actif sur le tchat actuellement.)

Plus d'aideModifier

Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA .