AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -50%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
54.99 €

    Optimiser et Réduire la taille des titres de catégorie dans les forums

    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Mer 20 Juin 2012 - 18:38

    Bonjour, bonsoir,

    Le titre ne vous parle peut-être pas, mais si vous avez ce problème vous verrez très vite de quoi je parle.
    Sur votre forum vous avez la possibilité de mettre des images à la place des titres de catégorie. Deux problèmes peuvent alors se poser :

    1) Dans votre PA apparait à la place du titre "***error in the name of your category***" ce qui peut être gênant pour déplacer vos caté/forum même si cela ne se voit pas dans le forum en lui-même.

    2) Une grosse déformation dans les pages suivantes : dès que vous entrez dans un forum, la navigation interne qui est juste au dessus du cadre du forum reprend l'image telle qu'elle ce qui peut carrément ruiner votre beau design.

    Voici comme régler les deux problèmes ci-dessus :

    I/ Optimiser l'affichage des catégories au titre/image
    Vous avez probablement noté votre image dans la barre de titre de cette façon :

    Code:
    <img src="adresse.jpg" />

    Cela ne pose pas de problème d'affichage en soi, mais sachez que cette notation est incorrecte, ou plutôt incomplète. Normalement, on note une image comme ceci :

    Code:
    <img src="adresse.jpg" alt="nom de l'image" />

    Concrètement, le "alt" n'apparait pas. A quoi sert-il ? Il apparaitra si votre image ne peut pas apparaitre, à la place d'avoir du vide ou un carré transparent, ce qui peut sauver la navigation de votre forum. D'autre part, c'est un élément essentiel dans les normes du codage pour les mal-voyants. Je vous laisse vous documenter sur W3C pour plus d'info.

    Quoi qu'il en soit, indiquer un texte alternatif "alt" sur votre image avec le titre de la catégorie permettra à votre panneau d'administration d'afficher ce titre là. Or avoir le titre de ses catégories à la place d'un gros message en rouge, en gras, et surtout en Anglais ça fait quand même plus propre ! (et moins peur XD).


    II/ Réduire la taille de l'image dans la navigation interne du forum

    Pour réduire l'image qui sera en rappel dans vos navigation interne et donc déformera l'intérieur de vos forums, l'affichage de vos sujets et de vos messages, voici un petit code trèèèès utile :

    Code:
    a.nav img
    {
    width: 200px;
    }

    Vous pouvez adapter la taille selon votre envie.

    Ce code s'applique aux images des liens de la navigation secondaire, donc n'affectera QUE l'image de votre catégorie, sauf si vous avez mis des images pour les titres de tout vos forum, mais j'en doute x).

    Un petit merci ou commentaire est toujours le bienvenu ^^
    Si vous avez des problèmes avec ce LS ou des questions, venez poster ici.


    Dernière édition par Sparrow-style le Jeu 28 Mar 2013 - 14:14, édité 1 fois



    sign
    Kriisten25
    Kriisten25
    FémininAge : 31Messages : 190

    Sam 12 Jan 2013 - 14:04

    Merci beaucoup pour l'astuce :)



    ∞ LONDON & TEAM ROBSTEN ♥.
    • 0n prend de mauvaises habitudes en parlant quotidiennement au gens, on s'attache vite sans s'apercevoir que l'on va tomber de haut & souffrir. Quand la personne vous laisse tomber, on se rend compte à quel point elle est importante & on regrette de s'être attaché. Au final; ce ne sont que regrets & souffrance que l'on récolte. 0n a beau dire ce que l'on veut, l'attachement est une absurdité, une incitation à la douleur. hellsangels.
    Anonymous
    Invité

    Ven 22 Mar 2013 - 20:14

    Merci mon captain' adoré *o*
    Pochi
    Pochi
    FémininAge : 31Messages : 121

    Mar 3 Sep 2013 - 15:38

    Ah le vrai tuto Very Happy
    Merci ! ♫
    Elf-of-Nature
    Elf-of-Nature
    FémininAge : 30Messages : 156

    Dim 8 Sep 2013 - 16:12

    Un énorme merci Sparrow ! ♥
    C'est exactement ce dont j'avais besoin ! :-) ♥ Impeccable ! :)



    Optimiser et Réduire la taille des titres de catégorie dans les forums 216988Renardssigna
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Mer 6 Nov 2013 - 14:26

    Ah bah voilà le tuto que je cherchais désespérément XD
    En tout cas désolée pour le morceau de truc que j'avais fait x) Là c'est plus clair.

    Merci beaucoup o/



    "Espérer l'inespérable c'est croire en l'impossible."
    Depp
    Depp
    FémininAge : 33Messages : 301

    Lun 11 Nov 2013 - 16:44

    Un graaaand merci *_* c'est super !!!



    Optimiser et Réduire la taille des titres de catégorie dans les forums Tumblr_nenygwIlcz1s4u464o1_500
    patriciadpt30
    patriciadpt30
    FémininAge : 61Messages : 240

    Mar 12 Aoû 2014 - 1:20

    merci



    Patricia :)
    patriciadpt30
    patriciadpt30
    FémininAge : 61Messages : 240

    Jeu 22 Jan 2015 - 13:15

    cool je le chercher evidement merci :)



    Patricia :)
    Allison01
    Allison01
    FémininAge : 40Messages : 225

    Mer 24 Juin 2015 - 18:25

    Merci ton code me sauve la vie :love: :hug: :friends: :hug2:
    Lyo
    Lyo
    FémininAge : 28Messages : 104

    Jeu 25 Juin 2015 - 9:11

    Génial merci :friends:
    kreou
    kreou
    FémininAge : 34Messages : 50

    Jeu 25 Juin 2015 - 11:44

    Sincèrement merci vraiment beaucoup ! Tu me sauves la vie :love:
    Lilypops
    Lilypops
    FémininAge : 38Messages : 32

    Jeu 1 Mar 2018 - 12:38

    Merci beaucoup pour ce petit tuto qui est bien utile :love:



    Optimiser et Réduire la taille des titres de catégorie dans les forums Lison_10:euh:
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 11:32