AccueilFAQRechercherMembresGroupesS'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.


    [Forum] Opacité réduite ou Transparence (phpBB2)

    Partagez
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Mer 2 Sep 2009 - 22:06


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    Bonjour !

    Un titre explicite aurait demandé d'avantage de place... donc je m'explique :
    Je vais vous donner une astuce pour mettre l'intérieur du forum en transparence, ou bien en "opacité réduite".

    Vous allez aller dans :

    PA > Affichage > Images & Couleurs > Couleurs > Feuille CSS

    ... et inclure le code suivant :

    Code:
    .forumline
    {background-color: transparent;
    background-image: url(adresse de l'image de fond);
    background-repeat: repeat;
    }

    Remarque :
    Si vous souhaitez que votre fond se répète seulement sur la largeur, mettez "repeat-x" à la place de "repeat", et si vous voulez qu'il se répète qu'en hauteur mettez "repeat-y".


    N'oubliez pas également d'effacer les codes couleurs présents dans votre palette de couleur du forum.


    Il s'agit ensuite de mettre une image de fond en PNG dans l'emplacement de l'image de fond, que vous aurez préalablement fait sous photoshop. Cette petite image se répètera dans votre forum sous les catégories. Comme je suis gentil, je vous ai fait déjà quelques images Razz
    Voici donc un pack contenant des images de diverses couleur et de diverses opacités.

    Détail :
    - le nom des fichiers indique la couleur + opacité (exemple : vert25 = fond vert d'opacité 25%)
    - couleurs présentes : blanc, noir, bleu, orange, rouge, vert, violet + transparent
    - opacités : 25%, 50%, 75% pour chaque

    Télécharger le pack : Cliquez ici !

    Dans le même principe, vous pouvez mettre une image de fond de votre choix !


    Dernière édition par Sparrow-style le Jeu 14 Juin 2012 - 18:49, édité 1 fois



    avatar
    Gold Hawk
    MasculinAge : 23Messages : 12682

    le Jeu 3 Sep 2009 - 17:11

    Woah c'est d'la bombe çà, surtout qu'en changeant les images (donc en mettant une image qui représente quelque chose) On arrive à un truc super (j'ai testé, et quand vous mettez une image "bien" c'est impec ^^), merci Cap'tain! ^^



    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Jeu 3 Sep 2009 - 18:15

    Avec plaisir Wink



    avatar
    bisow'
    FémininAge : 27Messages : 202

    le Ven 4 Sep 2009 - 12:00

    Sitôt vu, sitôt essayé ! Et ça fait un superbe rendu quand on place bien son image . Un grand merci à toi ! :§erre:





    avatar
    Hayato
    MasculinAge : 23Messages : 85

    le Ven 4 Sep 2009 - 13:20

    ah Merci Sparrow-style ^^



    avatar
    Kriisten25
    FémininAge : 24Messages : 190

    le Sam 12 Jan 2013 - 14:15

    C'est super !

    Merci beaucoup :) !



    ∞ 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.
    avatar
    Whitemoon
    FémininAge : 17Messages : 695

    le Mer 23 Oct 2013 - 0:28

    L'adresse ne fonctionne pas...



    avatar
    Neva
    FémininAge : 26Messages : 18564

    le Mer 23 Oct 2013 - 13:52

    Salut,

    Ce message date de 2009, il est un peu dépassé. Je te conseille de regarder par ici pour voir les nouvelles méthodes de transparence : http://www.never-utopia.com/t32131-opacite-progressive-en-css3-sans-js?highlight=opacit%E9



     
    avatar
    Whitemoon
    FémininAge : 17Messages : 695

    le Mer 23 Oct 2013 - 15:38

    Ah merci, ce que je cherchais c'était plutôt comment mettre un fond opaque au forum mais ceci conviendra je pense^^



    Contenu sponsorisé


      La date/heure actuelle est Ven 21 Juil 2017 - 22:49