J'ai décidé d'utiliser la page Web une infobox pour pratiquer un peu de JavaScript. Maintenant, j'ai un résultat, je ne vois aucune raison de ne pas trop le partager avec vous les gars.
Contenu
- Installation de 1
- 1.1 JS
- 1.2 CSS
- Soutien 1.3
- Skins 1.3.1
- 1.3.2 Navigateurs
- 2 Version
- 3 Bugs
- 4 commentaires et suggestions
- 4.1 Version Ă venir
- 5hXNUMX Q&R
- 6 End
Installation
JS
Ajoutez ce code Ă votre js personnel :
importArticles({ tapez : "script", articles : [ "User:Jens_Ingels/common.js/lolbox.js" ] });
CSS
Ajoutez ce code Ă votre css personnel :
#champion_info-lower table { position : relative ; } #champion_info-lower #level { position : absolu ; Ă gauche : automatique ; Ă droite : 0 ; } #champion_info-lower #level #lv { background-color: black; Couleur blanche; }
Assistance
Skins
| Appareil | SystĂšme d'exploitation | Apparence a | |
|---|---|---|---|
| pc | fenĂȘtres | oasis | x |
| monobook | - | ||
| page Web mobile | - | ||
| mac | oasis | ? | |
| monobook | - | ||
| page Web mobile | - | ||
| mobile | fenĂȘtres | oasis | x |
| monobook | - | ||
| page Web mobile | - | ||
| mac | oasis | x | |
| monobook | - | ||
| page Web mobile | - |
| A Noter: | GameGuides utilise la page Web d'un skin pour mobile pour charger ses données. |
|---|---|
| Le skin Oasis est le skin par défaut sur les appareils PC. | |
| Vous pouvez modifier temporairement les skins en ajoutant ?useskin=skinname Ă l'url. |
Navigateurs
| IE | IE10 ou supérieur |
|---|---|
| Chrome | ? |
| Safari | ? |
Il est recommandé d'avoir la derniÚre version de votre navigateur.
version
| Date | version | ||
|---|---|---|---|
| 12/04/2014 | 18:20 | 0.1.0 (bĂȘta) | Le code est prĂȘt Ă ĂȘtre testĂ© |
| 13/04/2014 | 14:52 | 0.1.1 (bĂȘta) |
Ce correctif a été précipité pour corriger une erreur critique :
|
| 17/04/2014 | 18:36 | 0.1.2 (bĂȘta) |
Le correctif inclut les modifications suivantes :
Un merci spécial à BryghtShadow pour avoir fait l'ajustement de l'infobox. |
Bugs
Erreur de console :
Attr.specified est obsolÚte. Sa valeur est toujours vraie. Remarque : Cette erreur ne générera aucun problÚme avec la fonctionnalité du script.
Commentaires et suggestions
Les commentaires sur la conception, la fonctionnalitĂ©, l'expansion et la syntaxe elle-mĂȘme sont toujours utiles. N'hĂ©sitez pas Ă donner vos idĂ©es.
Version Ă venir
Pour la prochaine version, j'ai décidé d'implémenter la base de données à l'intérieur du script plutÎt que de la saisir à l'extérieur. Cela permettrait de comparer les données beaucoup plus facilement qu'auparavant et d'implémenter plus d'éléments qu'il n'était pas possible auparavant.
Q & A
Dois-je le réinstaller à chaque patch ?
Non, puisque le code que vous avez également utilisé pour installer le script importe la derniÚre version du script. Cela ne compte pas pour le CSS cependant. Si des modifications CSS ont été apportées, je l'expliquerai clairement dans le patch.Puis-je changer l'emplacement du bouton de niveau ?
Il est possible de dĂ©placer le bouton de niveau Ă un autre emplacement tant que vous gardez Ă l'esprit que vous ne pouvez pas modifier l'imbrication elle-mĂȘme. Vous pouvez cependant tricher avec cela en incluant la valeur minimale mĂȘme si je ne le recommande pas. Voici un exemple :#champion_info-lower #level { position : absolu ; Ă gauche : -100px ; Ă droite : automatique ; haut : -110px ; }
Comment puis-je agrandir le bouton de niveau ?
C'est possible avec CSS de plusieurs maniĂšres. L'une d'entre elles consiste Ă augmenter la taille de la police.Puis-je supprimer le tekst du bouton ?
#champion_info-lower #level label { display: none; }
Fin
Les options de dĂ©veloppement Ă l'aide de JavaScript sont relativement infinies. Une fois le code nettoyĂ©, je souhaiterais peut-ĂȘtre l'Ă©tendre Ă©galement Ă la section des capacitĂ©s, mais ce n'est qu'une idĂ©e. Peut-ĂȘtre qu'Ă l'avenir, ajoutez-y des outils de comparaison. Qui sait ^^.
Aie du plaisir avec ça ;)
