Modification de Utilisateur:Eliastik/memo

<div style="position:absolute;top:-136px;left:-176px;z-index:150; width: 160px; height: 160px;" title="Page principale">
[[Fichier:Poképédia Eliastik.png|link=http://www.pokepedia.fr/Portail:Accueil]]
</div>
<!-- onglets de dépannage
{| class="wikitable"
|-
! [[Utilisateur:Eliastik|Page d'utilisateur]] !! [[Discussion_utilisateur:Eliastik|Page de discussion]] !! [[Utilisateur:Eliastik/articles|Mes articles]] !! [[Utilisateur:Eliastik/brouillon|Brouillon]] !! [[Utilisateur:Eliastik/memo|Mémo]]
|}
-->
{| width="70%" align="center" style="background:#696969; {{arrondi|45px 45px 5px 5px}}; padding:3px; text-align:center; border:5px double #DCDCDC; box-shadow: 0px 10px 20px 2px #656565;"
|-
| style="width:20%; background:#DCDCDC; {{arrondi|40px 3px 3px 3px}};" | [[Fichier:utilisateur_eliastik.png]] [[Utilisateur:Eliastik|Page d'utilisateur]]
| style="width:20%; background:#DCDCDC; {{arrondi|3px}};" | [[Discussion_utilisateur:Eliastik|Page de discussion]]
| style="width:20%; background:#DCDCDC; {{arrondi|3px}};" | [[Fichier:Mes articles.png]] [[Utilisateur:Eliastik/articles|Mes articles]]
| style="width:20%; background:#DCDCDC; {{arrondi|3px}};" | [[Utilisateur:Eliastik/brouillon|Brouillon]]
| style="width:20%; background:#DCDCDC; {{arrondi|3px 40px 3px 3px}};" | [[Fichier:Notes eliastik.png]] [[Utilisateur:Eliastik/memo|Mémo]]
|}
<br />
== Mon common.js ==
[[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.
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 ==
* [[Liste des objets dans la première génération]]
* [[Liste des objets dans la deuxième génération]]
* [[Liste des objets dans la troisième génération]]
* [[Liste des objets dans la quatrième génération]]
* [[Liste des objets dans la cinquième génération]]
<br />
* [[Projet:Inventaire]]
* [[Modèle:Infobox Objet|Infobox Objet]]
<br />
* [http://www.pokepedia.fr/index.php/Fichier:Carte_Unys_NB2.png La carte d'Unys] dans {{NB2}}

== Infobulle ==
=== Comment créer une infobulle ===
Pour créer une infobulle, il faut écrire ceci :<br />
<code><nowiki>{{Infobulle|Titre|Texte de l'infobulle}}</nowiki></code><br />
Vous pouvez '''modifier le titre''' et '''le texte de l'infobulle'''.<br /><br />

<u>'''Résultat :'''</u><br />
{{Infobulle|Titre|Texte de l'infobulle}}.<br />

== Boîte déroulante ==
=== Faire une boîte déroulante ===
Pour faire une boîte déroulante, écrivez ceci :<br />
<code><nowiki>
{| 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. 
|}
</nowiki></code><br /><br />

<u>'''Résultat'''</u> (quand ce qui apparaît entre parenthèses est modifié) :
{| class="wikitable collapsible collapsed" style="width:100%; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0;"
|- align="center" style="font-size:90%;"
! style="background-color: red; text-align:left;" | Titre de la boîte
|- align="center" style="font-size:90%;"
| Texte qui apparaît dans la boîte déroulante. 
|}
== 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 :

<code><nowiki>
<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>
</nowiki></code>

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, [[Discussion utilisateur:Eliastik|posez-moi la question sur ma page de discussion]].<br /><br />

<u>'''Résultat :'''</u>

<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>

== Installer « ''Atwork de la semaine'' » ==
=== Comment l'installer ? ===
Pour l'installer, il faut écrire :<br />
<code><nowiki>
<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>
}}
</nowiki></code>
<br /><br />

<u>'''Résultat :'''</u><br />
<div style="width:550px;">
{{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>
}}
</div>

== Installer « ''Pokémon aléatoire'' » ==
=== Comment l'installer ? ===
Copier/coller le code ci-dessous :<br />
<code><nowiki>
<div style="float:alignement; width:nombre%;">
{{PokéHasard}}
</div></nowiki></code>

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

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

<u>'''Résultat :'''</u>
<div style="float:left; width:50%;">
{{PokéHasard}}
</div>