Apparence du cadre de citation

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

Résolu Apparence du cadre de citation

Message par Elwilya le Mer 5 Mar 2014 - 16:24

Bonjour,

Avant tout, je m'excuse si la question a été posée plusieurs fois, j'ai peut être mal cherché.

URL du forum concerné : /
Fondatrice de ce forum dont la version est PHPBB2

Comme le dit le titre, j'aimerais modifier un peu l'apparence de mon cadre de Citation. Je lui ai donné une apparence de parchemin, mais j'aimerais délimiter une fine bordure noir autour ainsi qu'un effet relief par une ombre. Voici en image :

Ce que j'ai :


Ce que je voudrais :


Voici le CSS que j'ai réalisé :
Code:
.code, .quote, .spoiler{
        background: url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg");
        border-radius: 10px 10px 10px 10px;
        border: 10px solid rgb(0, 0, 0);
        margin: 0px;
        font-family: arial;
        font-size: 12px;
        color: rgb(0, 0, 0);
        padding: 10px 10px 10px 10px;
        text-indent: 15px;
        overflow: hidden;
          }

Merci par avance de vos réponses Smile


Dernière édition par Elwilya le Lun 10 Mar 2014 - 10:25, édité 4 fois

Elwilya
Nouveau membre

Messages : 9
Inscrit(e) le : 05/03/2014

http://forumtest.taguilde.net/
Elwilya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du cadre de citation

Message par stefou le Mer 5 Mar 2014 - 17:10

Bonjour,

Remplacez le par celui ci
Code:
 dd.quote{
                background: url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg");
                border-radius: 10px 10px 10px 10px;
                border: 1px solid rgb(0, 0, 0);
               box-shadow: 3px 3px 6px rgb(black);
                margin: 0px;
                font-family: arial;
                font-size: 12px;
                color: rgb(0, 0, 0);
                padding: 10px 10px 10px 10px;
                text-indent: 15px;
                overflow: hidden;
                  }

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du cadre de citation

Message par Elwilya le Mer 5 Mar 2014 - 17:32

Super ! Ca rend très bien. Une dernière petite question et demande du coup, car cela a changé l'espace entre la fin de la citation et la fin du cadre du poste :


Comment puis mettre plus d'espace entre les deux ?

Merci d'avance !

Elwilya
Nouveau membre

Messages : 9
Inscrit(e) le : 05/03/2014

http://forumtest.taguilde.net/
Elwilya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du cadre de citation

Message par stefou le Mer 5 Mar 2014 - 17:46

Normalement avec ceci
Code:
dl.codebox{padding-bottom:10px;}

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du cadre de citation

Message par Elwilya le Mer 5 Mar 2014 - 17:49

Je viens de tester, c'est parfait !

Je vous remercie de votre aide rapide.

Elwilya
Nouveau membre

Messages : 9
Inscrit(e) le : 05/03/2014

http://forumtest.taguilde.net/
Elwilya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du cadre de citation

Message par Elwilya le Mer 5 Mar 2014 - 18:09

En faite, j'ai une toute dernière question. Vraiment désolée du double poste... Cela concerne l'espacement entre le bord de la citation et le texte lui même. La marge n'est pas la même et j'aimerais qu'elle reste comme pour le premier mot. Comment puis je faire ?

En image :


Merci encore !

Elwilya
Nouveau membre

Messages : 9
Inscrit(e) le : 05/03/2014

http://forumtest.taguilde.net/
Elwilya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du cadre de citation

Message par Elwilya le Jeu 6 Mar 2014 - 18:27

Petit up s'il vous plait, pour la dernière question ^^"

Elwilya
Nouveau membre

Messages : 9
Inscrit(e) le : 05/03/2014

http://forumtest.taguilde.net/
Elwilya 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