Affichage des permissions

[MaaxManu]

Bonjour.

J'aimerai modifier une petite chose toujours en suivant le reste de mon forum.

Voici le screen (encadré rouge) :



J'aimerai qu'il soit affiché comme une bulle, pour suivre mon forum toujours comme ceci (ou plus ou moins) :



Merci à tout ceux qui m'aideront pour réaliser ceci et bonne journée

J'en profite au passage pour dire que j'ai aussi besoin d'aide pour 2 sujets (concernant l'affichage aussi) :

- Modifier affichage présentation des groupes (liste de membres appartenant à un groupe)
- Inverser affichage sous forum/sujets

:thanks:

[benji-71]

bonjour essaie de voir ici ou par là tu trouvera peut etre ton bonheur

[MaaxManu]

Merci pour ton aide, mais une ligne noir dessine encore le bord en carré.

Un screen pour comprendre :



L'encadré violet est une erreur de ma part, n'y faites pas attention (je croyais qu'en changeant les px rien ne changeait mais j'avais oublié d'en changer un)

L'encadré vert c'est la ligne noir dont je vous parlais et qui dessine encore le coin des catégories. (Sur l'index du forum je n'ai pas ces fameuse lignes)

Voici mon css, qui pourra surement vous servir :

Code:

.fondconnect td {

    background-color: #F2D18E !important;
}



a { text-decoration: none; }



    .colorpicker {
      width: 356px;
      height: 176px;
      overflow: hidden;
      position: absolute;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
      font-family: Arial, Helvetica, sans-serif;
      display: none;
    }
    .colorpicker_color {
      width: 150px;
      height: 150px;
      left: 14px;
      top: 13px;
      position: absolute;
      background: #f00;
      overflow: hidden;
      cursor: crosshair;
    }
    .colorpicker_color div {
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
    }
    .colorpicker_color div div {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
      margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
      position: absolute;
      top: 13px;
      left: 171px;
      width: 35px;
      height: 150px;
      cursor: n-resize;
    }
    .colorpicker_hue div {
      position: absolute;
      width: 35px;
      height: 9px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
      margin: -4px 0 0 0;
      left: 0px;
    }
    .colorpicker_new_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 213px;
      top: 13px;
      background: #f00;
    }
    .colorpicker_current_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 283px;
      top: 13px;
      background: #f00;
    }
    .colorpicker input {
      background-color: transparent;
      border: 1px solid transparent;
      position: absolute;
      font-size: 10px;
      font-family: Arial, Helvetica, sans-serif;
      color: #898989;
      top: 4px;
      right: 11px;
      text-align: right;
      margin: 0;
      padding: 0;
      height: 11px;
    }
    .colorpicker_hex {
      position: absolute;
      width: 72px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
      left: 212px;
      top: 142px;
    }
    .colorpicker_hex input {
      right: 6px;
    }
    .colorpicker_field {
      height: 22px;
      width: 62px;
      background-position: top;
      position: absolute;
    }
    .colorpicker_field span {
      position: absolute;
      width: 12px;
      height: 22px;
      overflow: hidden;
      top: 0;
      right: 0;
      cursor: n-resize;
    }
    .colorpicker_rgb_r {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
      top: 52px;
      left: 212px;
    }
    .colorpicker_rgb_g {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
      top: 82px;
      left: 212px;
    }
    .colorpicker_rgb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
      top: 112px;
      left: 212px;
    }
    .colorpicker_hsb_h {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
      top: 52px;
      left: 282px;
    }
    .colorpicker_hsb_s {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
      top: 82px;
      left: 282px;
    }
    .colorpicker_hsb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
      top: 112px;
      left: 282px;
    }
    .colorpicker_submit {
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
      left: 322px;
      top: 142px;
      overflow: hidden;
    }
    .colorpicker_focus {
      background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_slider {
      background-position: bottom;
    }

tr.post span.gensmall
{
color: #E30E30;
}





    /*--- Cette partie correspond à derniers messages ---*/
            .messuj {
            border: 2px solid #a49896;
            background-color: #F2E2C2;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            width: 200px;}

            .arrondi {
            border: 2px solid #a49896;
            background-color: #F2E2C2;
            -moz-border-radius-bottomright: 8px;
            -moz-border-radius-bottomleft: 8px;
        width: 200px;}




    /*--- Cette partie correspond à la description du forum ---*/
    .forum-description {
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 80%;
          border: 3px solid #a49896;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
}

      /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
    .forum-stats {
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 0 none !important;
          border-left: 3px solid #a49896;
          border-right: 3px solid #a49896;
          border-top: 3px solid #a49896;
          color: #000000;
          font-size: 11px;
          font-style: italic;
          height: 14px;
          left: 280px;
          padding: 3px;
          position: relative;
          text-align: center;
          width: 200px;
    }

    /*--- Cette partie correspond à l'affichage des sous-forums ---*/
    .forum-sousforum {
          color: #000000;
          border: 3px solid #a49896;
          border-top: 0px !important;
          -moz-border-radius-bottomleft: 14px;
          -moz-border-radius-bottomright: 14px;
          -webkit-border-bottom-right-radius: 14px;
          -webkit-border-bottom-left-radius: 14px;
          border-bottom-right-radius: 14px;
          border-bottom-left-radius: 14px;
          margin: auto;
          padding: 4px;
          color: #000000;
          width: 50%;
          text-align: center;
          height: 14px;
          font-size: 11px;
    }




.statistiques{
border:0px;
background-image: url("URL DE VOTRE IMAGE DE FOND");
background-repeat: no-repeat;
background-position: center;
height:300(HAUTEUR DE VOTRE IMAGE)px;}

.groupes{
background-color:#COULEUR DE FOND DU TEXTE DES GROUPES;border: 1px #COULEUR DU POINTILLÉ dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Chat d'Equid-Aide.com  |    Quizz du Chat"; }

#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: transparent;
}



    .fondconnect .row1 {background: none !important;
border:1px solid black;}





.forumline {-moz-border-radius:20px;}
-webkit-border-radius:20 px;
-border-radius:20 px;
-khtml-border-radius:20 px;

Je précise que dans le CSS c'est un peu le foutoir, chaque fois que je rajoute des codes dans le CSS, je l'ajoute en dessous, à la suite bien souvent.

Merci pour ceux qui pourront m'aider

[MaaxManu]

Up du jour

[Anzu]

Bonsoir,

Mettez ceci dans votre css:

Code:



td.catLeft {
   border-width:0 0 0 0px !important;
}

td.catBottom {
   border-width:0 0px 0px !important;
}

td.catHead {
   border-width:0px 0px 0 !important;
   font-size:12px;
}

td.catLeft {
border-width:0 0 0 0px !important;
}

th, td, p {
border-width:0 0 0 0px !important;
}

Cordialement.

[MaaxManu]

Super merci