Modifier l'apparence des blocs Citation et Code

[quad daniel]

Bonjours:

Je suit en Invision
j'utilise google
je suit l'administrateur principal
Lien forum

quelqu'un peut 'il m'aider ??

je souhaiterai si possible changer l'image de Citer a droite si dessous  voir même le font blanc derrière image;
ensuite je voudrai pouvoir voir le pseudo a gauche sauf bien-sur si je change le font en plus foncé..




deuxième demande d'aide à voir si dessous;
j'ai les écritures décalées ? et la barre lien a droite était avant a gauche ? maintenant se trouve a droite



dans l'attente de votre aide
Cordialement
Daniel

[quad daniel]

 UP 

[Neptunia]

Bonjour ^^

Pour la première demande concernant la #citation

> PA > Affichage > Images et couleurs > Couleurs > Onglet feuille de style #CSS

Ajouter le code suivant :

Code:

blockquote cite {
background-color: #FF0000;
background-image: url(http://illiweb.com/fa/fdf3/puce-p11.png);
color: #FFFFFF;
}

Chaque ligne (hormis les premières et dernières) est optionnelle

Code:

background-color: #FF0000;

Affiche l'entête des #citations sur fond rouge.

Code:

background-image: url(http://illiweb.com/fa/fdf3/puce-p11.png);

Remplace l'image par défaut (en haut à droite). J'ai emprunté une image d'ici pour tester le rendu. A vous de personnaliser cette image en allant la dénicher ailleurs !

Code:

color: #FFFFFF;

Affiche le pseudo en blanc.

---

Pour la demande concernant le bas de page, merci d'ouvrir un autre sujet (une seule demande par sujet)

[quad daniel]

merci cela fonctionne impeccable, par-contre maintenant j'ai la largeur de l’entête citer trop petite, y a til une possibilité de l'élargir 

blockquote cite {
background-color: #677E52
background-image: url(http://i38.servimg.com/u/f38/16/47/45/04/t_new10.gif);
color: #002F2F;
}

[Neptunia]

La largeur ?
Pour moi c'est plutôt la hauteur !

Rajoutez

Code:

min-height: 25px;

avant la fermeture du bloc de CSS cité plus haut.

[quad daniel]

oups pardon   oui effectivement la hauteur 

est til possible de réduire l'image de droite quelle code ?

et je me suis rendu compte que code est identique !! désolé 

[Neptunia]

Pour le bloc de code le principe est le même avec un autre sélecteur ( codebox dt )

Code:

codebox dt {
color: #FFFFFF;
background-color: #FF0000;
background-image: url(http://illiweb.com/fa/fdf3/puce-p11.png);
min-height: 25px;
}

[quad daniel]

cela ne fonctionne pas il reste comme cela!
et même le font est blanc sur blanc !

[Neptunia]

Oui effectivement il y avait un souci.

Ce code fonctionnera (j'ai vérifié)

Code:

dl.codebox dt {
color: #FFFFFF;
background-color: #FF0000;
background-image: url(http://illiweb.com/fa/fdf3/puce-p11.png);
min-height: 25px;
}

[quad daniel]

merci cela fonctionne bien par-contre le bas est blanc et j'ai mon écriture du forum qui par défaut est blanc car mon forum est sombre est t'il possible de changer le font du bas ?
Cordialement

[Neptunia]

Oui

Pour changer le fond de tout le bloc hors entête.

Code:

dl.codebox dd {
background-color: #00FF00;
}

Pour changer uniquement le fond de là où c'est écrit

Code:

code {
background-color: #00FF00;
}

[quad daniel]

cela fonctionne je vous remercie infiniment Neptune de votre gentillesse et de votre aide et bien-sur de votre temps en patience comme le temps passer a m'aidé
très cordialement 
Daniel