Outil LoLBox - Tirez le meilleur parti de votre infobox

Qui suis-je
Judit Llordes
@juditllordes
Auteur et références

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 :

  • Les valeurs seront d√©sormais correctement mises √† l'√©chelle avec les niveaux.
  • La valeur des d√©g√Ęts d'attaque analyse d√©sormais jusqu'√† 2 chiffres.
17/04/2014 18:36 0.1.2 (bêta)

Le correctif inclut les modifications suivantes :



  • Le script fonctionnera d√©sormais sur les champions sans manless.
  • La valeur d'armure analyse d√©sormais jusqu'√† 2 chiffres.

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

ajouter un commentaire de Outil LoLBox - Tirez le meilleur parti de votre infobox
Commentaire envoyé avec succès ! Nous l'examinerons dans les prochaines heures.