FANDOM


m
Ligne 52 : Ligne 52 :
 
[[en:Help:Custom chat JavaScript and CSS]]
 
[[en:Help:Custom chat JavaScript and CSS]]
 
[[es:Ayuda:Chat Personalizable Javascript/CSS]]
 
[[es:Ayuda:Chat Personalizable Javascript/CSS]]
  +
[[ja:ヘルプ:カスタムチャットのJavaScriptとCSS]]
   
 
[[Catégorie:Aide]]
 
[[Catégorie:Aide]]

Version du novembre 9, 2014 à 12:35

Ce tutoriel est un bref guide sur l'utilisation du JavaScript et du CSS pour personnaliser le tchat.

Des connaissances de base concernant les 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.

Étape 1

Wikias anglophones

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 « Welcome to the $1 chat » :

<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);}" />
Fichier:Custom Chat JS 1.PNG
  • Remplacez « $1 » par le titre complet de votre wikia.
  • 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.

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');
}

É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 /chat.css ou /chat.js.

Utiliser global.js/global.css

Un autre moyen d'effectuer des modifications personnelles à votre tchat est d'utiliser vos pages global.js et global.css sur le Community Central. Notez que global.css est chargé par défaut alors que global.js doit être chargé via d'autres scripts.

Voir aussi

Plus d'aide

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