Citations

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Citations

Message par G' le Lun 1 Sep 2014 - 18:01

Bonjour/Bonsoir.

J'aimerais savoir comment arrondir et mettre la petite icone de citation comme ceci :
Spoiler:

Merci d'avance.


Dernière édition par G' le Lun 1 Sep 2014 - 20:55, édité 1 fois

G'
**

Masculin
Messages : 66
Inscrit(e) le : 10/11/2013

http://forum.forumactif.com
G' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citations

Message par Kinotto le Lun 1 Sep 2014 - 18:10

Bonjour,

Il vous suffit d'insérer dans :
PA > Affichage > Couleurs > Onglet "Feuille de style CSS"

Code:
.quote{
  border-radius:Xpx;
  background-image:url(ADRESSE_DE_L'IMAGE);
  background-repeat:no-repeat;
  background-position:left top;
}

border-radius : L'arrondi sur l'ensemble du cadre (modifier "X").
background-image : L'image de fond (modifier "ADRESSE_DE_L'IMAGE").
background-repeat : Si l'image de fond doit se répéter ou non (déjà paramétré).
background-position : Position de l'image de fond (déjà paramétré).

:enreg:.


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citations

Message par G' le Lun 1 Sep 2014 - 19:59

Salut,

Ton code est bon mais y'a un défaut ;
L'image est derrière le texte.

Spoiler:

G'
**

Masculin
Messages : 66
Inscrit(e) le : 10/11/2013

http://forum.forumactif.com
G' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citations

Message par Kinotto le Lun 1 Sep 2014 - 20:20

Re,


Rajoutez cette ligne :

Code:
padding-left:Xpx;

(Il s'agit de la marge interne à gauche. Remplacez "X" par la valeur voulue.)

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Citations

Message par G' le Lun 1 Sep 2014 - 20:55

Merci.

G'
**

Masculin
Messages : 66
Inscrit(e) le : 10/11/2013

http://forum.forumactif.com
G' a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum