Modification du cadre "citations"

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

Résolu Modification du cadre "citations"

Message par philou46 le Jeu 10 Nov 2016 - 9:34

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.joem-club.fr

Description du problème

Bonjour,

Je souhaiterai changer la forme du cadre de "citations"
Actuellement, il est de forme rectangulaire et j'aimerai qu'il soit avec les angles arrondis et un effet 3D.
La couleur de l'intérieur du cadre serai remplacé par une image.
Tout ceci passant par mon CSS.
J'ai patrouillé sur la toile et ici même sans trouver de solution probante.
Voici le code que j'ai inséré sur mon CSS sans résultat.
Code:
    /* cadre citation*/ 
 dd.quote{
                background-image: url('https://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;
                  }
    /* fin cadre citation*/

Quelqu'un pourrait il me venir en aide ?
D'avance merci.
Cordialement.


Dernière édition par philou46 le Jeu 10 Nov 2016 - 15:09, édité 1 fois
avatar

philou46
****

Masculin
Messages : 314
Inscrit(e) le : 25/10/2009

http://www.joem-club.fr
philou46 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification du cadre "citations"

Message par MlleAlys le Jeu 10 Nov 2016 - 12:14

Bonjour,
Le code est correct.
S'il ne fonctionne pas, c'est peut être qu'un code en amont a une erreur et du coup fausse la lecture des suivants.
Quel est le contenu complet de votre feuille de style ?
avatar

MlleAlys
Membre actif

Messages : 4587
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification du cadre "citations"

Message par philou46 le Jeu 10 Nov 2016 - 12:24

Merci MlleAlys pour la réponse rapide, c'est très gentil.
Voici l’intégralité de mon CSS
Code:
.forumline {
width:100%;
border: 1px solid #bb0102;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
padding:3px;
}
#fa_toolbar, #fa_toolbar_hidden {background-image: url('http://ahp.li/9f904f0509195d5f0f9f.jpg');}
/* titre des forums */

a.forumlink {
color:#B679E2;
letter-spacing: 2px;
text-align:center;
font-size:12px;
display:block;
margin-bottom: 0px;
padding-bottom: 0px;
}

a.forumlink:hover {
color: #EFD242;
letter-spacing: 4px;
}

/* la partie qui renferme le tout */

.le_tout{
background-color:#000;
vertical-alignement: middle;
-moz-border-radius:60px 0px 60px 0px;
-webkit-border-radius: 60px 0px 60px 0px;
border-radius:60px 0px 60px 0px;
margin:0px;
padding: 6px;
border:2px solid #bb0102;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

/* le titre des forums */

.titre_forum{
background-image: url("");
padding: 2px 0px 6px 0px;
margin-left:40px;
margin-right:40px;
margin-top: 0px;
margin-bottom: 0px;
border:2px solid #bb0102;
border-bottom : 0px solid #bb0102;
border-top: 1px solid #bb0102;
border-radius: 60px 60px 0px 0px;
-webkit-border-radius-topleft:60px;
-webkit-border-radius-topright:60px;
-moz-border-radius-topleft:60px;
-moz-border-radius-topright:60px;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

/* la description du forum */

.description_forum{
position: Inherit;
background: #000;
background-image: url("");
margin-left: 15px;
margin-top:-6px;
padding: 5px;
border: 1px dotted #bb0102;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

/* derniers sujets */

.sujets_messages{
background-image: url("");
-moz-border-radius: 20px 20px 0px 0px ;
-webkit-border-radius: 20px 20px 0px 0px ;
border-radius:20px 20px 0px 0px ;
border:1px solid #bb0102;
border-bottom:0px solid white;
color:#c8c092 !important;
padding: 2px 8px 2px 8px;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

/* derniers messages */

.dernier_messages{
background-image: url("");
-moz-border-radius:0px 0px 20px 20px;
-webkit-border-radius:0px 0px 20px 20px;
border-radius:0px 0px 20px 20px;
border:1px solid #bb0102;
border-top:0px solid white;
color:#EFD242 !important;
padding: 2px 8px 2px 8px;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

/* liens des sous-forums */

.lien_du_bas{
background-image: url("");
background-color:#000;
display:block;
text-align:center;
margin-top:-2px;
border:2px solid #bb0102;
border-top:0px solid #bb0102;
margin-left:20px;
margin-right:100px;
font-family:times new roman;
font-size:11px;
color:#B679E2;
-moz-border-radius: 0px 0px 40px 40px;
border-radius: 0px 0px 40px 40px;
-webkit-border-radius: 0px 0px 40px 40px;
padding:2px;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

/*si affichage des modérateurs */

.moderateur{
text-align:center;
padding:2px;
margin-top: -10px;
}
.mod-text{
color:#FFF;
letter-spacing: 2px;
font-size:10px;
}
.group-mod{
font-size:10px;
}
-------------------------------------------
/* CONFIGURATION DE LA TABLE */
#tfa_table{
  width:830px;
  color:#B679E2;
  font: 12px times new roman;
  background: #000;
  border: 3px solid #bb0102;
  margin: 3px auto;
  -moz-border-radius: 12px ;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 2px 2px 2px #000;
  -webkit-box-shadow:  2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
  -moz- text-shadow: 1px 1px 2px #000;
  -webkit- text-shadow: 1px 1px 2px #000;
  text-shadow: 1px 1px 2px #000;
}
/* CELLULES */
#tfa_table td{
  background-color: #000;
  border: 3px solid #bb0102;
  margin: 3px;
  padding: 6px;
  -moz-border-radius: 12px ;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 2px 2px 2px #000;
  -webkit-box-shadow:  2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
}
/* LES LIENS */
#tfa_table a{
  text-decoration:none;
  color:#FFF;
}
/* TITRES */
#tfa_table h1{
  font: bold 15px times new roman;
  margin: 3px auto;
  padding: 0;
  color:  #FFF;
  border-bottom: 1px dotted #bb0102;
}
/* PARAGRAPHE CONTENANT LE TITRE DU FORUM (ou texte de bienvenu) */
.text_imag{
  color:  #000;
  text-align: center;
  vertical-align: middle;
  font:  Bold 30px times new roman;
}
/* CELLULE AVEC FOND DECO DE GAUCHE */
#igauche{
  background: url("http://ahp.li/0bdd0c4ad6c11dd0b6d8.jpg") no-repeat bottom left #FFF;
  border: 3px solid #bb0102;
  padding: 6px;
  -moz-border-radius: 12px ;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 2px 2px 2px #000;
  -webkit-box-shadow:  2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
}
/* CELLULE AVEC FOND DECO DE DROITE */
#idroite{
  background: url("http://ahp.li/0bdd0c4ad6c11dd0b6d8.jpg") no-repeat bottom right #0f100f;
  border: 3px solid #bb0102;
  padding: 6px;
  -moz-border-radius: 12px ;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 2px 2px 2px #000;
  -webkit-box-shadow:  2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
}

/* ---- NAVIGATION ---- */

/* LISTE UL */
#nav-menu ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
/* ELEMENT DE LISTE */
  #nav-menu li{
  float: left;
  margin: 0 2px;
}
/* LIENS */
#nav-menu li a{
  display: block;
  background: url(http://ahp.li/0635ef58fe1d65767655.jpg);
  border: 2px solid #bb0102;
  height: 25px;
  line-height: 25px;
  width: 138px;
  font: bold 15px times new roman;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 12px 3px 12px 3px ;
  -webkit-border-radius: 12px 3px 12px 3px ;
  border-radius: 12px 3px 12px 3px ;
  -moz-box-shadow: 2px 2px 2px #000;
  -webkit-box-shadow:  2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
  margin: 2px 0px 2px 0px;
}
/* LIENS AU SURVOL */
#nav-menu li a:hover{
  color: #FFF;
  font-style: italic;
}

/* Scroller Box */
#scroller_container {
  width: 120px;
  height: 70px;
  overflow: hidden;
  margin: auto;
  text-align: center;
}
#dummy {;# }
#scroller_container {
  overflow: auto;
}

/* INFOBULLES */
.tfabulle{
  position: relative;
  float: left;
  margin: 3px;
  padding: 0;
}
/* PARTIE MASQUEE DE L INFOBULLE */
.in_bulle {
  display: none;
  margin: 0;
  padding: 0;
}
/* CONFIGURATION-PARAMÈTRES DE L INFOBULLE VISIBLE AU SURVOL */
.tfabulle:hover .in_bulle{
  background: #000;
  border: 2px solid #bb0102;
  position: absolute;
  z-index: 999;
  display: block;
  width: auto;
  margin: 0;
  padding:3px;
  top: 62px;
  left: 35px;
  text-align: center;
  -moz-border-radius: 7px ;
  -webkit-border-radius: 7px ;
  border-radius:7px ;
  -moz-box-shadow: 0px 0px 4px #000;
  -webkit-box-shadow: 0px 0px 4px #000;
  box-shadow: 0px 0px 4px #000;
}
/* PARAGRAPHE DE L INFOBULLE */
.in_bulle p{
  color: #000;
  margin: 0;
  padding: 0;
}
/* TITRE DANS L INFOBULLE */
.in_bulle h2{
  font: 13px times new roman;
  color:#fff;
  border-bottom: 1px dasched #bb0102;
  margin: 0;
  padding: 0;
  text-align: center;
}
        /***********************************************APPARENCE NOUVEL EDITEUR*/
       
        .sceditor-container.ltr.sourceMode, .sceditor-container.ltr.wysiwygMode
        {
          background-color : Black    !important;
        }
        div.sceditor-toolbar
        {
          background-color :   Black  !important;
        }
        .sceditor-container iframe, .sceditor-container textarea
        {
          background-color: Black    !important;
        }
        div.sceditor-group
        {
          background-color: Black  !important;
        }
        a.sceditor-button
        {
          background-color: Silver  !important;
        }
        a.sceditor-button.hover
        {
          background-color: white  !important;
        }
       
        /*********************************************FIN APPARENCE NOUVEL EDITEUR*/
/* nouvel editeur */
        .sceditor-container textarea {
        color: white  !important;
        }
        .sceditor-container textarea {
        color: white  !important;
        font-size: 20px !important;
        }
        .sceditor-container {
          text-align: center  !important;
        }

/*Fin nouvel editeur */
 a{color:white}                /*les liens en général*/
a:hover{color:blue}  /*quand on passe la souris sur un lien*/
a:active{color:green}/*quand on clique sur le lien*/
a:visited{color:white}/quand le lien a déja été visité*/
          /*couleur de la cellule au survol*/
        td.row1.over:hover {
          background-color: white ;
        }
        /* fin couleur de la cellule au survol*/
/* ecriture presonnalisée de Philou */
        .bgAdminPhil td.row1 .postbody div, .bgAdminPhil td.row1 .postbody span, .bgAdminPhil td.row2 .postbody div, .bgAdminPhil td.row2 .postbody span{
        color:#fff !important;
        font-family: times new roman !important;
        font-size: 22px !important;
        font-variant: normal !important;
        font-style: oblique !important;
        text-align:center  !important;
        line-height: 25px !important;
        font-weight: normal important;}
 /* Fin ecriture presonnalisée de Philou */
/* ecriture presonnalisée Marie */
        .bgAdminMarie td.row1 .postbody div, .bgAdminMarie td.row1 .postbody span, .bgAdminMarie td.row2 .postbody div, .bgAdminMarie td.row2 .postbody span{
        color:#fff !important;
        font-family: font= times new roman !important;
        font-size: 22px !important;
        font-style: oblique !important;
        font-variant: normal !important;
        text-align:center  !important;
        line-height: 25px !important;
        font-weight: bold !important;}
 /* Fin ecriture presonnalisée de Marie */
/* ecriture presonnalisée Papy */
        .bgModerPapy td.row1 .postbody div, .bgModerPapy td.row1 .postbody span, .bgModerPapy td.row2 .postbody div, .bgModerPapy td.row2 .postbody span{
        color:orange !important;
        font-family: times new roman !important;
        font-size: 22px !important;
        font-style: normal !important;
        font-variant: normal !important;
        text-align:center  !important;
        font-weight: bold !important;}
 /* Fin ecriture presonnalisée Papy */
/* ecriture presonnalisée Marie modo*/
        .bgModerMarie td.row1 .postbody div, .bgModerMarie td.row1 .postbody span, .bgModerMarie td.row2 .postbody div, .bgModerMarie td.row2 .postbody span{
        color:#fff !important;
        font-family: font= times new roman !important;
        font-size: 22px !important;
        font-style: oblique !important;
        font-variant: normal !important;
        text-align:center  !important;
        line-height: 25px !important;
        font-weight: bold !important;}
 /* Fin ecriture presonnalisée Marie */
/* ecriture presonnalisée Bicoutine */
        .bgModerBicou td.row1 .postbody div, .bgModerBicou td.row1 .postbody span, .bgModerBicou td.row2 .postbody div, .bgModerBicou td.row2 .postbody span{
        color:#ff33cc !important;
        font-family: times new roman !important;
        font-size: 20px !important;
        font-style: normal !important;
        font-variant: normal !important;
        text-align:center  !important;
        font-weight: normal !important;}
 /* Fin ecriture presonnalisée Bicoutine */
/* ecriture presonnalisée Phiphi080 */
        .bgModerPhiphi080 td.row1 .postbody div, .bgModerPhiphi080 td.row1 .postbody span, .bgModerPhiphi080 td.row2 .postbody div, .bgModerPhiphi080 td.row2 .postbody span{
        color:#ff3333 !important;
        font-family: Comic Sans MS !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-variant: normal !important;
        text-align:center  !important;
        font-weight: normal important;}
 /* Fin ecriture presonnalisée phiphi080 */
 /* Debut suppression d'edit */
        -RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
 /* Fin suppression d'edit */
/* curseur perso */
        body {
          cursor: url("http://joem-club.net/scripts/microcur2.cur"), auto;!important;
        }
/* fin curseur perso */

/* debut agreger les doubles post */
        .doublepost { border-top: 1px solid #bb0102 }
/* fin agreger les doubles post */
body {
  background-image:url(http://ahp.li/265b18b86dc188f18538.jpg);
  background-size: 100% auto;
}
/* Barre de navigation */
        /*IMAGE Acceuil*/
        #i_icon_mini_index{
          background-image:url('http://ahp.li/2cff1c05eafb0b5f9066.jpg'); /*image si la souris ne survole pas*/
          width:95px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_index:hover{
          background-image:url('http://ahp.li/1de18ce15e727fe17683.jpg'); /*image si la souris survole*/
          width:95px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE PORTAIL*/
        #i_icon_mini_portal{
          background-image:url('http://ahp.li/dc2c9c1b68b1d98fde65.jpg'); /*image si la souris ne survole pas*/
          width:95px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_portal:hover{
          background-image:url('http://ahp.li/f1d0888fb5f78c58a6d5.jpg'); /*image si la souris survole*/
          width:95px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE CALENDRIER*/
        #i_icon_mini_calendar{
          background-image:url('http://ahp.li/8cb28d7a8b49ab4b11a8.jpg'); /*image si la souris ne survole pas*/
          width:138px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_calendar:hover{
          background-image:url('http://ahp.li/7f669c506157422890b4.jpg'); /*image si la souris survole*/
          width:138px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE GALERIE*/
        #i_icon_mini_gallery/index.htm{
          background-image:url('http://ahp.li/6b64a0d76303d06e436b.jpg'); /*image si la souris ne survole pas*/
          width:101px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_gallery/index.htm:hover{
          background-image:url('http://ahp.li/ac5a3355884838d54833.jpg'); /*image si la souris survole*/
          width:101px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE FAQ*/
        #i_icon_mini_faq{
          background-image:url('http://ahp.li/f44d542ad4488f1e21f4.jpg'); /*image si la souris ne survole pas*/
          width:50px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_faq:hover{
          background-image:url('http://ahp.li/752268ad4d21a552512a.jpg'); /*image si la souris survole*/
          width:50px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE RECHERCHE*/
        #i_icon_mini_search{
          background-image:url('http://ahp.li/f26507fd456032c2ba50.jpg'); /*image si la souris ne survole pas*/
          width:152px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_search:hover{
          background-image:url('http://ahp.li/0fbf85f1d9f1d4890100.jpg'); /*image si la souris survole*/
          width:152px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE LISTE MEMBRES*/
        #i_icon_mini_members{
          background-image:url('URL'); /*image si la souris ne survole pas*/
          width:??px; /*Largeur de l'image*/
          height:??px; /*Hauteur de l'image*/
        }
        #i_icon_mini_members:hover{
          background-image:url('URL'); /*image si la souris survole*/
          width:??px; /*Largeur de l'image*/
          height:??px; /*Hauteur de l'image*/
        }
        #i_icon_mini_groups:hover{
          background-image:url('URL'); /*image si la souris survole*/
          width:??px; /*Largeur de l'image*/
          height:??px; /*Hauteur de l'image*/
        }
        /*IMAGE PROFIL*/
        #i_icon_mini_profile{
          background-image:url('http://ahp.li/e25a46cb659ac3380222.jpg'); /*image si la souris ne survole pas*/
          width:77px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_profile:hover{
          background-image:url('http://ahp.li/18685091d853a6a65d7b.jpg'); /*image si la souris survole*/
          width:77px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE MP (pas de nouveaux messages)*/
        #i_icon_mini_message{
          background-image:url('http://ahp.li/bd8c47550fff113f0705.jpg'); /*image si la souris ne survole pas*/
          width:145px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_message:hover{
          background-image:url('http://ahp.li/b53b7cc0758fa2cfa63a.jpg'); /*image si la souris survole*/
          width:145px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE MP (nouveaux messages)*/
        #i_icon_mini_new_message{
          background-image:url('http://ahp.li/33ac5666b788798839cd.gif'); /*image si la souris ne survole pas*/
          width:145px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_new_message:hover{
          background-image:url('http://ahp.li/b53b7cc0758fa2cfa63a.jpg'); /*image si la souris survole*/
          width:145px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE DECONEXION*/
        #i_icon_mini_logout{
          background-image:url('http://ahp.li/f79d4df21dd445691411.jpg'); /*image si la souris ne survole pas*/
          width:170px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_logout:hover{
          background-image:url('http://ahp.li/eec5e1a0eef811019d8a.jpg'); /*image si la souris survole*/
          width:170px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE S'ENREGISTRER*/
        #i_icon_mini_register{
          background-image:url('http://ahp.li/b7607199e9cfe676fe9e.jpg'); /*image si la souris ne survole pas*/
          width:139px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_register:hover{
          background-image:url('http://ahp.li/4ebe04a4d502832ec03b.jpg'); /*image si la souris survole*/
          width:139px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE CONNEXION*/
        #i_icon_mini_login{
          background-image:url('http://ahp.li/6beb46b2d717a184e186.jpg'); /*image si la souris ne survole pas*/
          width:139px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_login:hover{
          background-image:url('http://ahp.li/b9eadd1dd1d7ee2d5d7e.jpg'); /*image si la souris survole*/
          width:139px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
        }
/* Fin barre de navigation */
  /* recents topics acceuil */ 
    .accueil #recent-topics{
      font-size: 14px;
    }
  /* fin recents topics acceuil */ 
  /* pop up connexion */ 
    #quickloginform_overlay {
      background-color:#333;
      height:100%;
      left:0;
      opacity:0;
      position:fixed;
      top:0;
      width:100%;
    }
    #quickloginform {
      height:100%;
      position:fixed;
      top:20%;
      width:100%;
    }
    #quickloginform>form {
      background-image: url('http://ahp.li/d583762e23dd5ab777ca.png');
      box-sizing:border-box;
      margin:auto;
      padding:20px 30px;
      width:360px;
      border-radius:3px;
    }
    #quickloginform input[type="password"],#quickloginform input[type="text"] {
      background:#f2f2f2 none repeat scroll 0 0;
      border:0 none;
      box-sizing:border-box;
      font-family:"Helvetica";
      font-size:14px;
      color:#000000;
      margin:0 0 15px;
      outline:0 none;
      padding:15px;
      width:100%;
    }
    #quickloginform button {
      background-color:#DF013A;
      border:0 none;
      color:#ffffff;
      cursor:pointer;
      font-family:"Helvetica";
      font-size:14px;
      outline:0 none;
      padding:15px;
      text-transform:uppercase;
      width:100%;
    }
    #quickloginform p:nth-child(n) {
      margin-bottom:0;
      margin-top:20px;
      text-align:center;
    }
    #quickloginform form p {
      color:#ffffff;
      font-family:"Helvetica";
      font-size:18px;
    }
    #quickloginform form a {
      color:#ffffff;
      text-decoration: none;
    }
    /* fin pop up connexion */ 

      /* bouton envoyer éditeur post*/ 
    input.liteoption, input.mainoption {
      background-image: url('http://ahp.li/253c664f2eefb8de5852.png');
    }
      /* fin bouton envoyer éditeur */
    /* cadre citation*/ 
 dd.quote{
                background-image: url('https://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;
                  }
    /* fin cadre citation*/ 

Cordialement.
avatar

philou46
****

Masculin
Messages : 314
Inscrit(e) le : 25/10/2009

http://www.joem-club.fr
philou46 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification du cadre "citations"

Message par MlleAlys le Jeu 10 Nov 2016 - 12:54

Voilà le code corrigé et réaligné :
Code:
.forumline {
  width: 100%;
  padding: 3px;
  border: 1px solid #bb0102;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#fa_toolbar, #fa_toolbar_hidden {
  background-image: url('http://ahp.li/9f904f0509195d5f0f9f.jpg');
}

/* titre des forums */

a.forumlink {
  display: block;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center;
  font-size: 12px;
  letter-spacing: 2px;
  color: #B679E2;
}

a.forumlink:hover {
  letter-spacing: 4px;
  color: #EFD242;
}

/* la partie qui renferme le tout */

.le_tout {
  margin: 0;
  padding: 6px;
  border: 2px solid #bb0102;
  -webkit-border-radius: 60px 0 60px 0;
  -moz-border-radius: 60px 0 60px 0;
  border-radius: 60px 0 60px 0;
  background-color: #000;
  -webkit-box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  box-shadow: 0 0 6px #000;
  vertical-alignement: middle;
}

/* le titre des forums */

.titre_forum {
  margin: 0 40px 0 40px;
  padding: 2px 0 6px 0;
  border: 2px solid #bb0102;
  border-top: 1px solid #bb0102;
  border-bottom: 0 solid #bb0102;
  border-radius: 60px 60px 0 0;
  -moz-border-radius-topleft: 60px;
  -moz-border-radius-topright: 60px;
  background-image: url("");
  -webkit-box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  box-shadow: 0 0 6px #000;
  -webkit-border-radius-topleft: 60px;
  -webkit-border-radius-topright: 60px;
}

/* la description du forum */

.description_forum {
  position: Inherit;
  margin-top: -6px;
  margin-left: 15px;
  padding: 5px;
  border: 1px dotted #bb0102;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomleft: 15px;
  background: #000;
  background-image: url("");
  -webkit-box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  box-shadow: 0 0 6px #000;
  -webkit-border-radius-topright: 15px;
  -webkit-border-radius-bottomleft: 15px;
  border-radius-topright: 15px;
  border-radius-bottomleft: 15px;
}

/* derniers sujets */

.sujets_messages {
  padding: 2px 8px 2px 8px;
  border: 1px solid #bb0102;
  border-bottom: 0 solid white;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  color: #c8c092 !important;
  background-image: url("");
  -webkit-box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  box-shadow: 0 0 6px #000;
}

/* derniers messages */

.dernier_messages {
  padding: 2px 8px 2px 8px;
  border: 1px solid #bb0102;
  border-top: 0 solid white;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  color: #EFD242 !important;
  background-image: url("");
  -webkit-box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  box-shadow: 0 0 6px #000;
}

/* liens des sous-forums */

.lien_du_bas {
  display: block;
  margin-top: -2px;
  margin-right: 100px;
  margin-left: 20px;
  padding: 2px;
  border: 2px solid #bb0102;
  border-top: 0 solid #bb0102;
  -webkit-border-radius: 0 0 40px 40px;
  -moz-border-radius: 0 0 40px 40px;
  border-radius: 0 0 40px 40px;
  text-align: center;
  font-family: times new roman;
  font-size: 11px;
  color: #B679E2;
  background-color: #000;
  background-image: url("");
  -webkit-box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  box-shadow: 0 0 6px #000;
}

/*si affichage des modérateurs */

.moderateur {
  margin-top: -10px;
  padding: 2px;
  text-align: center;
}

.mod-text {
  font-size: 10px;
  letter-spacing: 2px;
  color: #FFF;
}

.group-mod {
  font-size: 10px;
}

/*------------------------------------------- CONFIGURATION DE LA TABLE */

#tfa_table {
  width: 830px;
  margin: 3px auto;
  border: 3px solid #bb0102;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  text-shadow: 1px 1px 2px #000;
  font: 12px times new roman;
  color: #B679E2;
  background: #000;
  -webkit-box-shadow: 2px 2px 2px #000;
  -moz-box-shadow: 2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
  -moz- text-shadow: 1px 1px 2px #000;
  -webkit- text-shadow: 1px 1px 2px #000;
}

/* CELLULES */

#tfa_table td {
  margin: 3px;
  padding: 6px;
  border: 3px solid #bb0102;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: #000;
  -webkit-box-shadow: 2px 2px 2px #000;
  -moz-box-shadow: 2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
}

/* LES LIENS */

#tfa_table a {
  text-decoration: none;
  color: #FFF;
}

/* TITRES */

#tfa_table h1 {
  margin: 3px auto;
  padding: 0;
  border-bottom: 1px dotted #bb0102;
  font: bold 15px times new roman;
  color: #FFF;
}

/* PARAGRAPHE CONTENANT LE TITRE DU FORUM (ou texte de bienvenu) */

.text_imag {
  text-align: center;
  font: Bold 30px times new roman;
  vertical-align: middle;
  color: #000;
}

/* CELLULE AVEC FOND DECO DE GAUCHE */

#igauche {
  padding: 6px;
  border: 3px solid #bb0102;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: url("http://ahp.li/0bdd0c4ad6c11dd0b6d8.jpg") no-repeat bottom left #FFF;
  -webkit-box-shadow: 2px 2px 2px #000;
  -moz-box-shadow: 2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
}

/* CELLULE AVEC FOND DECO DE DROITE */

#idroite {
  padding: 6px;
  border: 3px solid #bb0102;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: url("http://ahp.li/0bdd0c4ad6c11dd0b6d8.jpg") no-repeat bottom right #0f100f;
  -webkit-box-shadow: 2px 2px 2px #000;
  -moz-box-shadow: 2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
}

/* ---- NAVIGATION ---- */

/* LISTE UL */

#nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ELEMENT DE LISTE */

#nav-menu li {
  float: left;
  margin: 0 2px;
}

/* LIENS */

#nav-menu li a {
  display: block;
  width: 138px;
  height: 25px;
  margin: 2px 0 2px 0;
  border: 2px solid #bb0102;
  -webkit-border-radius: 12px 3px 12px 3px;
  -moz-border-radius: 12px 3px 12px 3px;
  border-radius: 12px 3px 12px 3px;
  text-align: center;
  text-decoration: none;
  font: bold 15px times new roman;
  line-height: 25px;
  color: #FFF;
  background: url(http://ahp.li/0635ef58fe1d65767655.jpg);
  -webkit-box-shadow: 2px 2px 2px #000;
  -moz-box-shadow: 2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
}

/* LIENS AU SURVOL */

#nav-menu li a:hover {
  font-style: italic;
  color: #FFF;
}

/* Scroller Box */

#scroller_container {
  width: 120px;
  height: 70px;
  margin: auto;
  overflow: hidden;
  text-align: center;
}

#scroller_container {
  overflow: auto;
}

/* INFOBULLES */

.tfabulle {
  float: left;
  position: relative;
  margin: 3px;
  padding: 0;
}

/* PARTIE MASQUEE DE L INFOBULLE */

.in_bulle {
  display: none;
  margin: 0;
  padding: 0;
}

/* CONFIGURATION-PARAMÈTRES DE L INFOBULLE VISIBLE AU SURVOL */

.tfabulle:hover .in_bulle {
  display: block;
  z-index: 999;
  position: absolute;
  top: 62px;
  left: 35px;
  width: auto;
  margin: 0;
  padding: 3px;
  border: 2px solid #bb0102;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  text-align: center;
  background: #000;
  -webkit-box-shadow: 0 0 4px #000;
  -moz-box-shadow: 0 0 4px #000;
  box-shadow: 0 0 4px #000;
}

/* PARAGRAPHE DE L INFOBULLE */

.in_bulle p {
  margin: 0;
  padding: 0;
  color: #000;
}

/* TITRE DANS L INFOBULLE */

.in_bulle h2 {
  margin: 0;
  padding: 0;
  border-bottom: 1px dasched #bb0102;
  text-align: center;
  font: 13px times new roman;
  color: #fff;
}

/***********************************************APPARENCE NOUVEL EDITEUR*/

.sceditor-container.ltr.sourceMode, .sceditor-container.ltr.wysiwygMode {
  background-color: Black !important;
}

div.sceditor-toolbar {
  background-color: Black !important;
}

.sceditor-container iframe, .sceditor-container textarea {
  background-color: Black !important;
}

div.sceditor-group {
  background-color: Black !important;
}

a.sceditor-button {
  background-color: Silver !important;
}

a.sceditor-button.hover {
  background-color: white !important;
}

/*********************************************FIN APPARENCE NOUVEL EDITEUR*/

/* nouvel editeur */

.sceditor-container textarea {
  color: white !important;
}

.sceditor-container textarea {
  font-size: 20px !important;
  color: white !important;
}

.sceditor-container {
  text-align: center !important;
}

/*Fin nouvel editeur */

a {
  color: white; /*liens*/
}

a:hover {
  color: blue; /*au survol*/
}

a:active {
  color: green; /*au clic*/
}

a:visited {
  color: white; /*visité*/
}

/*couleur de la cellule au survol*/

td.row1.over:hover {
  background-color: white;
}

/* fin couleur de la cellule au survol*/

/* ecriture presonnalisée de Philou */

.bgAdminPhil td.row1 .postbody div,
.bgAdminPhil td.row1 .postbody span,
.bgAdminPhil td.row2 .postbody div,
.bgAdminPhil td.row2 .postbody span {
  color: #fff !important;
  font-family: "times new roman" !important;
  font-size: 22px !important;
  font-variant: normal !important;
  font-style: oblique !important;
  text-align: center !important;
  line-height: 25px !important;
  font-weight: normal important;
}
/* Fin ecriture presonnalisée de Philou */
/* ecriture presonnalisée Marie */

.bgAdminMarie td.row1 .postbody div,
.bgAdminMarie td.row1 .postbody span,
.bgAdminMarie td.row2 .postbody div,
.bgAdminMarie td.row2 .postbody span {
  color: #fff !important;
  font-family: "times new roman" !important;
  font-size: 22px !important;
  font-style: oblique !important;
  font-variant: normal !important;
  text-align: center !important;
  line-height: 25px !important;
  font-weight: bold !important;
}
/* Fin ecriture presonnalisée de Marie */
/* ecriture presonnalisée Papy */

.bgModerPapy td.row1 .postbody div,
.bgModerPapy td.row1 .postbody span,
.bgModerPapy td.row2 .postbody div,
.bgModerPapy td.row2 .postbody span {
  color: orange !important;
  font-family: "times new roman" !important;
  font-size: 22px !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-align: center !important;
  font-weight: bold !important;
}
/* Fin ecriture presonnalisée Papy */
/* ecriture presonnalisée Marie modo*/

.bgModerMarie td.row1 .postbody div,
.bgModerMarie td.row1 .postbody span,
.bgModerMarie td.row2 .postbody div,
.bgModerMarie td.row2 .postbody span {
  color: #fff !important;
  font-family: "times new roman" !important;
  font-size: 22px !important;
  font-style: oblique !important;
  font-variant: normal !important;
  text-align: center !important;
  line-height: 25px !important;
  font-weight: bold !important;
}
/* Fin ecriture presonnalisée Marie */
/* ecriture presonnalisée Bicoutine */

.bgModerBicou td.row1 .postbody div,
.bgModerBicou td.row1 .postbody span,
.bgModerBicou td.row2 .postbody div,
.bgModerBicou td.row2 .postbody span {
  color: #ff33cc !important;
  font-family: "times new roman" !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-align: center !important;
  font-weight: normal !important;
}
/* Fin ecriture presonnalisée Bicoutine */
/* ecriture presonnalisée Phiphi080 */

.bgModerPhiphi080 td.row1 .postbody div,
.bgModerPhiphi080 td.row1 .postbody span,
.bgModerPhiphi080 td.row2 .postbody div,
.bgModerPhiphi080 td.row2 .postbody span {
  color: #ff3333 !important;
  font-family: "Comic Sans MS" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-align: center !important;
  font-weight: normal important;
}
/* Fin ecriture presonnalisée phiphi080 */

/* curseur perso */

body {
  cursor: url("http://joem-club.net/scripts/microcur2.cur"), auto;
}

/* fin curseur perso */

/* debut agreger les doubles post */

.doublepost {
  border-top: 1px solid #bb0102;
}

/* fin agreger les doubles post */

body {
  background-image: url(http://ahp.li/265b18b86dc188f18538.jpg);
  background-size: cover;
}

/* Barre de navigation */

/*IMAGE Acceuil*/

#i_icon_mini_index {
  width: 95px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/2cff1c05eafb0b5f9066.jpg') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_index:hover {
  width: 95px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/1de18ce15e727fe17683.jpg') ; /*image si la souris survole*/
}

/*IMAGE PORTAIL*/

#i_icon_mini_portal {
  width: 95px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/dc2c9c1b68b1d98fde65.jpg') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_portal:hover {
  width: 95px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/f1d0888fb5f78c58a6d5.jpg') ; /*image si la souris survole*/
}

/*IMAGE CALENDRIER*/

#i_icon_mini_calendar {
  width: 138px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/8cb28d7a8b49ab4b11a8.jpg') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_calendar:hover {
  width: 138px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/7f669c506157422890b4.jpg') ; /*image si la souris survole*/
}

/*IMAGE GALERIE*/

#i_icon_mini_gallery {
  width: 101px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/6b64a0d76303d06e436b.jpg') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_gallery:hover {
  width: 101px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/ac5a3355884838d54833.jpg') ; /*image si la souris survole*/
}

/*IMAGE FAQ*/

#i_icon_mini_faq {
  width: 50px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/f44d542ad4488f1e21f4.jpg') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_faq:hover {
  width: 50px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/752268ad4d21a552512a.jpg') ; /*image si la souris survole*/
}

/*IMAGE RECHERCHE*/

#i_icon_mini_search {
  width: 152px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/f26507fd456032c2ba50.jpg') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_search:hover {
  width: 152px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/0fbf85f1d9f1d4890100.jpg') ; /*image si la souris survole*/
}

/*IMAGE LISTE MEMBRES*/

#i_icon_mini_members {
  width: ??px; /*Largeur de l'image*/
  height: ??px; /*Hauteur de l'image*/
  background-image: url('URL') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_members:hover {
  width: ??px; /*Largeur de l'image*/
  height: ??px; /*Hauteur de l'image*/
  background-image: url('URL') ; /*image si la souris survole*/
}

/*IMAGE GROUPES*/

#i_icon_mini_groups {
  width: ??px; /*Largeur de l'image*/
  height: ??px; /*Hauteur de l'image*/
  background-image: url('URL') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_groups:hover {
  width: ??px; /*Largeur de l'image*/
  height: ??px; /*Hauteur de l'image*/
  background-image: url('URL') ; /*image si la souris survole*/
}

/*IMAGE PROFIL*/

#i_icon_mini_profile {
  width: 77px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/e25a46cb659ac3380222.jpg') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_profile:hover {
  width: 77px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/18685091d853a6a65d7b.jpg') ; /*image si la souris survole*/
}

/*IMAGE MP (pas de nouveaux messages)*/

#i_icon_mini_message {
  width: 145px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/bd8c47550fff113f0705.jpg') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_message:hover {
  width: 145px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/b53b7cc0758fa2cfa63a.jpg') ; /*image si la souris survole*/
}

/*IMAGE MP (nouveaux messages)*/

#i_icon_mini_new_message {
  width: 145px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/33ac5666b788798839cd.gif') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_new_message:hover {
  width: 145px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/b53b7cc0758fa2cfa63a.jpg') ; /*image si la souris survole*/
}

/*IMAGE DECONEXION*/

#i_icon_mini_logout {
  width: 170px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/f79d4df21dd445691411.jpg') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_logout:hover {
  width: 170px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/eec5e1a0eef811019d8a.jpg') ; /*image si la souris survole*/
}

/*IMAGE S'ENREGISTRER*/

#i_icon_mini_register {
  width: 139px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/b7607199e9cfe676fe9e.jpg') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_register:hover {
  width: 139px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/4ebe04a4d502832ec03b.jpg') ; /*image si la souris survole*/
}

/*IMAGE CONNEXION*/

#i_icon_mini_login {
  width: 139px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/6beb46b2d717a184e186.jpg') ; /*image si la souris ne survole pas*/
}

#i_icon_mini_login:hover {
  width: 139px; /*Largeur de l'image*/
  height: 50px; /*Hauteur de l'image*/
  background-image: url('http://ahp.li/b9eadd1dd1d7ee2d5d7e.jpg') ; /*image si la souris survole*/
}

/* Fin barre de navigation */

/* recents topics acceuil */

.accueil #recent-topics {
  font-size: 14px;
}

/* fin recents topics acceuil */

/* pop up connexion */

#quickloginform_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #333;
}

#quickloginform {
  position: fixed;
  top: 20%;
  width: 100%;
  height: 100%;
}

#quickloginform > form {
  box-sizing: border-box;
  width: 360px;
  margin: auto;
  padding: 20px 30px;
  border-radius: 3px;
  background-image: url('http://ahp.li/d583762e23dd5ab777ca.png');
}

#quickloginform input[type="password"], #quickloginform input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 15px;
  padding: 15px;
  border: 0 none;
  font-family: "Helvetica";
  font-size: 14px;
  outline: 0 none;
  color: #000000;
  background: #f2f2f2 none repeat scroll 0 0;
}

#quickloginform button {
  width: 100%;
  padding: 15px;
  border: 0 none;
  text-transform: uppercase;
  font-family: "Helvetica";
  font-size: 14px;
  outline: 0 none;
  color: #ffffff;
  background-color: #DF013A;
  cursor: pointer;
}

#quickloginform p:nth-child(n) {
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center;
}

#quickloginform form p {
  font-family: "Helvetica";
  font-size: 18px;
  color: #ffffff;
}

#quickloginform form a {
  text-decoration: none;
  color: #ffffff;
}

/* fin pop up connexion */

/* bouton envoyer éditeur post*/

input.liteoption, input.mainoption {
  background-image: url('http://ahp.li/253c664f2eefb8de5852.png');
}

/* fin bouton envoyer éditeur */

/* cadre citation*/

dd.quote {
  margin: 0;
  padding: 10px;
  border: 1px solid black;
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  text-indent: 15px;
  font-family: arial;
  font-size: 12px;
  color: black;
  background-image: url('https://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg');
  box-shadow: 3px 3px 6px black;
}

/* fin cadre citation*/
avatar

MlleAlys
Membre actif

Messages : 4587
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification du cadre "citations"

Message par philou46 le Jeu 10 Nov 2016 - 13:37

Merci beaucoup, c'est très rapide.
J'ai donc posé le CSS modifié, mais cela m'a causé des soucis de graphisme ( page d’accueil rétrécie, changement de couleur de certaines cellules au passage de la souris notamment.
J'ai donc remis l'ancien CSS en place, mais en modifiant uniquement la dernière partie (cadre citation)
ça nous donne cela:
Code:
/* cadre citation*/

dd.quote {
  margin: 0;
  padding: 10px;
  border: 1px solid black;
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  text-indent: 15px;
  font-family: arial;
  font-size: 18px;
  color: black;
  background-color:#a3a3a3;
  box-shadow: 3px 3px 20px white;
}

/* fin cadre citation*/
ça fonctionne parfaitement et c'est à mon gout.
Par contre, relation de cause à effet, je ne sais pas trop, les images dans les posts apparaissent maintenant avec la fonction "agrandir l'image" (voir ci dessous)

Ma question: comment faire disparaitre cela, ou, changer la couleur du cadre bleu par transparent par exemple.
Encore mille mercis pour votre aide, je ne m'en serai pas sorti sans vous. cheers
Cordialement.

avatar

philou46
****

Masculin
Messages : 314
Inscrit(e) le : 25/10/2009

http://www.joem-club.fr
philou46 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification du cadre "citations"

Message par MlleAlys le Jeu 10 Nov 2016 - 14:15

Une erreur dans un code peut empêcher les suivants de fonctionner. En corrigeant votre code css, il est possible que certains codes qui ne fonctionnaient pas fonctionnent à présent et ainsi modifient le graphisme de votre forum. Il faudrait que vous puissiez refaire le tri dans vos codes css pour ne garder que les codes que vous souhaitez.

Pour l'option d'agrandissement des images, je ne vois pas la relation de cause à effet qu'il pourrait y avoir avec le css, vérifiez par contre l'option de redimensionnement des images dans général > messages et emails > configuration
avatar

MlleAlys
Membre actif

Messages : 4587
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification du cadre "citations"

Message par philou46 le Jeu 10 Nov 2016 - 15:08

Voilà MlleAlys, tout est parfait et résolu je tag résolu
Merci pour les explications, c'est très sympa et efficace.
Cordialement.
avatar

philou46
****

Masculin
Messages : 314
Inscrit(e) le : 25/10/2009

http://www.joem-club.fr
philou46 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