Mettre un espace entre le contour du forum et les bordures des catégories

2 participants

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

Résolu Mettre un espace entre le contour du forum et les bordures des catégories

Message par LOBODU89 Lun 5 Fév 2018 - 15:47

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : en cours
Lien du forum : http://amicaledescallois.forumactif.com/

Description du problème

Bonjour,

Je souhaiterai mettre un espace entre le contour du forum et les bordures des catégories, à gauche et à droite, je pense que cela se paramètre dans le CSS mais je n'ai pas trouvé le bon curseur.
Je vous joins mon CSS

Code:
/*==============================================================*/

/* Supprimer les boites de recherche dans les sujets ======*/
/*===.search-box {display:none}===*/

/*==============================================================*/

/* arrondi sur bouton "sauter vers et zone de texte */

select {
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-border-radius: 14px;
border: *px solid #FFFFFF;}
 
select:hover {
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-border-radius: 14px;
border: *px solid #FFFFFF;}
/* fin arrondi sur bouton et zone de texte */

/*==============================================================*/

/* Supprimer le trait entre le qeel et la barre de lien ======*/
.h3 {border: none}

/*==============================================================*/

/* Contour  arrondi du titre catégories/sujets======*/ 

.table-title {
border: 1px solid #FADF84;
      border-color: #FADF84;
  margin-left: 2px}
 
  {.table-title{padding-left:0px;} }

/*==============================================================*/

/* Contour avec arrondi du fond de titre catégories/sujets======*/
.header{
border: 1px solid #FADF84;
  border-color: #FADF84;

 
    border-radius:4px;}
   
/*==============================================================*/

/* Contour barre de navigation======*/

    .navbar {
  width: 97%;
 
 margin-left:8px;
margin-right:5%;
   
 
 
  padding-left:0px;
border: 3px solid #FADF84;
      border-color: #FADF84;
 
 
  background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/800x6010.jpg);
  background-repeat:repeat;    }
 
/*==============================================================*/

/* Masquage trait sous menu navigation======*/

.navlinks{border: none!important;}

/*==============================================================*/

/* Masquage partiel trait liens inférieure======*/
 
block .h3 {
      border-bottom-color: transparent; }

    .copyright-body {
      border-color: transparent; }

/*==============================================================*/

/* Marge et traits entre sujet et catégories======*/
ul.topiclist li {
          display: block;
          margin-top: 2px;
      }
      li.row {
          border: 2px solid #FADF84;
        -moz-border-radius:4px;
            -webkit-border-radius:6px;
            border-radius:6px; }

/*==============================================================*/

/* Marge autour du forum======*/
#wrap, body#phpbb {
      border: none;
      padding: 2;
    }
    .headerbar {
      margin: 2;}

/*==============================================================*/

/* Décalage du titre des catégories et sujets (bandeau noir)*/

.topic-title {padding-left:35px;}


/*==============================================================*/

  /*Deplace icone de message a droite dans la colonne (UNIQUE, tuto, important......)*/
      dl.icon dd.dterm {
              background-position: 99%;}

 /*==============================================================*/

  /*Solutionne la longueur des titre de message*/
      div.topic-title-container {
              width: 73%;
              display: inline-flex!important;
            }
 /*==============================================================*/

/*Solutionne la hauteur de separation verticale (ligne)*/
    ul.forums dd {
    min-height:70px;}/* hauteur des lignes */

    ul.forums li.row dl {
    border-right:1px solid #FADF84;}/* couleur de vos lignes */
 

    ul.forums dd {
        border-left: 1px solid #FADF84;      /* couleur de vos lignes */
        height: 70px;        /* hauteur des lignes */

    }
 /*==============================================================*/

/*Image dans le popup de connexion*/
#login_popup
{
 /*====background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/blason26.png);=====*/
background-repeat:no-repeat;
background:center center;
background-color: grey
width: 100%;
right: 0;
text-align: center;}

 /*==============================================================*/

/*Centrage bouton dans le popup de connexion*/
#login_popup_buttons {
  width: 100%;
  right: 0;
  text-align: center;
}
/*Marge du titre du sujet*/

.header {padding-left:15px;}
    a.forumtitle,a.topictitle,.span-tab{padding-left:0px;}

 /*==============================================================*/

/*image Fond ecran*/
    body {
        background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/800x6010.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;  }

    /* Mobile */
   
    @media only screen and (max-width: 780px) {
        body {
            background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/800x6010.jpg); }
    }

 /*==============================================================*/

/*redimensionne les gifs des profils automatiquement*/
poster-profile img /*redimensionne les gifs des profils automatiquement*/{
  max-width: 70px;
  border-top:0px #216674 solid;
  border-bottom:0px #216674 solid;
}

 /*==============================================================*/

  /*Cadre de separation entre reponse/message*/
.post
                {
                  border: 1px solid orangered;
  border:1px solid #FADF84;
                }


 /*==============================================================*/

/*Trait separation profil/message*/
   

.postprofile{
      border-color:FADF84;
    border-right-width:1px;
    min-height:100px;
   
    }

    .postprofile {
        border:none;
        color: #FADF84;
        display: inline;
        float: left;
        margin: 5px -5px 0;
        min-height: 80px;
        position: relative;
        width: 17%;
        word-wrap: break-word;
  /*Cadre autour profil*/
  border: 1px solid orangered;
 border:1px solid #FADF84;
    }

    .postbody {
        border-left:1px solid #FADF84;
        clear: both;
        color: #FADF84;
        float: right;
        line-height: 1.48em;
        padding: 0;
        width: 82%;
        margin-left:10px;
    }

 /*==============================================================*/

  /*Couleur fond bouton (enregistrer dans nouveau membre) */
  #main-content a.cgu-buttons {
background: white;
border: 1px solid gold;
color: #1e1e2a;
padding: 3px 5px;
}
fieldset dl:hover dt label {color:#5E5252!important;}
.sceditor-container textarea{
color:#000000 !important;
}
select {color: #FFFFFF;}  /*Couleur du texte dans édition et écriture message*/
a.button2:link{color:#1e1e2a !important;}
a.button2:link:hover{color:#499100 !important;}

 /*==============================================================*/

  /*Traits verticaux gauche et droit haut bas des sujets */
 
      ul.topiclist dd.dterm{border-left:none !important;}
    li.row{border-left:1px solid #FADF84;
      border-right:1px solid #FADF84;}

    ul.topiclist li.row dl{padding-top:0 !important;
    padding-bottom:0 !important;}

 
 /*suite hauteur ligne verticale sujet*/


        .pagination{padding-top:0 !important;
    padding-bottom:0 !important;    }


    dd.posts, dd.topics, dd.views {
    line-height: 70px ;}
     
 /*==============================================================*/

/*Bordure gauche sujet derniers message (solution forumactif)*/
    .topiclist.topics.bg_none .lastpost {
        border-left: 1px solid #FADF84;
        height: 70px;    }

 /*==============================================================*/

    /*PERSONNALISATION DE LA TOOLBAR*/
    div#fa_search {display:none!important;}
    span#fa_share {display:none!important;}
    a#fa_hide {display: none!important;}
    #fa_toolbar{background-color:transparent!important;}
font-family: 'BenchNine',cursive !important ;
    .fa_tbMainElement#fa_right a.rightHeaderLink#fa_notifications{font-size:10px;
  text-transform:uppercase;letter-spacing:3px;font-weight:bold;}

/*==============================================================*/


 /*Enlever date édition des messages*/

    .edited-message { display: none }

 /*==============================================================*/

       
 /*Enlever les statistiques en bas du QEEL*/

.h3 a[href^='/statistics'], .page-bottom {
    display: none;
    }

 /*==============================================================*/
/*Enlever top 20 des posteurs, sujet actif forum en bas de page accueil*/
    /*.linklist{
      display:none;
    }*/
 
 /*==============================================================*/
/*mARGE DU qeel*/
 
      img#i_whosonline {
        margin: 0px;
    }

 /*==============================================================*/

/*Supprimer la légende des rangs : admin, modérateurs .......*/
    #main-content em {display:none;}
 
 /*==============================================================*/
 /*--------------------------SUPPRIMER LIEN MODERATEUR BAS DE PAGE-------------------------------------*/
        .form a.gmod {
    display: none;
    }


 /*==============================================================*/

 /*IMAGE FOOTER Bandeau bas de page--------------------------------------*/
   
            /*===#page-footer {
    background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png);
    background-position: bottom center;
  background-repeat: no-repeat;
    height: 180px;
    margin-top: 0px;
              background-size:99% 50%;
    width: auto;
}=*/


 /*==============================================================*/

 /* cadre du Forum */

    #wrap {
    border-left: 5px solid #FADF84; border-bottom:5px solid
    #FADF84;-moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius:
    10px;border-right: 5px solid #FADF84;border-top: 5px ridge #FADF84;
    }
 
   
/* arrondir angles du Forum */

    .forabg,.module{
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    }

    div, table {
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
border: none;
}

/****************************EPAISSEUR BANDE (jaune dorée) AUTOUR CATEGORIE sujet************************/

.forabg {padding:6px 6px;}
 
 /*==============================================================*/
/* sUPPRIMER L'ANNOTATION "nOTE" OU "ANNONCE" AVANT UN TITRE DE SUJET.*/
    .dterm strong , .span-tab{display:none;}
 
 /*==============================================================*/

/***************TRANSPARENCE DU FOND*******************/

/***transparence du fond=.headerbar,#wrap,html,.statistics,#page-footer{background:transparent !important;}**/

 /*===============================marge au dessus image fond QEEL===============================*/

      .linklist.bottom {padding-top:0!important;}
 
/************************************ QEEL **************************************/

       
      #QEELperso{
 
 
 /*** background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea20.jpg);****/
 
      /**background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea18.png);** celui origine amicale*/
 
        /***background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea29.jpg);**/
          background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea22.png);
 
 
 
              /**background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea30.jpg);**pas bon*/
 
 
 
 
        /****background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea18.jpg);**/
        background-repeat:no-repeat
    background:center center;
 
 
  max-height: 155px;
height: auto;
 width: 1100;
      margin-left:10px;
 
  margin-top:0px;
    }



 /*==============================================================*/
/* sUPPRIMER L'ANNOTATION "nOTE" OU "ANNONCE" AVANT UN TITRE DE SUJET.*/
    .dterm strong , .span-tab{display:none;}


 /*==============================================================*/
    #QEELtexte1 {
    margin-top: 85px; /*modifier la valeur au besoin*/
    color: #FADF84;
    font-family: Verdana, sans-serif;
      font-weight:bold;
    }
 
  /*==============================================================*/     
  /* Aspect du pointeur La Calle======*/
    /*  body, a {
    cursor: url(https://i62.servimg.com/u/f62/14/75/62/44/blason42.png), auto;
    }*/
 
=*/
    /*==input[type=text], textarea {cursor:url(https://i62.servimg.com/u/f62/14/75/62/44/blason42.png),auto}

    textarea:hover {
    cursor:…;}=*/
  /*==============================================================*/   


  /*==============================================================*/ 
  /*=====================CHATBOX=============================*/ 
  /*==============================================================*/ 
   
 
  /*==============================================================*/ 
 
 
    /* chatbox couleur zone écriture */
/* couleur zone écriture noir sur fond blanc*/

    #chatbox_footer input {
    color: black !important; }

#message {
    color: #000000 !important;
}

      /*====================chatbox Avoir le texte sur la même ligne que le pseudo:================*/ 

    #chatbox .user-msg .user, #chatbox .user-msg .msg {
        display: inline;
    }

  /*====================chatbox LIMITE TAILLE avatars===============*/ 
    #chatbox_members .cb-avatar > img {
      height:30px;width:30px;
      vertical-align: middle;
    }


      /*====================chatbox couleur des textes connexion/deconnexion================*/ 



    #chatbox_footer input#message {
        width: 500px; /*largeur barre de saisie chatbox*/
    }



    /* couleur deconnexion CB */
    .msg > span[style="color:red;"] {
        color: blue!important;
    }
   
    /* couleur connexion CB */
    .msg > span[style="color:green;"] {
        color: orange!important;
    }



      /*====================chatbox couleur des textes connexion/deconnexion================*/ 
      .
 

Merci d'avance.

Lobodu89
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

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

Résolu Re: Mettre un espace entre le contour du forum et les bordures des catégories

Message par LOBODU89 Jeu 8 Fév 2018 - 9:49

Bonjour à tous,

Je vous mets une nouvelle photo montrant où je souhaite mettre une marge 'bande rouge), siquelqu'un avait une petite idée ?

Merci.

Lobodu89

Mettre un espace entre le contour du forum et les bordures des catégories Bordur11
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

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

Résolu Re: Mettre un espace entre le contour du forum et les bordures des catégories

Message par MasDan Jeu 8 Fév 2018 - 23:27

Bonjour LOBODU89,

Ajouter à votre CSS le code suivant
Code:
.forabg {
    margin: 0 15px 4px;
}
Le 15px représente la dimension de la marge (droite et gauche).
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre un espace entre le contour du forum et les bordures des catégories

Message par LOBODU89 Ven 9 Fév 2018 - 7:14

Bonjour @MasDan

Merci beaucoup pour votre aide, vous avez résolu mon problème.

Cordialement

Lobodu89
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

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

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

- Sujets similaires

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