close
    search Buscar

    Outil LoLBox - Tirez le meilleur parti de votre infobox

    Qui suis-je
    Judit Llordes
    @juditllordes

    Commentaires sur l'article:

    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 depuis Outil LoLBox - Tirez le meilleur parti de votre infobox
    Commentaire envoyé avec succÚs ! Nous l'examinerons dans les prochaines heures.