Forum >> Aide & design >> [EN COURS] Comment faire le fond des modules transparents

Résultats :  1 - 14 sur 14

Comment faire le fond des modules transparents - 28/05/08-16:38
JeanPierre9477
Blogueur
JeanPierre9477
253 Msg

Comment peut on rendre transparent le fond des modules, afin de voir l'image du fond d'écran  ?

est possible, oui qu'elle est la méthode

Comment faire le fond des modules transparents - 28/05/08-16:42
Cln
Modérateur
Cln
12740 Msg

Pas du tout évident avec le modèle de design que tu as choisis, car ces déco de module (et autre) sont en fait des images assemblées.....

 

Mieux vaudrait que tu teste un autre design, sans trop d'images dans tous les sens... 

SAV du CSS OB, Bonjour ! ^ ^
Comment faire le fond des modules transparents - 28/05/08-16:55
JeanPierre9477
Blogueur
JeanPierre9477
253 Msg

quel design me conseilles tu, et ensuite qu'elles sont les manips à réaliser pour rendre le fond transparent

Comment faire le fond des modules transparents - 28/05/08-17:01
bakemono
Modérateur
bakemono
3593 Msg

Tu souhaites garder les images des titres des modules et des articles et de l'entête?

Si non, je te conseille le design minimaliste. Y'a 2 ou 3 bordures pas utiles, mais ça prend 2seconde de les supprimer dans le CSS (en remplaçant des border:1px par border:0px )

Ensuite, pour un fond totalement transparent, suffit de ne rien mettre.

Pour un fond semi-transparent, il te suffit d'utiliser un logiciel de retouche image pour créer une image au format png n'ayant qu'un % d'opacité.

Besoin d'aide? Attrape la bouée
Comment faire le fond des modules transparents - 28/05/08-17:01
JeanPierre9477
Blogueur
JeanPierre9477
253 Msg

si je change de design, faut il reconfigurer l'ensemble de mon blog ? installation des photos, fond d'écran etc..?

Comment faire le fond des modules transparents - 28/05/08-17:58
JeanPierre9477
Blogueur
JeanPierre9477
253 Msg

dans le cas d'un changement de design je suppose qu'il faut tout reprendre à zéro ?

Comment faire le fond des modules transparents - 28/05/08-18:26
Mystik-Angel
Blogueur
Mystik-Angel
262 Msg

Dans ton CSS, essay de rajouter ce code juste après les images de tes modules :

 

filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;

 

L'effet de transparence peut etre regler en changeant les nombres.

Nous devons apprendre a vivre ensemble comme des freres, sinon nous allons mourir tous ensemble comme des idiots!
Comment faire le fond des modules transparents - 28/05/08-18:38
JeanPierre9477
Blogueur
JeanPierre9477
253 Msg

j'ai essayé mais rien à faire cela ne change rien

j'ai placé la ligne ici par exemple :

.contenuArticle, .extrait {
 background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/article_624_background.gif); filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
 background-repeat: repeat-y;
   margin: 0 5px 0 5px;
 color: #000;
 }

 

Comment faire le fond des modules transparents - 28/05/08-19:00
Anna K
Modérateur
Anna K
5619 Msg

Pour rendre transaprents tes modules

remplace

#cl_1_1 .box {
    background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_300_background.gif);
    background-repeat: repeat-y;
    }

#cl_1_1 .box-titre {
    background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_300_header.gif);
    }

#cl_1_1 .box-footer {
    background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_300_bottom.gif);
    background-position: bottom;
    }

#cl_1_1 .box-content {
    background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_300_backgroundbottom.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    }

par

#cl_1_1 .box {
    background-image: none;
    }

#cl_1_1 .box-titre {
    background-image:  none;
    }

#cl_1_1 .box-footer {
    background-image:  none;
    }

#cl_1_1 .box-content {
    background-image:  none;
    }

Blog d'aide pour créer et personnaliser un blog
Comment faire le fond des modules transparents - 28/05/08-19:10
JeanPierre9477
Blogueur
JeanPierre9477
253 Msg

SUPER OK cela fonctionne,

mais je veux aussi la même chose fond transparent sous le texte de mon article uniquement

Comment faire le fond des modules transparents - 28/05/08-19:20
Anna K
Modérateur
Anna K
5619 Msg

remplace

.contenuArticle, .extrait {
    background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/article_624_background.gif);
    background-repeat: repeat-y;
            margin: 0 5px 0 5px;
    color: #000;
    }

par

.contenuArticle, .extrait {
    background-image: none;
            margin: 0 5px 0 5px;
    color: #000;
    }

Blog d'aide pour créer et personnaliser un blog
Comment faire le fond des modules transparents - 28/05/08-19:37
JeanPierre9477
Blogueur
JeanPierre9477
253 Msg

MERCI Anna c'est super cela fonctionne génial il n'y a plus K

puis je te contacter directement sur ton blog si j'ai d'autres questions car je débute et je rame un peu mais je m'accroche pour faire quelque chose de bien

Comment faire le fond des modules transparents - 28/05/08-19:39
Anna K
Modérateur
Anna K
5619 Msg

oui

Blog d'aide pour créer et personnaliser un blog
Comment faire le fond des modules transparents - 28/05/08-21:08
Mystik-Angel
Blogueur
Mystik-Angel
262 Msg

Super AnnaK, comme toujours!

 

Je pensais que tu voulais faire un effet opaque j'ai mal compris exuse moi

Nous devons apprendre a vivre ensemble comme des freres, sinon nous allons mourir tous ensemble comme des idiots!

Résultats :  1 - 14 sur 14

Forum >> Aide & design >> [EN COURS] Comment faire le fond des modules transparents