Problème cadre gris sur le QEEL

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

Résolu Problème cadre gris sur le QEEL

Message par Charmed Eternity le Sam 27 Juin 2015 - 19:47

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 2015/06/27
Lien du forum : http://omgsouthpark.forumactif.org/

Description du problème

Bonjour, j'ai un problème avec un carré gris autour de mon rectangle gris pour les membres connectés au cours des 24 dernières heures.

http://omgsouthpark.forumactif.org/

J'ai regardé le CSS du QEEL, mais je n'arrive pas à trouver d'où vient le problème. Voici le code CSS dans son intégralité:

Code:
/********** DÉBUT CATÉGORIES **********/
    /* Entoure chaque catégorie */
    .contour_cate {
      /* Sa largeur */
      width: 800px;
      margin: auto;
      /* Couleur de fond */
      background-color: #99bfcf;
      /* Espace entre chaque catégorie */
      margin-bottom: 10px;
    }

    /* Mise en place du titre de catégorie */
    .secondarytitle {
      width: 100%;
      text-align: center;
      /* Création du trait sous le titre */
      border-bottom: 3px solid #F0ECE0;
      box-shadow: 1px 0 #CFBCD0, -1px 0 #CFBCD0, 0 1px 2px grey;
    }

    /* Mise en forme du titre de catégorie */
    .secondarytitle h2 {
      /* Couleur */
      color: #F0ECE0;
      text-shadow: 1px 1px 2px grey;
      /* Police et taille */
      font-family: 'Nothing You Could Do';
      font-size: 30pt;
    }

    /* Div invisible qui entour chque forum */
    .contour_forum {
      width: auto;
      /* Sa hauteur */
      height: 90px;
      padding: 5px;
      padding-left: 20px;
      padding-right: 20px;
      overflow: hidden;
    }

    /* Mise en place du titre de forum */
    .nom_forum {
      width: 70%;
      margin: auto;
      margin-top: 10px;
    }

    /* Mise en forme de titre de forum */
    a.forumlink, a.forumlink:link, a.forumlink:active, a.forumlink:visited {
      /* Retire le gras et le emt en italique */
      font-weight: normal;
      font-style: italic;
      /* Couleur et taille */
      color: #EDECE8;
      font-size: 15pt;
      /* Préparation pour l'effet au hover */
      letter-spacing: 0px;
      transition: all ease 1s;
    }

    /* Titre de forum au passage de la souris */
    a.forumlink:hover {
      /* Couleur */
      color: #8A807F;
      /* On fait qu'il ne se sousligne pas */
      text-decoration: none !important;
      /* Effet */
      letter-spacing: 3px;
      transition: all ease 1s;
    }
   
    /* Positionnement de l'image nouveau/pas de nouveau message/verrouillé */
    .position_image {
      display: inline-block;
      vertical-align: top;
    }

    /* Positionnement de la description & liens vers les sous-forums */
    .position_description {
      /* Obligatoire pour mettre l'image en dehors du cadre */
      position: relative;
      display: inline-block;
      vertical-align: top;
      /* Taille du bloc */
      width: 350px;
      height: 85px;
      padding-top: 5px;
      /* La marge correspond à 20px + la largeur de l'image de description */
      margin-left: 155px;
      /* Couleur du texte puis  */
      color: #8A807F;
      background-color: #dae7ed;
    }

    /* Positionnement de l'image de description par rapport à cette dernière */
    .position_description img {
      position: absolute;
      /* La valeur du top est à modifier selon la hauteur de l'image. Si la hauteur de l'image = la hauteur de la description, mettre top: 0px; Le left correspond à la taille de l'image + 10px de marge */
      top: 10px;
      left: -140px;
      /* Effet de transparence sur l'image. Ici elle st à 70% */
      opacity: 0.7;
      transition: all ease 1s;
    }

    /* Image de description au hover */
    .position_description img:hover {
      /* Effet: l'image passe à une opacité de 1 */
      opacity: 1;
      transition: all ease 1s;
    }

    /* Mise en forme du texte de description */
    .position_description p {
      /* Taille */
      width: 320px;
      height: 45px;
      padding: 5px;
      margin: auto;
      /* Couleur et alignement du texte */
      color: #8a807f;
      text-align: justify;
      overflow: auto;
    }

    /* Mise en forme de la liste des sousforums */
    .liste_ss_forum {
      /* Taille */
      width: 330px;
      height: 20px;
      margin: auto;
      margin-top: -10px;
      overflow: auto;
      text-align: justify;
    }

    /* Mise en forme des liens de la liste */
    .liste_ss_forum a {
      /* On retire le souslignement */
      text-decoration: none !important;
      /* Police taille puis couleur */
      font-family: 'Nothing You Could Do';
      font-size: 11pt;
      color: #BAA1C1;
      /* Préparation de l'effet */
      letter-spacing: 0px;
      transition: all ease 1s;
    }

    /* Liens de la liste au passage de la souris */
    .liste_ss_forum a:hover {
      /* Pas de souslignement */
      text-decoration: none !important;
      /* Couleur */
      color: #8A807F;
      /* Effet */
      letter-spacing: 1px;
      transition: all ease 1s;
    }

    /* Positionnement et mise en forme du dernier message */
    .position_dernier_mess {
      display: inline-block;
      vertical-align: top;
      /* Taille */
      width: 140px;
      height: 80px;
      padding: 5px;
      margin-left: 15px;
      /* Couleur du texte */
      color: #8A807F;
      text-align: center;
      /* Couleur de fond */
      background-color: #dae7ed;
    }

    /* Mise en forme de X sujets - X messages */
    .nb_sujet_message {
      display: inline-block;
      /* Police et taille */
      font-family: 'Nothing You Could Do';
      font-size: 10pt;
      margin-bottom: 10px;
    }

    /* Mise en forme du lien vers le dernier sujet */
    .position_dernier_mess .gensmall a,.position_dernier_mess .gensmall a:link, .position_dernier_mess .gensmall a:active, .position_dernier_mess .gensmall a:visited {
      /* Retirer le souslignement, couleur puis préparation de l'effet */
      text-decoration: none !important;
      color: #BAA1C1;
      letter-spacing: 0px;
      transition: all ease 1s;
    }

    /* Mise en forme du lien vers le dernier sujet au passage de la souris */
    .position_dernier_mess .gensmall a:hover {
      /* Retirer le souslignement, couleur puis effet */
      text-decoration: none !important;
      color: #8A807F;
      letter-spacing: 1px;
      transition: all ease 1s;
    }
    /********** FIN CATÉGORIES **********/ 

/* --------------------------------- PAGE D'ACCUEIL --------------------------------- */

    /* Fond de la PA */
    .PA_générale {
      background-color: #99bfcf;
      width: 750px;
      padding: 20px;
      border: 3px solid #8cadaa;
      text-align: justify;
    }

    /* Mise en forme du titre de la PA */
    .titre_PA1 {
      font-family: 'Rochester', cursive;
      font-size: 40px;
      text-align: center;
      position: relative;
      top: -1.4em;
      color: #8cadaa;
    }

    /* Mise en forme des divers blocs */
    .bloc_PA {
      background-color: #dae7ed;
      text-align: justify;
      color: #55404D;
    }

    /* Mise en forme des divers blocs au survol */
    .bloc_PA:hover {
      border-left: 2px solid #ED8E69;
      border-right: 2px solid #ED8E69;
    }

    /* Mise en forme des titres des blocs */
    .bloc_titre_PA {
      background-color: #B5DCEA;
      font-family: 'Amatic SC', cursive;
      transform: capslock;
      font-size: 24px;
      text-align: center;
      color: #F9F4F2;
      font-weight: bold;
    }


    /* Mise en forme des liens présents dans les blocs au survol */
    .bloc_PA a:hover{
      text-decoration: none !important;
    }

    /* Mise en forme particulière du bloc de navigation */
    .bloc_PA_nav {
      background-color: #dae7ed;
      text-align: justify;
      color: #55404D;
    }

    /* Mise en forme du bloc navigation au survol */
    .bloc_PA_nav:hover {
      border-left: 2px solid #ED8E69;
      border-right: 2px solid #ED8E69;
    }

    /* Mise en forme des liens du bloc navigation */
    .bloc_PA_nav a{
      color: #ED8E69 !important;
      font-family: 'Julius Sans One', sans-serif;
      font-size: 15px;
      font-weight: bold;
    }

    /* Mise en forme des liens du bloc navigation au survol */
    .bloc_PA_nav a:hover{
      font-style: italic;
      text-decoration: none !important;
      color: #4B675B !important;
      font-family: 'Finger Paint', cursive;
    }

    /* Coulissement du staff */

    .staff {
      width: 275px;
      height: 50px;
      overflow: hidden;
    }

    .staff_img {
      position: relative;
      z-index: 2;
      width: 275px;
      height: 50px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff:hover .staff_img {
      margin-top: -100px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff_description {
      position: relative;
      z-index: 1;
      width: 275px;
      height: 50px;
      margin-top: 50px;
      text-align: justify;
      font-size: 11px;
      color: #8c8c8c;
      padding: 2px;
      overflow: auto;
      background-color: #dae7ed;
    }

    /* --------------------------------- FIN PAGE D'ACCUEIL --------------------------------- */   

/* QEEL */

    .trans .row1 {
    background-color: #dae7ed;
    }

    .titreqeel {
      color: #5C5C5C;
      font-family: 'Finger Paint', cursive;
      font-size: 45px;
      text-align: center;
    }

    .cadreqeel {
      background-color: #dae7ed;
      color: #5C5C5C;
      padding: 15px;
      width: 210px;
      height: 190px;
      text-align: justify;
      font-family: arial;
      font-size: 10px;
      -moz-border-radius: 310px;
      -webkit-border-radius: 310px;
      border-radius: 310px;
    }

    .cadreqeel1 {
      background-color: #dae7ed;
      color: #5C5C5C;
      padding: 15px;
      width: 210px;
      height: 190px;
      text-align: justify;
      font-family: arial;
      font-size: 10px;
      -moz-border-radius: 310px;
      -webkit-border-radius: 310px;
      border-radius: 310px;
    }

    .cadreqeel2 {
      background-color: #dae7ed;
      color: #dae7ed;
      padding: 15px;
      width: 500px;
      height: 100px;
      overflow: auto;
      text-align: justify;
      font-family: arial;
      font-size: 10px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
    }

    .boite10 {
      margin-left: 20px;
      margin-top: 25px;
      width: 180px;
      height: 180px;
      overflow: auto;
    }

    .groupes {
      font-family: 'Gabriela', serif;
      text-align: center !important;
      font-size: 20px;
    }

Si vous avez besoin du template, je peux vous le donner aussi ^^. Merci beaucoup. Very Happy

EDIT: J'aimerais qu'il soit de la même couleur que le bleu pour le rectangle des membres connectés au cour des 24 dernières heures, s'il vous plait. Very Happy


Dernière édition par Charmed Eternity le Dim 28 Juin 2015 - 19:20, édité 1 fois

Charmed Eternity
**

Messages : 80
Inscrit(e) le : 29/11/2010

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème cadre gris sur le QEEL

Message par no_way le Dim 28 Juin 2015 - 19:01

Bonjour vous devez éditer votre template "index_body" et modifier le passage suivant:
Modifiez background-color avec la couleur voulue.

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème cadre gris sur le QEEL

Message par Charmed Eternity le Dim 28 Juin 2015 - 19:20

c'est parfait, merci beaucoup. Very Happy

Charmed Eternity
**

Messages : 80
Inscrit(e) le : 29/11/2010

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity 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