Archives FluxBB.fr

bulmam

Membre

des coins arrondis !

Bonsoir (oui c'est encore moi )
En fait j'aimerais que les blocs de messages prennent des coins arrondis ;
Il faudrait que je ne modifie que le css (car ce n'est pas pour moi...)

Tout dabord je ne sais pas sur quel element appliquer la technique suivante :

J'ai donc vu cette technique:

#cadre:before {
content:url(haut.png);
}
#cadre:after {
content:url(bas.png);
}
#cadre {
background-color:#b9b9b9;
width:200px;
}

(Comme je veux mettre le coins arrondi en haut aussi, je ne peux pas mettre:)

div.box {
    padding-bottom: 12px;
    background:  url(bas.png) no-repeat center bottom;
}

J'ai donc mis ce qui suit, mais comme je m'en doutait, ca effecte plein d'autres éléments tels que le pied de page, l'entete etc...
alors que je ne voudrais cela que pour les messages du forum (pas le page d'accueil mais pour les discussions )
Ajouté à cela le fait que les images se repetent,
(meme avec [c]background-repeat:no-repeat[/c] aucun changement)
voila :

DIV.box:before {
content:url(../../img/Timestius/haut.png);
}
DIV.box:after {
content:url(../../img/Timestius/bas.png);
}
DIV.box{BACKGROUND-COLOR: #444444;}

ce que ca donne :

Dernière modification par bulmam (31-07-2006 00:15:59)

romain9441

Admin locker

Re : des coins arrondis !

Juste comme ça, évite de donner ton IP

---

Avant de poser une question, avez-vous consulté la FAQ ou fait une recherche ?

Pas de support si pas d'adresse de forum !

vin100

Membre

Re : des coins arrondis !

utiliser les pseudo-class :after et :before c'est bien pratique malheureusement ça ne fonctionne pas dans IE ... (comme d'hab )

pour ne pas que ça affecte toutes les boites effectivement il faut cibler plus précisement à quelle boite tu veut appliquer l'arrière plan (voir comme j'ai procédé ici en regardant la source)

enfin, je ne crois pas que ce soit l'image qui se répète mais la couleur d'arrière plan qui est visible, il faut donc bidouiller

regarde bien les sources de punbb.fr pour voir comment j'ai procédé ça marche plutôt pas mal

bulmam

Membre

Re : des coins arrondis !

:)merci, j'ai fait quelques essais et
oui, je pense qu'en tatonnant ca devrais etre possible ,
sinon pour IE je ne vait pas m'embeter, j'ai deja mes icones en gif sur fond transparent alors tant qu'on y est autant etre incompatible jusqu'au bout !

enfin, je ne crois pas que ce soit l'image qui se répète mais la couleur d'arrière plan qui est visible, il faut donc bidouiller

en effet j'oubliais que j'avais deja eu ce probleme (pourtant punwrap a un fond blanc  ),
bref en regardant ca de plus pres je devrais trouver
merci