Aller au contenu

« Utilisateur:Eliastik/memo » : différence entre les versions

De Poképédia
Eliastik (discussion | contributions)
Eliastik (discussion | contributions)
Ligne 19 : Ligne 19 :
== Mon common.js ==
== Mon common.js ==
[[Fichier:Poképédia Mon Mod Eliastik.png|vignette|droite|Un aperçu de mon mod]]
[[Fichier:Poképédia Mon Mod Eliastik.png|vignette|droite|Un aperçu de mon mod]]
J'ai créé deux nouveaux mod pour Poképédia. Pour pouvoir en profiter, vous pouvez copier-coller mon common.js dans le votre.
J'ai créé deux nouveaux mod pour Poképédia. Pour pouvoir en profiter, vous pouvez copier-coller [[Utilisateur:Eliastik/common.js|mon common.js]] dans le votre.
Pour les connaisseurs en Javascript, j'ai commenté mon code.
Pour les connaisseurs en Javascript, j'ai commenté mon code.
Il inclus, pour l'instant, ces deux nouveaux mods (je pense en ajouter plus tard) :
Il inclus, pour l'instant, ces deux nouveaux mods (je pense en ajouter plus tard) :


* Rafraîchit automatiquement la liste des modifications récentes toutes les 20 secondes (paramétrable et désactivable à tout moment)
* Rafraîchit automatiquement la liste des modifications récentes toutes les 20 secondes (paramétrable et désactivable à tout moment) ;
* Mode "Assombrir la page" pour les visites de nuit ou pour éviter de se fatiguer les yeux avec le design clair de Poképédia - fonctionne seulement avec le design "Vector"
* Mode « Assombrir la page » pour les visites de nuit ou pour éviter de se fatiguer les yeux avec le design clair de Poképédia - fonctionne seulement avec le design « Vector ».


Lien vers mon common.js : [[Utilisateur:Eliastik/common.js]]
'''Lien vers mon common.js :''' [[Utilisateur:Eliastik/common.js]].


== Liens inventaire ==
== Liens inventaire ==

Version du 20 juillet 2017 à 01:14

Page d'utilisateur Page de discussion Mes articles Brouillon Mémo


Mon common.js

Un aperçu de mon mod

J'ai créé deux nouveaux mod pour Poképédia. Pour pouvoir en profiter, vous pouvez copier-coller mon common.js dans le votre. Pour les connaisseurs en Javascript, j'ai commenté mon code. Il inclus, pour l'instant, ces deux nouveaux mods (je pense en ajouter plus tard) :

  • Rafraîchit automatiquement la liste des modifications récentes toutes les 20 secondes (paramétrable et désactivable à tout moment) ;
  • Mode « Assombrir la page » pour les visites de nuit ou pour éviter de se fatiguer les yeux avec le design clair de Poképédia - fonctionne seulement avec le design « Vector ».

Lien vers mon common.js : Utilisateur:Eliastik/common.js.

Liens inventaire



Infobulle

Comment créer une infobulle

Pour créer une infobulle, il faut écrire ceci :
{{Infobulle|Titre|Texte de l'infobulle}}
Vous pouvez modifier le titre et le texte de l'infobulle.

Résultat :
Titre.

Boîte déroulante

Faire une boîte déroulante

Pour faire une boîte déroulante, écrivez ceci :
{| class="wikitable collapsible collapsed" style="width:(largeur); margin-top:0; margin-bottom:0; margin-left:0; margin-right:0;" |- align="(où est aligné le texte de la boîte)" style="font-size:90%;" ! style="background-color: (code couleur); text-align:(où est aligné le titre);" | Titre de la boîte |- align="(où est alignée la boîte)" style="font-size:90%;" | Texte qui apparaît dans la boîte déroulante. |}

Résultat (quand ce qui apparaît entre parenthèses est modifié) :

Un autre type de déroulant

Comment l'installer ?

Un autre type de boîte déroulante existe, plus compacte, pour la mettre par exemple sur une page de discussion. Voici le code :

<button type="button" name="titreDeroulant" value="afficher" style="font-size: 12pt; color: green; background-color: lightblue; font-weight: bold;" title="[-] Titre qui sera affiché">[+] Titre qui sera affiché</button> <div class="titreDeroulant"> Contenu du déroulant... Blablabla... </div>

Remplacez les valeurs "name" (de la balise "button") et "class" (de la balise "div") à chaque nouveau déroulant créé, ils doivent être les mêmes ; Vous pouvez également changer la taille du texte où vous devez cliquez pour le déroulant, sa couleur, sa couleur d'arrière plan ainsi que si il doit être gras (font-weight: bold;) dans l'attribut "style". Si vous avez un problème pour styler ou autre, posez-moi la question sur ma page de discussion.

Résultat :

Contenu du déroulant... Blablabla...

Installer « Atwork de la semaine »

Comment l'installer ?

Pour l'installer, il faut écrire :
<div style="float:(où l'encadré est aligné (à modifier)); width:34%;"> {{Portail Boîte |couleur-bord=lightsteelblue |couleur-fond=white |titre=L'artwork de la semaine |texte=<center>{{Portail:Jeux vidéo/L'artwork de la semaine/Artwork sem {{ #time: W }}}}</center><div align=right><small>[[Portail:Jeux vidéo/L'artwork de la semaine|Voir plus d'images]]</small></div> }}

Résultat :

Installer « Pokémon aléatoire »

Comment l'installer ?

Copier/coller le code ci-dessous :
<div style="float:alignement; width:nombre%;"> {{PokéHasard|{{NumHasard}}}} </div>

Note : Si vous installez l'atwork de la semaine et si vous voulez installer Pokémon aléatoire,
mettez le en premier car il n'est pas aligné sur la même ligne si il est mis après
(cepandant, vous pouvez changer l'alignement de la boîte via la valeur « float » de la balise « div »).

Note 2 : Vous pouvez agrandir la taille de la boîte (la largeur) en modifiant
la propriété « width » dans la balise « div »
(en %, en pixels (enlever % et mettre px à la place, et écrire la taille que vous voulez).

Résultat :

Poké Ball Un Pokémon au hasard !
(cliquez sur l'image pour le découvrir)