Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol

3 participants

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

Résolu Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol

Message par -Tancrède- Mer 3 Juil 2013 - 12:11

Bonjour a tous,
je voudrais savoir si il était possible de faire en sorte que les boutons "editer" ; "citer" ; "ip" ; etc ainsi que les détails du message et le rappel du titre du sujet n'apparaissent que au survol du message sur lequel ils agissent ... (Il me semble que c'est le premier <tr> du tbody mais je ne suis pas tout a fait sur ...)
J'ai modifié ma template "view_topics_body" ; donc la voilà :

Ma template+ mon css en rapport:

Merci a vous Wink
Tancrède
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol

Message par Persea Mer 3 Juil 2013 - 13:23

En fait, il faut agir sur le .forumline .row2
Mais te plante surtout pas
avatar

Persea
**

Masculin
Messages : 97
Inscrit(e) le : 30/08/2006

http://www.forum-jardins.com
Persea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol

Message par -Tancrède- Mer 3 Juil 2013 - 14:05

En java script je n'y connais rien, et en CSS, c'est pas possible...
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol

Message par Matriochka Mer 3 Juil 2013 - 14:11

Bonjour,

Persea, ça ne coûte rien d’être un peu plus précis… Il faut penser à ceux qui ne s’y connaissent pas nécessairement et être le plus pertinent possible si tu veux venir en aide.

Ouaich (no comment le pseudo Razz), la ligne qui nous intéresse dans ton template est celle-ci :
Code:
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
 <td valign="top" nowrap="nowrap" class="post-options">
 {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG}

{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}

{postrow.displayed.REPORT_IMG}
 </td>
 </tr>
Avant de te faire faire des manipulations, j’aurai une question :
On peut faire apparaître toute la ligne au survol d’un coup (donc les détails du message et les icônes) ou bien les faire apparaître indépendamment. C’est-à-dire : si je met mon curseur à l’endroit où sont les détails, j’aurai les détails mais pas les icônes, et si je mets mon curseur sur les icônes, j’aurai les icônes mais pas les détails. Que préfères-tu ?
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol

Message par -Tancrède- Mer 3 Juil 2013 - 14:32

Si il y avait les signatures , je m'excuse pour le pseudo, je ne l'ai pas choisi, j'ai récupéré le vieux compte d'un ami au début, pour une question, puis deux, ect, et maintenant c'est mon compte ^^

Je ne savait pas que l'on pouvait le faire indépendamment assez facilement, et ce serai assez bien en effet, mais comme la ligne où il y a les détails et les boutons est cachée, où passe-t-on la souris pour faire apparaitre les détails, et où l'on passe la souris pour voir les boutons ?
Au début j'avais plus dans l'idée que la ligne où étaient les détails et les boutons apparait que lorsque l'on survol le message, mais si tu as une autre idée, je suis preneur ^^
En tout cas, merci de m'avoir répondu Wink
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol

Message par -Tancrède- Ven 5 Juil 2013 - 9:53

Up Wink
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol

Message par -Tancrède- Lun 8 Juil 2013 - 14:31

up
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol

Message par Invité Lun 8 Juil 2013 - 19:34

Salut mon ami ( à défaut de ton pseudo Very Happy ) ,
on a dû t'oublier Rolling Eyes  .

Il me faudrait ta css dans sa totalité Wink .

L'idéal aurait été de cacher tout le contenu de droite et au survol de la partie de gauche
qu'il s'affiche Wink 

a++
Anonymous

Invité
Invité


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

Résolu Re: Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol

Message par -Tancrède- Lun 8 Juil 2013 - 21:15

Le CSS ? je ne vois pas pourquoi mais pas de problème :

Code:
.ascenseur {
position: fixed;
top: 275px;
right: 1px;
background-color: #transaprent;
}

.body.chatbox {
background-image: url("http://www.scoutisme-francais.org/IMG/jpg/Logo_EEDF_5x5.jpg");
background-repeat: no-repeat;
background-position: 60% 75%;

}
    .span
{
 color: #000000!important;
}
      .hr
{
  display : none;
}
.sceditor_smilies
{
  background: #ffffff;
}
.Test
{
 background: #ffffff!important;
}

                          th.thHead .gen {color:#ffffff;}
.i_icon_online {
    background-position: right top;
    background-repeat: no-repeat;
}
.name
{
 font-family: 'Gorditas', sans-serif;
}

body {
cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu12.png), auto;
}

.postbody a:hover {
    font-style : italic;
  text-decoration : underline;
        }



a {

cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu11.png), auto;
}

img {
cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu10.png), auto;
}

#savec { position:relative; }
        .save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
        .save-bloc div:hover { color: #050505!important; }
        .save-bloc div { cursor: pointer; }
        .save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

.button2,input, select {
border-radius: 5px 5px;
-moz-border-radius: 5px;
padding-left: 3px;
}

#content-container
{
 background: #ffffff
}

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

#sceditor-container
{
min-height: 250px;
}

        #widget-arrows {
          height: 13px;
        }
        .widget-arrow {
          shadow:#ffffff;
          height: 13px;
          width: 16px;
          border-radius: 4px;
          float: left;
          cursor: pointer;
          background: #f5ebf7 url(http://i42.servimg.com/u/f42/16/22/92/15/cacher10.png) no-repeat 0 -13px;
        }
        .widget-arrow.isright {
          float: right;
        }
        .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
          background-position: 0 0;
        }

div#JumpBox
{
  line-height : 5px;
}

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

.module-title
{background-image:url('http://i42.servimg.com/u/f42/16/22/92/15/bambou10.png');
background-repeat: no-repeat;
  !important;}

.module-title { color: #FFFFFF; }

.module-title { font-weight: bold; }

.noir {
  cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu11.png), auto;
 color: black;
  font-weight:bold;
  font-size: 1.3em;
  text-decoration:underline;
}

.noir2 {
  cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu11.png), auto;
 color: black;
  font-weight:bold
}

.liste{
  cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu10.png), auto;
}


#Cartemenu{
  float:left;
  width:812px;
   height:710px;
}

#Carte{
  float:left;
  width:588px;
   height:725px;
  border-color:green;
  border-style:dashed ;
border-width:1px;
}

#Menu{
  float:right;
  width:200px;
   height:705px;
border-color:green;
  border-style:dashed ;
border-width:1px;
}

div#Texte{
  float:left;
  width:342px;
   height:705px;
  overflow:auto;
  border-color:green;
  border-style:dashed ;
  border-width:1px;
}

blockquote {
    color: #000000;
}

.spoiler
{
  color: #ffffff;
  background-color: #A36F66;
}

.PA
{
  position:absolute;
    left: 44%;
}


.GA
{
  position:absolute;
    left: 10%;
}

           

.input.post, select, textarea.inputbox, textarea.post {
    background-color: #ffffff!important;
}

 .selectCode { float:right; text-transform: uppercase; cursor:pointer; }

            .fleche {
            background-image : url("http://i35.servimg.com/u/f35/16/22/92/15/fleche17.png");
            width: 20px;
            height :15px;
            position : relative;
            top :25px;
            left :-14px;
z-index: 1;}

            .bulle{
            background-color : #C3D69B;
            border : 1px solid #4F6228;
            border-radius: 5px 5px;
-moz-border-radius: 5px;
            padding : 5px;
  position:relative;
  top:-15px;
            }

      .Posteur {
  background-color : #AEBF8B;
            border : 1px solid #4F6228;
  padding : 5px;
  border-radius: 5px 5px;
-moz-border-radius: 5px;
}

        /* Début - Styles pour la colorisation des codes */
       
        .str { color: #080; }
        .kwd { color: #008; }
        .com { color: #800; }
        .typ { color: #606; }
        .lit { color: #066; }
        .pun { color: #660; }
        .pln { color: #000; }
        .tag { color: #008; }
        .atn { color: #606; }
        .atv { color: #080; }
        .dec { color: #606; }
        pre.prettyprint { padding: 2px; }
        ol.linenums { margin-top: 0; margin-bottom: 0 }
        li.L0,
        li.L1,
        li.L2,
        li.L3,
        li.L5,
        li.L6,
        li.L7,
        li.L8 { list-style-type: none }
        li.L1,
        li.L3,
        li.L5,
        li.L7,
        li.L9 { background: #eee }
        @media print {
          .str { color: #060; }
          .kwd { color: #006; font-weight: bold; }
          .com { color: #600; font-style: italic; }
          .typ { color: #404; font-weight: bold; }
          .lit { color: #044; }
          .pun { color: #440; }
          .pln { color: #000; }
          .tag { color: #006; font-weight: bold; }
          .atn { color: #404; }
          .atv { color: #060; }
        }
       
        /* Fin - Styles pour la colorisation des codes */

       
       
        /*sélecteur de couleurs*/
       
        .editor_color_panel{
          background-color:#fff;
          width:189px;height:135px;
        }
        .editor_color_panel .color_general{
          height:16px;
          margin:11px 7px 9px 11px;
        }
        .editor_color_panel .color_list{
          height:70px;
          margin:0 7px 0 11px;
        }
        .editor_color_panel .color_standard{
          height:16px;
          margin:13px 7px 8px 11px;
        }
        .editor_color_panel strong{
          font-size:0;
          display:block;
          width:14px;
          height:14px;
          margin-right:3px;
          float:left;
          cursor:pointer;
        }
        /*fin sélecteur de couleurs*/


/*Version Mobile*/
        .mobile_set,.post_header
{
text : #ffffff!important;
background-image:url('http://i42.servimg.com/u/f42/16/22/92/15/bambou10.png')!important;
}

        .mobile_title_content
{
  background-color: #333333;
}
        .mobile_subtitle,.mobile_comment,.mobile_set_content
{
  color: #ffffff;
}
.mobile_title
{
  background: #333333;
  border-color: #333333;
}

.mobile_prev_button, .mobile_next_button
{
  border:none;
background-image:url('')!important;
}

.defaultBtn
{
  border:none;
  border-radius: 8px 8px;
-moz-border-radius: 8px;
background-image:url('http://i42.servimg.com/u/f42/16/22/92/15/bambou10.png')!important;
}

        .content,.mobile_postbody,.application_footer_spacer,.style2,.mobile_postbody
{
 color: #ffffff!important;
  background-color: #333333!important;
}

.postbody .content {
    padding: 2em;

}


        .cat_no_new,.forum_no_new,.folder_global,.folder_announce,.folder_sticky,.folder_hot,.folder_no_new
{
  background-image:url('http://i42.servimg.com/u/f42/16/22/92/15/rien13.png')!important;
}

        .cat_new,.forum_new,.folder_global_new,.folder_announce_new,.folder_sticky_new,.folder_hot_new,.folder_new
{
  background-image:url('http://i79.servimg.com/u/f79/16/22/92/15/new10.gif')!important;
}

        .cat_locked,.forum_locked,.folder_locked,.folder_locked_new

{
  background-image:url('http://i42.servimg.com/u/f42/16/22/92/15/verrou17.png')!important;
}
.blockquote
{
  background-color: #333333!important;
border: 1.5px solid #ffffff!important;
}

        .mobile_item
{
 background-image:url('http://www.colorhexa.com/333333.png')!important;
color: #ffffff!important;
}

        .mobile_item:hover
{
  background-image:url('http://www.colorhexa.com/0e9e1a.png')!important;
}
 
    .post
{
 background: #333333;
}


  ol, ul {
    list-style:disc;
}


.fieldset
{
 color: #ffffff;
}
             
#page-body
{
 background : #333333!important;
}
.img_link {
            color : #00DE51!important;
        }
        .mobile_postbody a, .mobile_postbody a:link, .mobile_postbody a:active, .img_link {
            color : #00DE51;
        }
       

Désolé si c'est pas super bien codé et que cela ne respecte pas les convenances, mais j’apprends a coder "sur le tas" (en pratiquant et non en suivant un tuto)
De plus :
Milouze14 a écrit:L'idéal aurait été de cacher tout le contenu de droite et au survol de la partie de gauche
qu'il s'affiche Wink

Moi je préférerais que toute la ligne du dessus soit cachée, et qu'elle apparaisse en entière au survol du message, c'est possible sans trop se compliquer la vie ? :s
De plus je m'excuse mais je pars demain très tot en vacance, du coup le sujet sera très probablement fermé (comme tout mes autres sujets ^^) du coup je demanderais une réouverture, et je ne pourrais pas te répondre, mais merci de t'être intéressé a mon cas Wink
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol

Message par Invité Mar 9 Juil 2013 - 7:00

Salut Tancrède,
demandes à un modérateur de changer de pseudo Wink  .
Pour ta demande, j'ai attribué une class tout autour du bloc qui sera caché en supprimant une td avec un retour à la ligne afin que le texte soit positionné en haut et les boutons en dessous.
Ce bloque caché sera affiché avec une transition au survol du bloc de droite Wink  .
De plus dans ton premier message tu donnes un background différent que dans la css compléte,
à toi d'adapter la couleur désirée ensuite.

Code:

<div class="M14_bloc"> 
 <span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} 
    <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span> <br />
<div class="post-options">
    {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG}

    {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}

                  {postrow.displayed.REPORT_IMG}
</div></div>

Ton template modifié:
Code:

    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/',

    _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}",

    email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
    if ($('#at15s').css('display') == 'block') {
    addthis_close();
    }
    });
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
           
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
    {
    if( $(this).is(":visible") )
    {
    $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
    }
    else
    {
    $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
    }
    });
            }
        }
        catch(e) { }
       
    return false;
    };

    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
    <tr>
    <td align="left" valign="middle" nowrap="nowrap">
    <span class="nav">
    <!-- BEGIN switch_user_authpost -->
    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one"

    alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}"

    align="middle" border="0" /></a>
    <!-- END switch_user_authreply -->
    </span>
    </td>
    <td align="left" valign="middle" nowrap="nowrap">
    <!-- BEGIN switch_twitter_btn -->
    <span id="twitter_btn" style="margin-left: 6px; ">
    <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </span>
    <!-- END switch_twitter_btn -->
    <!-- BEGIN switch_fb_likebtn -->
    <span id="fb_likebtn" style="margin-left: 6px; ">
    <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}

    &amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21"

    scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;"

    allowTransparency="true"></iframe>
    </span>
    <!-- END switch_fb_likebtn -->
    </td>
    <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}

    </a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
    <td align="right" valign="bottom" nowrap="nowrap" width="100%">
    <span class="gensmall bold">
    <a class="addthis_button" href="http://www.addthis.com/bookmark.php?

    v=250&amp;pub=forumotion">{L_SHARE}</a>
    <!-- BEGIN switch_plus_menu -->
      | .
    <script type="text/javascript">//<![CDATA[
    var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
    var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
    var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
    var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
    var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
    var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
    insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}',

    {JS_AUTH_FAVOURITES});
    //]]>
    </script>
    <!-- END switch_plus_menu -->
    </span>
    </td>
    </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
    <tr align="right">
    <td class="catHead" colspan="3" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="9%" class="noprint"> </td>
    <td align="center" class="t-title">
    <h1 class="cattitle"> {TOPIC_TITLE}</h1>
    </td>
    <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">

    {L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">

    {L_GOTO_DOWN}</a> </td>
    </tr>
    </table>
    </td>
    </tr>
    <!-- BEGIN topicpagination -->
    <tr>
    <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}

    </span></td>
    </tr>
    <!-- END topicpagination -->
    {POLL_DISPLAY}
    <tr>
    <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
    <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
    </tr>
    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <tr>
    <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
    </tr>
    <!-- END hidden -->
    <!-- BEGIN displayed -->
     
    <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}"style="{postrow.displayed.DISPLAYABLE_STATE}">

 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top"width="150">
 
      <div id="Posteur" class="Posteur">
      <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><font size=5>{postrow.displayed.POSTER_NAME}</font>

    </strong></span><br />
                        <span class="postdetails poster-profile">
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}
    {postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                    </span>
                    <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
                              {postrow.displayed.ONLINE_IMG}{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
      <!-- BEGIN contact_field -->

    {postrow.displayed.contact_field.CONTENT}
      <!-- END contact_field -->
      </div> 
                  </td>
   
   
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">

  <div class="fleche"> </div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" id="bulle">
                <tr>
                  <td>
<div class="M14_bloc"> 
 <span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} 
    <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span> <br />
<div class="post-options">
    {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG}

    {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}

                  {postrow.displayed.REPORT_IMG}
</div></div>
    </td>
           
    </tr>
    <tr>
    <td colspan="2" class="hr">
    <hr />
    </td>
    </tr>
             
    <tr>
    <td colspan="2">
    <!-- BEGIN switch_vote_active -->
    <div class="vote gensmall">
    <!-- BEGIN switch_vote -->
    <div class="vote-button"><a

    href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
    <!-- END switch_vote -->

    <!-- BEGIN switch_bar -->
    <div class="vote-bar"

    title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
    <!-- BEGIN switch_vote_plus -->
    <div class="vote-bar-plus" style="height:

    {postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
    <!-- END switch_vote_plus -->

    <!-- BEGIN switch_vote_minus -->
    <div class="vote-bar-minus" style="height:

    {postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
    <!-- END switch_vote_minus -->
    </div>
    <!-- END switch_bar -->

    <!-- BEGIN switch_no_bar -->
    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"

    class="vote-no-bar">----</div>
    <!-- END switch_no_bar -->

    <!-- BEGIN switch_vote -->
    <div class="vote-button"><a

    href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
    <!-- END switch_vote -->
    </div>
    <!-- END switch_vote_active -->

    <div class="postbody">

    <div>{postrow.displayed.MESSAGE}</div>

    <!-- BEGIN switch_attachments -->
    <dl class="attachbox">
    <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}

    </dt>
    <dd>
    <!-- BEGIN switch_post_attachments -->
    <dl class="file">
    <dt>
    <img

    src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

    <!-- BEGIN switch_dl_att -->
    <a class="postlink"

    href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">

    {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a>

    {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
    <!-- END switch_dl_att -->

    <!-- BEGIN switch_no_dl_att -->
   

    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}

    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
    <!-- END switch_no_dl_att -->
    </dt>

    <!-- BEGIN switch_no_comment -->
    <dd>
    <em>

    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
    </dd>
    <!-- END switch_no_comment -->

    <!-- BEGIN switch_no_dl_att -->
    <dd>
    <em><strong>

    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
    </dd>
    <!-- END switch_no_dl_att -->

    <dd>

    ({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE})

    {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
    </dl>
    <!-- END switch_post_attachments -->
    </dd>
    </dl>
    <!-- END switch_attachments -->

    <div class="clear"></div>
    <!-- BEGIN switch_signature -->
    <div class="signature_div">
    {postrow.displayed.SIGNATURE}
    </div>
    <!-- END switch_signature -->

    </div>
    <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
    </td>
    </tr>
    </table>
   
    </td>
     
    </tr>
    <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
              <tr>
                  <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} colspan="3"

    align="center" valign="middle" width="100%">
                    <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
                  </td>
              </tr>
    </tr>
    <!-- BEGIN first_post_br -->
    </table>
    <br />
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
    <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
    <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
    </tr>
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
    <tr align="center">
    <td class="row1" colspan="3" height="28">
    <span class="genmed">{no_post.L_NO_POST}</span>
    </td>
    </tr>
    <!-- END no_post -->
    <tr align="right">
    <td class="catBottom" colspan="3" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="9%" class="noprint"> </td>
    <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">

    {TOPIC_TITLE}</h1></td>
    <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a

    href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a

    href="#top">{L_BACK_TO_TOP}</a> </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
    <tr>
    <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}

    </span></td>
    <!-- BEGIN topicpagination -->
    <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
    <!-- END topicpagination -->
    </tr>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <tr>
    <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
    </tr>
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
    </table>

    <!-- BEGIN promot_trafic -->
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close"

    style="display:none;margin: 1px 0px 1px 0px">
    <tr>
    <td class="catBottom" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
    <td align="right" valign="middle" width="10"><span class="gensmall"><a

    href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle"

    border="0" /></a></span></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin:

    1px 0px 1px 0px">
    <tr>
    <td class="catBottom" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
    <td align="right" valign="middle" width="10"><span class="gensmall"><a

    href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle"

    border="0" /></a></span></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="row2 postbody" valign="top">
    <!-- BEGIN link -->
    » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank"

    title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
    <!-- END link -->
    </td>
    </tr>
    </table>
    <!-- END promot_trafic -->

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px

    0px">
    <tbody>
    <tr>
    <td class="catBottom">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td valign="top">
    <h1 class="cattitle"> {L_FORUM_RULES}</h1>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td class="row1 clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo">
    <img src="{RULE_IMG_URL}" />
    </td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">
    {RULE_MSG}
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </tbody>
    </table>

    <!-- END switch_forum_rules -->

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td class="row2" colspan="2" align="center" style="padding:0px">
    <!-- BEGIN switch_user_logged_in -->
   
                    <a name="quickreply"></a>
                    {QUICK_REPLY_FORM}<br /> 
                   
   
                <!-- END switch_user_logged_in -->
                      </td>
    </tr>
    <tr>
    <td style="margin:0; padding: 0;" colspan="2">
    <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
    <tbody>
    <!-- BEGIN show_permissions -->
    <tr>
    <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
    <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
    </tr>
    <!-- END show_permissions -->
    <tr>
    <td class="catBottom" colspan="2" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="middle" width="100%"><span class="nav"><a class="nav"

    href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
    <!-- BEGIN show_permissions -->
    <td align="right" valign="middle"><span class="gensmall"><a

    href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0"

    /></a></span></td>
    <!-- END show_permissions -->
    </tr>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td style="margin:0; padding: 0;" colspan="2">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close"

    style="display:none;">
    <tbody>
    <tr>
    <td class="catBottom" colspan="2" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="middle" width="100%"><span class="nav"><a class="nav"

    href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
    <td align="right" valign="middle"><span class="gensmall"><a

    href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0"

    /></a></span></td>
    </tr>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
    <tr>
    <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
    <span class="nav">
    <!-- BEGIN switch_user_authpost -->
    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic"

    alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}"

    align="middle" border="0" /></a>
    <!-- END switch_user_authreply -->
    </span>
    </td>

    <!-- BEGIN viewtopic_bottom -->
    <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input

    class="liteoption" type="submit" value="{L_GO}" /></span></td>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN moderation_panel -->
    <td align="center">
    <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
    </td>
    <td align="center" width="250">
    <span class="gensmall"> </span>
    </td>
    <!-- END moderation_panel -->
    </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
    <tr>
    <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
    <input type="hidden" name="t" value="{TOPIC_ID}" />

    <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
    <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

    <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption"

    type="submit" value="{L_GO}" /></span>
    </form>
    </td>
    </tr>
    </table>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' :

    {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Pense a enregistrer les modifications en cliquant respectivement sur Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol 907288 et Faire apparaitre les boutons "editer" ; "citer" ; "ip" ; etc au survol Ajouter2024


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Supprimes l'intégralité et remplace par celle-ci:
Code:

/*on masque la barre du haut*/
.M14_bloc
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
zoom: 1;/* HACK POUR IE */
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
/*on affiche la barreau survol du message*/
#bulle:hover .M14_bloc
{
-moz-opacity:1;
-khtml-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
opacity:1;
zoom: 1;/* HACK POUR IE */
}
.fleche
{
background-image: url("http://img197.imageshack.us/img197/166/1i4e.png");
width: 20px;
height :15px;
position : relative;
top :35px;
left :-14px;
z-index: 1;
}
#bulle
{
background-color : #FAFAD2;
border : 1px solid #DAA520;
border-radius: 5px 5px;
-moz-border-radius: 5px;
padding : 5px;
position:relative;
top:-15px;
}
.Posteur , #Posteur
{
background-color : #FAFAD2;
border : 1px solid #DAA520;
padding : 5px;
border-radius: 5px 5px;
-moz-border-radius: 5px;
}


    .ascenseur {
    position: fixed;
    top: 275px;
    right: 1px;
    background-color: #transaprent;
    }

    .body.chatbox {
    background-image: url("http://www.scoutisme-francais.org/IMG/jpg/Logo_EEDF_5x5.jpg");
    background-repeat: no-repeat;
    background-position: 60% 75%;

    }
        .span
    {
    color: #000000!important;
    }
          .hr
    {
      display : none;
    }
    .sceditor_smilies
    {
      background: #ffffff;
    }
    .Test
    {
    background: #ffffff!important;
    }

                              th.thHead .gen {color:#ffffff;}
    .i_icon_online {
        background-position: right top;
        background-repeat: no-repeat;
    }
    .name
    {
    font-family: 'Gorditas', sans-serif;
    }

    body {
    cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu12.png), auto;
    }

    .postbody a:hover {
        font-style : italic;
      text-decoration : underline;
            }



    a {

    cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu11.png), auto;
    }

    img {
    cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu10.png), auto;
    }

    #savec { position:relative; }
            .save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
            .save-bloc div:hover { color: #050505!important; }
            .save-bloc div { cursor: pointer; }
            .save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

    .button2,input, select {
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    padding-left: 3px;
    }

    #content-container
    {
    background: #ffffff
    }

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

    #sceditor-container
    {
    min-height: 250px;
    }

            #widget-arrows {
              height: 13px;
            }
            .widget-arrow {
              shadow:#ffffff;
              height: 13px;
              width: 16px;
              border-radius: 4px;
              float: left;
              cursor: pointer;
              background: #f5ebf7 url(http://i42.servimg.com/u/f42/16/22/92/15/cacher10.png) no-repeat 0 -13px;
            }
            .widget-arrow.isright {
              float: right;
            }
            .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
              background-position: 0 0;
            }

    div#JumpBox
    {
      line-height : 5px;
    }

    .selectCode { float:right; text-transform: uppercase; cursor:pointer; }

    .module-title
    {background-image:url('http://i42.servimg.com/u/f42/16/22/92/15/bambou10.png');
    background-repeat: no-repeat;
      !important;}

    .module-title { color: #FFFFFF; }

    .module-title { font-weight: bold; }

    .noir {
      cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu11.png), auto;
    color: black;
      font-weight:bold;
      font-size: 1.3em;
      text-decoration:underline;
    }

    .noir2 {
      cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu11.png), auto;
    color: black;
      font-weight:bold
    }

    .liste{
      cursor: url(http://i32.servimg.com/u/f32/16/22/92/15/curseu10.png), auto;
    }


    #Cartemenu{
      float:left;
      width:812px;
      height:710px;
    }

    #Carte{
      float:left;
      width:588px;
      height:725px;
      border-color:green;
      border-style:dashed ;
    border-width:1px;
    }

    #Menu{
      float:right;
      width:200px;
      height:705px;
    border-color:green;
      border-style:dashed ;
    border-width:1px;
    }

    div#Texte{
      float:left;
      width:342px;
      height:705px;
      overflow:auto;
      border-color:green;
      border-style:dashed ;
      border-width:1px;
    }

    blockquote {
        color: #000000;
    }

    .spoiler
    {
      color: #ffffff;
      background-color: #A36F66;
    }

    .PA
    {
      position:absolute;
        left: 44%;
    }


    .GA
    {
      position:absolute;
        left: 10%;
    }

             

    .input.post, select, textarea.inputbox, textarea.post {
        background-color: #ffffff!important;
    }

    .selectCode { float:right; text-transform: uppercase; cursor:pointer; }


            /* Début - Styles pour la colorisation des codes */
         
            .str { color: #080; }
            .kwd { color: #008; }
            .com { color: #800; }
            .typ { color: #606; }
            .lit { color: #066; }
            .pun { color: #660; }
            .pln { color: #000; }
            .tag { color: #008; }
            .atn { color: #606; }
            .atv { color: #080; }
            .dec { color: #606; }
            pre.prettyprint { padding: 2px; }
            ol.linenums { margin-top: 0; margin-bottom: 0 }
            li.L0,
            li.L1,
            li.L2,
            li.L3,
            li.L5,
            li.L6,
            li.L7,
            li.L8 { list-style-type: none }
            li.L1,
            li.L3,
            li.L5,
            li.L7,
            li.L9 { background: #eee }
            @media print {
              .str { color: #060; }
              .kwd { color: #006; font-weight: bold; }
              .com { color: #600; font-style: italic; }
              .typ { color: #404; font-weight: bold; }
              .lit { color: #044; }
              .pun { color: #440; }
              .pln { color: #000; }
              .tag { color: #006; font-weight: bold; }
              .atn { color: #404; }
              .atv { color: #060; }
            }
         
            /* Fin - Styles pour la colorisation des codes */

         
         
            /*sélecteur de couleurs*/
         
            .editor_color_panel{
              background-color:#fff;
              width:189px;height:135px;
            }
            .editor_color_panel .color_general{
              height:16px;
              margin:11px 7px 9px 11px;
            }
            .editor_color_panel .color_list{
              height:70px;
              margin:0 7px 0 11px;
            }
            .editor_color_panel .color_standard{
              height:16px;
              margin:13px 7px 8px 11px;
            }
            .editor_color_panel strong{
              font-size:0;
              display:block;
              width:14px;
              height:14px;
              margin-right:3px;
              float:left;
              cursor:pointer;
            }
            /*fin sélecteur de couleurs*/


    /*Version Mobile*/
            .mobile_set,.post_header
    {
    text : #ffffff!important;
    background-image:url('http://i42.servimg.com/u/f42/16/22/92/15/bambou10.png')!important;
    }

            .mobile_title_content
    {
      background-color: #333333;
    }
            .mobile_subtitle,.mobile_comment,.mobile_set_content
    {
      color: #ffffff;
    }
    .mobile_title
    {
      background: #333333;
      border-color: #333333;
    }

    .mobile_prev_button, .mobile_next_button
    {
      border:none;
    background-image:url('')!important;
    }

    .defaultBtn
    {
      border:none;
      border-radius: 8px 8px;
    -moz-border-radius: 8px;
    background-image:url('http://i42.servimg.com/u/f42/16/22/92/15/bambou10.png')!important;
    }

            .content,.mobile_postbody,.application_footer_spacer,.style2,.mobile_postbody
    {
    color: #ffffff!important;
      background-color: #333333!important;
    }

    .postbody .content {
        padding: 2em;

    }


            .cat_no_new,.forum_no_new,.folder_global,.folder_announce,.folder_sticky,.folder_hot,.folder_no_new
    {
      background-image:url('http://i42.servimg.com/u/f42/16/22/92/15/rien13.png')!important;
    }

            .cat_new,.forum_new,.folder_global_new,.folder_announce_new,.folder_sticky_new,.folder_hot_new,.folder_new
    {
      background-image:url('http://i79.servimg.com/u/f79/16/22/92/15/new10.gif')!important;
    }

            .cat_locked,.forum_locked,.folder_locked,.folder_locked_new

    {
      background-image:url('http://i42.servimg.com/u/f42/16/22/92/15/verrou17.png')!important;
    }
    .blockquote
    {
      background-color: #333333!important;
    border: 1.5px solid #ffffff!important;
    }

            .mobile_item
    {
    background-image:url('http://www.colorhexa.com/333333.png')!important;
    color: #ffffff!important;
    }

            .mobile_item:hover
    {
      background-image:url('http://www.colorhexa.com/0e9e1a.png')!important;
    }
   
        .post
    {
    background: #333333;
    }


      ol, ul {
        list-style:disc;
    }


    .fieldset
    {
    color: #ffffff;
    }
               
    #page-body
    {
    background : #333333!important;
    }
    .img_link {
                color : #00DE51!important;
            }
            .mobile_postbody a, .mobile_postbody a:link, .mobile_postbody a:active, .img_link {
                color : #00DE51;
            }
           

Pense à valider les modifications en cliquant sur le bouton "Valider".


Pour la modération:
merci de ne pas vérrouiller le sujet s'il vous plait.
Milouze14

a++
Anonymous

Invité
Invité


Invité 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