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 à ne pas rater :
Jeux, jouets et Lego : le deuxième à -50% (large sélection)
Voir le deal
Le Deal du moment :
Cartes Pokémon 151 : où trouver le ...
Voir le deal

    Un codage pour une semi transparance

    Anonymous
    Invité

    Mar 18 Oct 2016 - 14:01

    Ma demande

    Bonjour à tous :) Ma demande est toute simple, je voudrais mettre la "Couleur intérieure du cadre du forum" en semi transparance, à savoir qu'avant de demander j'ai cherché, mais n'ayant rien trouver je viens à vous. Merci beaucoup pour votre aide future Very Happy

    Schéma(s) et Eléments

    Un codage pour une semi transparance Fond_s10

    Tailles des éléments : Alors si il faut une taille je ne sais pas... désolée Embarassed
    Version de votre forum : PHPBB3

    Ressources

    Je ne souhaites pas de couleur précise,étant donné que je vais éventuellement encore changer d'idée. C'est vraiment juste pour avoir ce code pour la transparance, Merci encore Very Happy

    Autres précisions ?

    Si mon schéma n'est pas assez clair, je vous met le liens du forum (Soyez sympas il est pas finit et je débute Razz LDRAN-Forum )

    (Et vraiment désolée,je ne sais pas comment insérer un code dans un message)


    Dernière édition par Natsumy le Mer 19 Oct 2016 - 5:08, édité 1 fois
    Applauze
    Applauze
    MasculinAge : 28Messages : 167

    Mar 18 Oct 2016 - 16:39

    La transparence est nommé opacité en CSS. Si tu veux avoir le code de "semi-transparence" tu dois inclure au body le style de:

    Code:
     body {
    opacity: 0.1
    }


    J'espère avoir répondu à ta question, malgré sa simplicité. ( je n'insinue pas que tu es bête hein ).
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 18 Oct 2016 - 19:42

    Applauze > Le principe n'est pas mal, mais tu sais que body contient toute la page? Et que si tu mets le body en opacité 10% comme ça, toute la page sera en opacité 10%, pas juste le background.

    Essaie plutôt quelque chose comme :
    Code:
    .bodyline {
      background: rgba(255, 255, 255, 0.5);
    }
    Les 3 premiers nombres étant les couleurs rgb (voir la conversion hex to rgb) et le dernier nombre est l'opacité de ce background (1 étant 100%, 0.5 étant 50%, etc.).

    Pour insérer un code dans une page :
    Code:
    [code]Je suis un code[/code]



    Anonymous
    Invité

    Mer 19 Oct 2016 - 2:00

    Merci Applauze,mais en effet ton code me met toute la page en opacité.

    Du coup j'ai essayé ton code Onyx mais là rien ne ce passe, Peut-être l'ai-je mis au mauvais endroit. ( Feuille de style CSS)

    Et merci pour l'info de mettre un code dans un page Wink
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 19 Oct 2016 - 2:16

    Désolée, j'avais pas pensé à regardé ta version de forum, je t'ai donné le truc pour phpBB2. Pour phpBB3... Ceci peut-être?
    Code:
    #wrap {
      background: rgba(255, 255, 255, 0.5);
    }



    Anonymous
    Invité

    Mer 19 Oct 2016 - 5:08

    Toujours pas, mais ne t'embête pas plus, finalement j'ai encore changer d'idée. Dans tous les cas, merci beaucoup :hug:

    (J'aurais surement besoin de ton aide pour un de tes codes,mais je ferais signe en temps voulus)


    [EDIT] Pffftt il fonctionne trés bien! blonde que je suis je n'avais pas réduit l'opacité :wall: :wall:
    Contenu sponsorisé


      La date/heure actuelle est Ven 10 Mai 2024 - 4:03