*RESOLU* [PUNBB] Modification accueil et sujet pour annonce du nombre sujet , réponses...

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

WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
Bonjour à tous et bonjour mon milouze 

Ajourd'hui je vient vers vous pour une amélioration si possible de ( je vais montrer en image plus simple )

j'ai actuellement cela :  sur l'index


j'aimerai si possible avoir cela qui annonce le nombre des sujets etc :


si possible avoir la même chose sur les sujets pour dire le nombre de réponses.

Le seul hic est quel Template doit-je vous fournir, merci pour votre aide amicalement serge


Dernière édition par WinaTickets le Dim 10 Sep 2017 - 19:20, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge,
Je suis avec  mon portable, il faudrait donner les templates suivants 
Index box et topics list box ainsi que la CSS stp



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
kikou mon milouze donc les voici :
index box : 
Code:
<div class="pun-crumbs">
      <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
    </div>
    <div class="main">
    <!-- BEGIN catrow -->
      <!-- BEGIN tablehead -->
          <div class="main-head mybb">
            <div class="page-title">{catrow.tablehead.L_FORUM}</div>
          </div>
          <div class="main-content">
            <table cellspacing="0" class="table">
                <tbody class="statused">
      <!-- END tablehead -->

      <!-- BEGIN forumrow -->
                  <tr>
                      <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                        <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                        </span>
                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                        <br />
                                                      <div class="desc_forum_cat_row">{catrow.forumrow.FORUM_DESC}</div>
                        <!-- BEGIN switch_moderators_links -->
                        <br />
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                      </td>
                      <td class="tc2"></td>
                      <td class="tc3">
                                                      <p id="catrow"> <span>{catrow.forumrow.TOPICS} </span> Sujets</p>
                                                      <p id="catrow"> <span>{catrow.forumrow.POSTS} </span> Réponses</p></td>
                      <td class="tcr">
 <!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->                       
                        <span>
                        <!-- BEGIN switch_topic_title -->
                        <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                        <!-- END switch_topic_title -->
                        {catrow.forumrow.USER_LAST_POST}
                        </span>
                      </td>
                  </tr>
      <!-- END forumrow -->

      <!-- BEGIN tablefoot -->
                </tbody>
            </table>
      </div><br/>
      <!-- END tablefoot -->
    <!-- END catrow -->
    </div>


topic list box :
Code:
    <!-- BEGIN topics_list_box -->
    <!-- BEGIN row -->
    <!-- BEGIN header_table -->
      <!-- BEGIN multi_selection -->
          <script type="text/javascript">
          function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
            var all_checked = true;
            for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
                all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
            }
            }
            document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
          }
          function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
            for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
                document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
            }
            }
          }
          </script>
      <!-- END multi_selection -->

      <div class="main-head">
          <!-- BEGIN multi_selection -->
          <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
          <!-- END multi_selection -->
          <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
      </div>
      <div class="main-content">
      <table cellspacing="0" class="table">
          <thead>
            <tr>
                <th class="tcl">{L_TOPICS}</th>
                <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
                <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
                <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
            </tr>
          </thead>
          <tbody class="statused">
    <!-- END header_table -->

    <!-- BEGIN header_row -->
    <strong>{topics_list_box.row.L_TITLE}</strong>
    <!-- END header_row -->

    <!-- BEGIN topic -->
      <!-- BEGIN table_sticky -->
          </tbody>
      </table>
      </div>

      <div class="main-head">
          <!-- BEGIN multi_selection -->
              <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
          <!-- END multi_selection -->
          <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
      </div>
      <div class="main-content">
      <table cellspacing="0" class="table">
          <thead>
            <tr>
                <th class="tcl">{L_TOPICS}</th>
                <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
                <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
                <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
            </tr>
          </thead>
          <tbody class="statused">
      <!-- END table_sticky -->
          <tr>
            <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                <span class="status">
                  <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
                </span>
                <!-- BEGIN single_selection -->
                <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
                <!-- END single_selection -->
                {topics_list_box.row.ICON}
                {topics_list_box.row.NEWEST_POST_IMG}
                {topics_list_box.row.PARTICIPATE_POST_IMG}
                {topics_list_box.row.TOPIC_TYPE}
                <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>
                {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}
                              <p>{topics_list_box.row.TOPIC_AUTHOR}</p>
                <!-- BEGIN switch_description -->
                <br />
                {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
                <!-- END switch_description -->
            </td>
            <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
            <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
                      <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
 <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
                        {topics_list_box.row.LAST_POST_TIME} <br/> {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</td>
            <!-- BEGIN multi_selection -->
            <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
            <!-- END multi_selection -->
          </tr>
    <!-- END topic -->
    <!-- BEGIN no_topics -->
    <tr>
      <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
    </tr>
    <!-- END no_topics -->

    <!-- BEGIN bottom -->
          </tbody>
      </table>
      </div>
      <div class="main-foot clearfix">
          <!-- BEGIN multi_selection -->
          <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
          <!-- END multi_selection -->
          <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
          <p class="options">
            <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
          </p>
      </div>
    <!-- END bottom -->
    <!-- BEGIN spacer --><br /><!-- END spacer -->
    <!-- END row -->
    <!-- END topics_list_box -->

et mon css :
Code:
#page-body {
    width: 960px;  margin: auto; 
    position: relative;
    padding: 10px; 
    border-top: 5px solid #1C2229;     
    box-shadow: 0 0 20px rgba(0,0,0,.5);  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5); 
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5); 
    background: #fff;
}
#pun-foot {
    border-radius: 0 0 5px 5px;
    width: 980px;
    margin: auto;      background: #fff;
    z-index: 999;
    display: block;
    position: relative;
    box-shadow: 0 10 20px rgba(0,0,0,.5);  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5); 
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5);
    margin-bottom: 30px;
}
body {
    background: #21313d;  color: #444;  font-family: Arial, Sans-Serif;  font-size: 13px;    padding: 0; 
    margin: auto!important;  line-height: 1.4;
}
.pun {
    width: 980px;  margin: auto;  position: relative;padding:0px;
}
.main .main-foot, .main .main-head {
    background: #53748D url(https://i.imgur.com/3Y5TPJy.png)center center;  color: #ffffff;    padding: 10px;  font-size: 10px;  text-transform: uppercase;  font-weight: bold;  border: 1px solid #284158;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14); 
    line-height: 19px;
}
.table tbody.statused tr td {
    background: white!important;  vertical-align: middle;  border: 0px;
    border-bottom: 1px solid #DDD!important;     
    font-family: arial, sans-serif;  font-size: 12px;  font-weight: bold;
    color: rgb(119, 119, 119);
}
.table tbody.statused tr:nth-child(2n+2) td ,.main-content tbody .statused tr:nth-child(2n+2) td{
background: rgb(250, 250, 250)!important;
}
.main-head .page-title h2 ,.main .main-head .page-title{
    font-family: arial, sans-serif;  font-size: 10px;  font-weight: bold;
}
p#catrow {
    font-family: arial, sans-serif;  font-size: 11px;  font-weight: bold;
    text-align: right;
    margin-right: 10px;
}
.desc_forum_cat_row {
    color: rgb(170, 170, 170);    font-family: arial, sans-serif;  font-size: 11px;  font-style: italic;
    font-weight: normal;
}
.statused tr td .hierarchy a {color: rgb(85, 85, 85);      font-family: arial, sans-serif;  font-size: 12px;  font-weight: bold;}
.statused tr td .hierarchy a:hover {color: #222;}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
#pun-about #qjump {
    display: none;
}
#pun-about {
    background: rgb(248, 248, 248); 
    color: transparent;  border-top: 1px solid #D1D1D1; 
    padding: 0 5px;    height: 45px;  line-height: 45px;
    text-align: left;
}
#pun-about ul li a {
    font-size: 11px;  color: #999;  display: block;  float: left;  height: 45px;  line-height: 45px;  padding: 0 10px;  border-right: 1px solid #ddd;
    font-weight: normal;
}
#pun-about ul li a:hover {
    background: #fff;  color: #666;
}
ul#pun-legend {
    text-align: left;
    line-height: 37px;
    height: 37px;
    margin: 0;
    color: rgb(68, 68, 68);      font-family: Arial, sans-serif;  font-size: 11px;
}
ul#pun-legend img {
    top: 9px;
    position: relative;
    margin-left: 10px;
}

#pun-foot #copyright {
    padding: 0 15px;      border-radius: 0 0 5px 5px;  font-size: 11px;  height: 45px; 
    line-height: 45px;  color: #999;
}
#pun-foot #copyright a {
    font-weight: bold;
}
#pun-foot #back-top {
    float: right;  padding: 0 10px;  height: 45px;  line-height: 45px;  display: block;  border-left: 1px solid #ddd;  margin-left: 10px;  border-right: 1px solid #ddd;
}
#pun-foot .mybb-link.right {
    margin-right: 10px;  border-right: 1px solid #ddd;  padding-right: 10px;
}
#pun-foot .icon-upload.icon-large {
    background: url("https://i.imgur.com/noa2Awt.png") no-repeat center center;
    width: 25px;
    height: 24px;
    display: block;
    margin-top: 10px;
}
#pun-foot .icon-upload.icon-large:hover {
    background: url("https://i.imgur.com/1JvGS3S.png") no-repeat center center;
}
#pun-foot #copyright .audentio-link.right {
    line-height: 15px;
    margin-top: 8px;
}
#pun-foot .center.admin {
    position: absolute;
    top: 17px;
    right: 10px;
}
#pun-foot .center.admin a {
    font: bold 10px arial;
}
.boardstats_cat {    font-family: arial, sans-serif; 
    background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
}
.boardstats_cat .bw#icons {
    background: url("https://i.imgur.com/kaTjOdI.png")no-repeat center;
    height: 14px;
    width: 16px;
    float: left;
    margin: 2px 10px 0 0px;
}
.tborder.index_boardstats .contenedor {
background: white;
vertical-align: middle;
border-bottom: 1px solid #DDD;
padding: 15px;
color: rgb(56, 56, 56);
font-family: arial, sans-serif;
font-size: 11px;
}
.tborder.index_boardstats {
    border: 1px solid #ddd;
    border-bottom: 0px;
}
.boardstats_cat .bs#icons {
    background: url("https://i.imgur.com/jsZSvJy.png")no-repeat center; 
    height: 16px; 
    width: 22px;  float: left;  margin: 2px 10px 0 0px;
}
.tborder.index_boardstats .bs_br {  font-family: arial, sans-serif;    background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
  text-align: right;}
.tborder.index_boardstats .bs_br ul li {
    display: inline;
}
.tborder.index_boardstats .bs_br ul li a {
    color: rgb(151, 151, 151);
    border-right: 1px solid rgb(151, 151, 151);
    padding: 0 5px;
}
.tborder.index_boardstats .bs_br ul li a:hover {
    color: black;
}
.tborder.index_boardstats .bs_br ul li#rtd a {
    border-right: 0px;
}
.pun .main-content .table thead tr th {
    font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
    font-weight: bold;
}
#pun-visit, .main-box {
    display: none;
}
#page-body {
    overflow: hidden;
padding-top: 20px;}
.pun .crumbs a {
    font-family: Arial, sans-serif; 
    font-size: 11px; 
}
.pun .crumbs {
    position: absolute;
    top: 10px;
    width: 930px;
}
.container_IE {
    background: url("https://i.imgur.com/Hw0gs2Q.png") repeat-x top;
}
.menu.main_width {
    background: url(https://i.imgur.com/bhf8jNK.png);  height: 58px;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07), 0px -1px 0px rgba(255, 255, 255, 0.07);  overflow: hidden;
}
.menu.main_width ul li {
    display: block;  padding-left: 10px;  float: left; 
    background: url(https://i.imgur.com/50TLteD.png) no-repeat right 10px;
}
.menu.main_width ul li:first-child {
    margin-left: 10px;
}
.menu.main_width ul li a {
    color: #f8f8f8;  text-decoration: none;  margin-top: 16px;  display: block;  padding-right: 35px;  padding-left: 2px;  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.58);
}
.menu-item-subtitle {
    display: block;  float: left;  font-size: 10px;  color: #868686;  font-weight: normal;  font-style: italic;
}
.menu.main_width ul li:hover .menu-item-subtitle {
    color: #fafafa;
}
#panel {
    color: #E9E9E9;  font-size: 11px;  height: 42px;  font-family: georgia;  font-style: italic;  text-shadow: 0px -1px 0px #000;  line-height: 42px;
}
#pun-intro {
    width: 980px;
    height: 93px;
    padding: 0;
    background: none;
    border: none;
}
#pun-logo {
    display: table-cell;  vertical-align: middle;  height: 93px;  line-height: 93px;  margin: auto;
    float: none;
}
.registerlink {
    background: #8DB318;  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);  padding: 5px 10px;  border-radius: 2px;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43);  margin-left: 10px;
}
#panel a {
    color: #E9E9E9;
}
.registerlink:hover {
    background: #78AD28;
}
.icon-plus-sign {
    background: url("https://i.imgur.com/Qg6Pc4b.png") no-repeat center;
    padding: 5px;
}
.loginlink .icon-user {
    background: url("https://i.imgur.com/WOLNdgB.png") center no-repeat;
    padding: 6px;
}
.social-icons.right {
    color: #E9E9E9;  font-size: 11px;  font-family: georgia;  font-style: italic;  text-shadow: 0px -1px 0px #000;  line-height: 42px;
    height: 42px;
}
.social-icons.right a {
    background: url(https://i.imgur.com/AjVm7sG.png) 0px 0px;  height: 16px;  width: 18px;  display: inline-block;  position: relative;  top: 5px;  background-position: 0px -2px;  opacity: 0.6;
    margin: 8px 2px 8px 2px;
}
.a-icon-twitter {
    background-position: 60px -2px !important;
}
.a-icon-gplus {
    background-position: 80px -2px !important;
}
.a-icon-rss {
    background-position: 40px -2px !important;
}
.a-icon-vimeo {
    background-position: 100px -2px !important;
}
.hidden.a-icon-youtube {
    background-position: 0px -2px !important;
}
.a-icon-facebook {
    background-position: 19px -2px !important;
}
.social-icons.right a:hover {
    opacity: 1;
}
.in_search {
    position: absolute;
    right: 20px;
    top: 70px;
}
.in_search .inputbox.medium {
    background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
    border: 1px solid rgb(70, 83, 92);  padding: 0px 10px; 
    height: 30px; 
    margin-right: -5px;
}
.in_search #buttonsearch {
    background: #353535 url(https://i.imgur.com/sQN42lT.png) !important;  color: transparent;  height: 32px;  border: 0;  width: 34px;  background-position: -50px -8px !important;
    cursor: pointer;
    top: 1px;
    position: relative;
}
.user-dropdown-box {
    display: none;  position: absolute;  min-width: 150px; 
    background: url(https://i.imgur.com/5kJJAoi.png);  color: #555; 
    top: 41px;  border-radius: 0 4px 4px 4px;  padding: 5px;  z-index: 88; 
    left: 120px;  box-shadow: none;  font-family: arial;  text-shadow: none;  font-style: normal;
}
.user-dropdown-box .user-dropdown-box-inner {
    background: white;  text-align: center;
    padding: 10px;
}
.userloginbox .username input, .userloginbox .pass input {
    padding: 8px;  margin-bottom: 10px;
    border: 1px solid #D3D3D3;
    background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
    width: 160px;
}

.user-dropdown-box .user-dropdown-box-inner .sendpass a {
    margin: -10px;  padding: 15px;  background: #fafafa;  margin-top: 0;
    text-shadow: none;  color: #555 !important;  display: block;  height: auto;  line-height: 1.3;    border-top: 1px solid #ddd;  font-family: arial;  font-style: normal;  text-align: left;
}
.buttonipblog input.mainoption {  font-size: 11px;  color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
    display: block;  width: 100%;  margin-bottom: 15px;  padding: 10px;  text-transform: uppercase;  font-weight: bold;
}
.buttonipblog input.mainoption:hover {
    background: #fefefe;
}
.buttonipblog input.mainoption:active {
    background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
}
.user-dropdown-box::before {
    width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid #000000;  top: -5px;  left: 10px;
}
#page-body input[type="button"], #page-body input[type="submit"], #page-body input[type="reset"], #page-body input[type="file"]::-webkit-file-upload-button, #page-body button {
    padding: 6px 10px;  font-size: 11px; 
    color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
}
#page-body input[type="button"]:hover, #page-body input[type="submit"]:hover, #page-body input[type="reset"]:hover, #page-body input[type="file"]::-webkit-file-upload-button:hover, #page-body button:hover {
    background: #fefefe;
}
#page-body input[type="button"]:active, #page-body input[type="submit"]:active, #page-body input[type="reset"]:active, #page-body input[type="file"]::-webkit-file-upload-button:active, #page-body button:active {
    background: rgb(238,238,238);  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)));  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
}
#page-body blockquote ,#page-body .codebox {
    border: 1px solid #ccc;  margin: 0;  background: #fff; 
    padding: 10px;  border-radius: 2px;  position: relative;  padding-right: 45px;  overflow: hidden;
}
#page-body blockquote::before {
    content: ""; 
    background: url(https://i.imgur.com/cqwW2R7.png) no-repeat center center;  width: 128px;  height: 128px;  position: absolute;  right: 10px;  top: -57px;
}
#page-body .codebox::before {
    background: url(https://i.imgur.com/zBfocq2.png) no-repeat center center;  top: -45px;
    content: "";    width: 128px;  height: 128px;  position: absolute;  right: 10px; 
}
#page-body .codebox dt {
    font-weight: bold;  border-bottom: 1px solid #ccc;  font-style: normal;  display: block;  margin: 0;  padding-bottom: 8px;  margin-top: -2px;  padding-top: 1px;  text-transform: uppercase;  font-size: 11px;  margin-bottom: 7px;
}
#page-body .codebox .cont_code {
    background: none;
}
.pun .post .user {
    display: block;
    position: relative;
    margin: 0;
    width: initial!important;
    float: none;
    background: white;  vertical-align: middle;  border-bottom: 1px solid #DDD;  padding: 15px;
    height: 75px;
  overflow:initial;
}
.pun .postmain {
    margin: 0;
    border: 0;
}
.pun .post-entry {
    background: rgb(250, 250, 250);  vertical-align: middle;  border-bottom: 1px solid #DDD;
    padding: 5px 10px;
}
#page-body .postfoot {
    margin: 0;
    background: white;  vertical-align: middle;  border: 0;
    border-bottom: none;  padding: 15px;
}
.pun .posthead {
    font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px; 
    border-bottom: 1px solid #ddd; 
    border-top: none;
    min-height: 20px;  line-height: 20px;
}
.pun .post {
    margin: 10px 0;
    border: 1px solid #ddd;
}
.pun .topic {
    border: 0;
    background: none;
}
.pun .user .user-info {
    float: right;
font-size:11px}
.pun .user .user-ident {
    float: left;
}
.pun .topic .post:first-child {
    margin-top: 0px;
}
.pun .user-ident .user-basic-info {
font-weight: normal;
font-size: 11px;
}
.pun .post .user .user_avatar {
    float: left;
}
.pun .post .user .user_avatar img {
    padding: 1px;  border: 1px solid #DDD;  box-shadow: 0px 1px 3px -1px #BEBEBE;
    width: 70px;
    height: 70px;
}
.pun .post .user .user_avatar img:hover {border-color: #aaa;}
.pun .user-ident .username {
    position: relative;
}
.pun .user .user-ident {
    margin-left: 15px;
    font-size: 11px;
    font-weight: normal;
}
.pun .user-ident .username a {
    font-size: 13px;
    font-weight: bold;
}
.pun .user-ident .username status.s_u_p {
    float: left;
    background: url("https://i.imgur.com/UvKrxTF.png");
    height: 7px;
    width: 7px;
    margin: 4px 4px 4px 0px;
}
#tabs ul li a {
    font-size: 11px;  color: #666; 
    border-radius: 2px 2px 0 0;  cursor: pointer; 
    border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);  display: block;     
    padding: 0px 5px;   
    font-weight: bold;
    border-bottom: 0;
}
#tabs ul li.activetab a {
    background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    border: 1px solid rgb(150, 150, 150);
    color: black;
    text-decoration: none;
    border-bottom: 0;
    margin-top: -2px;
    padding: 1px 5px;
}
#tabs ul li.activetab a:hover ,#tabs ul li a:hover {
    background: white;
    color: black;
}
#profile-advanced-layout #new-message {
    width: auto;
}
.posting img:hover {
opacity: 0.9;
}
#page-body input[type="text"], #page-body textarea {
    background: #ffffff;  color: #979797;  border: 1px solid #A7A7A7; 
    padding: 6px;  font-size: 11px;  outline: 0;
}
.frm-set.multi.posting .frm-input {
    margin-left: 0;
    width: initial;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea {
    margin: 0;
    width: 600px;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr {
    width: 735px!important;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr .sceditor-toolbar {
    margin: 0;
    width: 725px!important;
    float: left;
}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr iframe ,.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr textarea {
    width: 725px!important;
    border: 0px!important;
    padding: 0!important;
    color: #111;  font-family: Verdana,Arial,Helvetica,sans-serif;  font-size: 13px;
}
#smiley-box {
    width: 155px;
    padding: 2px;
    margin-left: 1px;
    height: 280px;
    background: url(https://i.imgur.com/3Y5TPJy.png)repeat-x; 
    background-size: auto 35px;
    color: #ffffff;   
    font-size: 10px;  text-transform: uppercase;  font-weight: bold; 
    border: 1px solid #284158;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14);  line-height: 19px;
    padding-top: 35px;
    position: relative;
}
#smiley-box iframe {
    height: 280px;
}
#smiley-box::before {
    content: "Smiley";
    position: absolute;
    top: 9px;
    text-align: center;
    width: 139px;
}
.pun #pun-info .main-content {
    font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px; 
    border: 1px solid #ddd;  min-height: 20px;  line-height: 20px;  font-weight: bold;
}
.pun #pun-info .main-content #stats {
    border-bottom: 1px solid white;
}
.pun #pun-info .main-content #onlinelist {
    border-top: 1px solid rgb(219, 219, 219);
}
#user-hoverbox {
    margin-left: 5px;
    z-index: 999;  min-width: 160px;  position: absolute;  padding-top: 1px;
display:initial!important;}
#user-hoverbox #user-hoverbox-inner a {
    display: block;  background: white;  color: rgb(136, 136, 136);  border-bottom: 1px solid #aaa;  padding: 8px;  font-size: 11px;  z-index: 999;  text-align: left;  text-shadow: none !important;
}
#user-hoverbox-inner {
    background: white;
    width: 140px;
    border: 4px solid black;
    border-radius: 2px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.31);
}
#user-hoverbox #user-hoverbox-inner a:hover {
    background: #fafafa;  color: #333;
}
#user-hoverbox::before {
    width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid rgb(54, 54, 54);  top: -4px;  left: 12px;
}
#user-hoverbox a .icon-user {
    background-image: url("https://i.imgur.com/o0vbztB.png");
}
#user-hoverbox a .icon-comments {
    background-image: url("https://i.imgur.com/H1HNIqI.png");           
}
.pun #user-hoverbox a i {
    background-position: center; 
    background-repeat: no-repeat; 
    width: 13px; 
    height: 10px;  float: left; 
    margin-top: 2px;  margin-right: 3px;
    opacity: 0.8;
}
#user-hoverbox a .icon-envelope-alt {
    background-image: url("https://i.imgur.com/LpRlXho.png");
}
#user-hoverbox a .icon-file-alt {
    background-image: url("https://i.imgur.com/3tVmtX5.png");
}
#user-hoverbox a .icon-folder-open {
    background-image: url("https://i.imgur.com/xbes4ru.png");
}
.pun #user-hoverbox a:hover i {
    opacity: 1!important;
}
.pun #page-body #user-hoverbox #user-hoverbox-inner a {
font-weight: normal;
font-style: normal;
}
#profile-advanced-details .message-text img {
    max-width: 620px;
}
#profile-advanced-details .message-header {
    height: 42px;
    font: bold 11px arial;
    color: rgb(101, 107, 112);
    font-style: normal;
    border-bottom: 1px solid #C2C2C2!important;
    border: 0px;
    margin: 0;
    background-image: -webkit-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: -moz-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: -ms-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: -o-linear-gradient(top,#FAFAFA,#EEEEEE); 
    background-image: linear-gradient(top,#FAFAFA,#EEEEEE);
}
#profile-advanced-details .message-block {
    margin: 0;
}
#profile-advanced-details ol li {
    border: 1px solid rgb(187, 187, 187);
    margin: 5px 0;
}
#profile-advanced-details .avatar {
    border: none;
    margin-top: 0px;
    margin-right: 6px;
}
#profile-advanced-details .avatar img {
    border: solid silver;
    border-width: 0px 1px 0 0;
    width: 50px;
    height: 50px;
}
#profile-advanced-details .message-block .message-text {
    padding: 10px;
    font-family: arial;
}
embed[src^="http://www.youtube.com"] {
    width: 620px;
    height: 380px;
}
#profile-advanced-layout #tabs.clearfix {
position: initial;
}
/** 31082017supprimer le cadre-smileys des réponses normales **/
            #smiley-box{
  width:100%;
  margin:auto;
  float:none;
  display:none;
}
 
#textarea_content, .sceditor-container textarea, .sceditor-container iframe{
  width:100% !important;
}
  /*zoom image 31082017*/

a.fa_fancybox img{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 920;
}

.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 930;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 920;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 940;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('https://i.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 940;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 940;
  visibility: hidden;
}

.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 20px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 910;
  background: #000;
}

#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 950;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 930;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  margin-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}
/* notifications haut jaune */

#fa_toolbar #live_notif .fa_notification
{
position:fixed !important;
background-color:yellow !important;
color:black !important;
width:60% !important;
left:20% !important;
text-align: center !important;
border-radius:0px !important;
}
.fa_notification
{
display:block !important;
}
#fa_toolbar #live_notif .fa_notification .content.ellipsis,#fa_toolbar #live_notif .fa_notification .content.ellipsis a
{
font-size:20px !important;
color:black !important;
text-decoration:none !important;
}
/* réponse automatique sujet */
 

    /*Auteur du sujet*/
    a.M14_Auteur
    {
    margin-left:5px;
    text-decoration:none !important; 
    }
    /*Avatar*/
    img.M14_Avatar
    {
    max-width:100px;
    max-height:100px;
    }
    /*Le corps du message*/
    #M14_postbody
    {
    font-style:italic !important;
    font-size:13px !important;
    color:green;
    }
/*Les liens*/
#M14_postbody a{text-decoration:none !important;color: #0000ff !important;}
/* Caracteres gras*/
#M14_postbody span{font-weight:bold !important;}

merci pour tout biz serge
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Donc tu veux avoir les compteurs regroupés,
quelle couleur doit avoir le fond stp ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
Kikou alors oui en gros comme toi dans les forum et sujets  et pour la couleur de fond je te demanderai et stp de tout coeur mon milouze que tu choisisses voici le lien de mon site pmturf  car je suis daltonien donc moi et les couleurs mdr sa fait 2 ahahahah bisous et encore merci

au passage mon milouze si tu peut décaler au max sur la droite : tu ses l'avatar , le nom etc sa te permettrai d'avoir plus de places exemple


Dernière édition par WinaTickets le Dim 10 Sep 2017 - 17:51, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hum tu veux décaler le bloc de droite vers la gauche????



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
oula c'est vers la droite pour que tu es de la place mdr  bisous
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Il y avait assez de place Serge, sinon il va y avoir trop de vide clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
oki sa roule j'attend oki mon milouze bisous
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu peux remplacer le contenu du template index box par celui-ci:
Code:
    <div class="pun-crumbs">
          <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
        </div>
        <div class="main">
        <!-- BEGIN catrow -->
          <!-- BEGIN tablehead -->
              <div class="main-head mybb">
                <div class="page-title">{catrow.tablehead.L_FORUM}</div>
              </div>
              <div class="main-content">
                <table cellspacing="0" class="table">
                    <tbody class="statused">
          <!-- END tablehead -->

          <!-- BEGIN forumrow -->
                      <tr>
<td class="tcl" style="width:20%!important;padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                            <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                            </span>
                            <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                            <br />
                                                          <div class="desc_forum_cat_row">{catrow.forumrow.FORUM_DESC}</div>
                            <!-- BEGIN switch_moderators_links -->
                            <br />
                            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                            <!-- END switch_moderators_links -->
                            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                            <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                          </td>
                          <td style="width:20%!important;"class="tc2">
                            <div class="forum-stats">
                              <div style="float:left;width: 50%;"><center>{catrow.forumrow.TOPICS}<br /> Sujets </center></div>
  <div style="float:right;width: 50%;"><center>{catrow.forumrow.POSTS} <br /> Réponses </center></div>
                            </div>
                        </td>
                     
                          <td class="tcr" style="width: 20%;text-align: center;">
    <!-- BEGIN avatar -->
    <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
    <!-- END avatar -->                     
                            <span>
                            <!-- BEGIN switch_topic_title -->
                            <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                            <!-- END switch_topic_title -->
                            {catrow.forumrow.USER_LAST_POST}
                            </span>
                          </td>
                      </tr>
          <!-- END forumrow -->

          <!-- BEGIN tablefoot -->
                    </tbody>
                </table>
          </div><br/>
          <!-- END tablefoot -->
        <!-- END catrow -->
        </div>

Puis remplacer toute la c.s.s par celle ci:

Code:

.forum-stats {
    background: #e5e5e5;
    margin: 3px 0px;
    height: 34px;
    border: 1px solid #ccc;
  font-size: 11px; 
  font-weight: bold;
  font-family: arial, sans-serif;
}



#page-body {
        width: 960px;  margin: auto;
        position: relative;
        padding: 10px;
        border-top: 5px solid #1C2229;   
        box-shadow: 0 0 20px rgba(0,0,0,.5);  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
        background: #fff;
    }
    #pun-foot {
        border-radius: 0 0 5px 5px;
        width: 980px;
        margin: auto;      background: #fff;
        z-index: 999;
        display: block;
        position: relative;
        box-shadow: 0 10 20px rgba(0,0,0,.5);  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5);
        margin-bottom: 30px;
    }
    body {
        background: #21313d;  color: #444;  font-family: Arial, Sans-Serif;  font-size: 13px;    padding: 0;
        margin: auto!important;  line-height: 1.4;
    }
    .pun {
        width: 980px;  margin: auto;  position: relative;padding:0px;
    }
    .main .main-foot, .main .main-head {
        background: #53748D url(https://i.imgur.com/3Y5TPJy.png)center center;  color: #ffffff;    padding: 10px;  font-size: 10px;  text-transform: uppercase;  font-weight: bold;  border: 1px solid #284158;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14);
        line-height: 19px;
    }
    .table tbody.statused tr td {
        background: white!important;  vertical-align: middle;  border: 0px;
        border-bottom: 1px solid #DDD!important;   
        font-family: arial, sans-serif;  font-size: 12px;  font-weight: bold;
        color: rgb(119, 119, 119);
    }
    .table tbody.statused tr:nth-child(2n+2) td ,.main-content tbody .statused tr:nth-child(2n+2) td{
    background: rgb(250, 250, 250)!important;
    }
    .main-head .page-title h2 ,.main .main-head .page-title{
        font-family: arial, sans-serif;  font-size: 10px;  font-weight: bold;
    }

    .desc_forum_cat_row {
        color: rgb(170, 170, 170);    font-family: arial, sans-serif;  font-size: 11px;  font-style: italic;
        font-weight: normal;
    }
    .statused tr td .hierarchy a {color: rgb(85, 85, 85);      font-family: arial, sans-serif;  font-size: 12px;  font-weight: bold;}
    .statused tr td .hierarchy a:hover {color: #222;}
    a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumtitle {text-decoration: none;}
    a.forumtitle:hover {text-decoration: none!important;}
    a.topictitle {text-decoration: none;}
    a.topictitle:hover {text-decoration: none!important;}
    #pun-about #qjump {
        display: none;
    }
    #pun-about {
        background: rgb(248, 248, 248);
        color: transparent;  border-top: 1px solid #D1D1D1;
        padding: 0 5px;    height: 45px;  line-height: 45px;
        text-align: left;
    }
    #pun-about ul li a {
        font-size: 11px;  color: #999;  display: block;  float: left;  height: 45px;  line-height: 45px;  padding: 0 10px;  border-right: 1px solid #ddd;
        font-weight: normal;
    }
    #pun-about ul li a:hover {
        background: #fff;  color: #666;
    }
    ul#pun-legend {
        text-align: left;
        line-height: 37px;
        height: 37px;
        margin: 0;
        color: rgb(68, 68, 68);      font-family: Arial, sans-serif;  font-size: 11px;
    }
    ul#pun-legend img {
        top: 9px;
        position: relative;
        margin-left: 10px;
    }

    #pun-foot #copyright {
        padding: 0 15px;      border-radius: 0 0 5px 5px;  font-size: 11px;  height: 45px;
        line-height: 45px;  color: #999;
    }
    #pun-foot #copyright a {
        font-weight: bold;
    }
    #pun-foot #back-top {
        float: right;  padding: 0 10px;  height: 45px;  line-height: 45px;  display: block;  border-left: 1px solid #ddd;  margin-left: 10px;  border-right: 1px solid #ddd;
    }
    #pun-foot .mybb-link.right {
        margin-right: 10px;  border-right: 1px solid #ddd;  padding-right: 10px;
    }
    #pun-foot .icon-upload.icon-large {
        background: url("https://i.imgur.com/noa2Awt.png") no-repeat center center;
        width: 25px;
        height: 24px;
        display: block;
        margin-top: 10px;
    }
    #pun-foot .icon-upload.icon-large:hover {
        background: url("https://i.imgur.com/1JvGS3S.png") no-repeat center center;
    }
    #pun-foot #copyright .audentio-link.right {
        line-height: 15px;
        margin-top: 8px;
    }
    #pun-foot .center.admin {
        position: absolute;
        top: 17px;
        right: 10px;
    }
    #pun-foot .center.admin a {
        font: bold 10px arial;
    }
    .boardstats_cat {    font-family: arial, sans-serif;
        background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
    }
    .boardstats_cat .bw#icons {
        background: url("https://i.imgur.com/kaTjOdI.png")no-repeat center;
        height: 14px;
        width: 16px;
        float: left;
        margin: 2px 10px 0 0px;
    }
    .tborder.index_boardstats .contenedor {
    background: white;
    vertical-align: middle;
    border-bottom: 1px solid #DDD;
    padding: 15px;
    color: rgb(56, 56, 56);
    font-family: arial, sans-serif;
    font-size: 11px;
    }
    .tborder.index_boardstats {
        border: 1px solid #ddd;
        border-bottom: 0px;
    }
    .boardstats_cat .bs#icons {
        background: url("https://i.imgur.com/jsZSvJy.png")no-repeat center;
        height: 16px;
        width: 22px;  float: left;  margin: 2px 10px 0 0px;
    }
    .tborder.index_boardstats .bs_br {  font-family: arial, sans-serif;    background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
      text-align: right;}
    .tborder.index_boardstats .bs_br ul li {
        display: inline;
    }
    .tborder.index_boardstats .bs_br ul li a {
        color: rgb(151, 151, 151);
        border-right: 1px solid rgb(151, 151, 151);
        padding: 0 5px;
    }
    .tborder.index_boardstats .bs_br ul li a:hover {
        color: black;
    }
    .tborder.index_boardstats .bs_br ul li#rtd a {
        border-right: 0px;
    }
    .pun .main-content .table thead tr th {
        font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
        font-weight: bold;
    }
    #pun-visit, .main-box {
        display: none;
    }
    #page-body {
        overflow: hidden;
    padding-top: 20px;}
    .pun .crumbs a {
        font-family: Arial, sans-serif;
        font-size: 11px;
    }
    .pun .crumbs {
        position: absolute;
        top: 10px;
        width: 930px;
    }
    .container_IE {
        background: url("https://i.imgur.com/Hw0gs2Q.png") repeat-x top;
    }
    .menu.main_width {
        background: url(https://i.imgur.com/bhf8jNK.png);  height: 58px;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.07), 0px -1px 0px rgba(255, 255, 255, 0.07);  overflow: hidden;
    }
    .menu.main_width ul li {
        display: block;  padding-left: 10px;  float: left;
        background: url(https://i.imgur.com/50TLteD.png) no-repeat right 10px;
    }
    .menu.main_width ul li:first-child {
        margin-left: 10px;
    }
    .menu.main_width ul li a {
        color: #f8f8f8;  text-decoration: none;  margin-top: 16px;  display: block;  padding-right: 35px;  padding-left: 2px;  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.58);
    }
    .menu-item-subtitle {
        display: block;  float: left;  font-size: 10px;  color: #868686;  font-weight: normal;  font-style: italic;
    }
    .menu.main_width ul li:hover .menu-item-subtitle {
        color: #fafafa;
    }
    #panel {
        color: #E9E9E9;  font-size: 11px;  height: 42px;  font-family: georgia;  font-style: italic;  text-shadow: 0px -1px 0px #000;  line-height: 42px;
    }
    #pun-intro {
        width: 980px;
        height: 93px;
        padding: 0;
        background: none;
        border: none;
    }
    #pun-logo {
        display: table-cell;  vertical-align: middle;  height: 93px;  line-height: 93px;  margin: auto;
        float: none;
    }
    .registerlink {
        background: #8DB318;  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);  padding: 5px 10px;  border-radius: 2px;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.19), 1px 1px 0px rgba(0, 0, 0, 0.43);  margin-left: 10px;
    }
    #panel a {
        color: #E9E9E9;
    }
    .registerlink:hover {
        background: #78AD28;
    }
    .icon-plus-sign {
        background: url("https://i.imgur.com/Qg6Pc4b.png") no-repeat center;
        padding: 5px;
    }
    .loginlink .icon-user {
        background: url("https://i.imgur.com/WOLNdgB.png") center no-repeat;
        padding: 6px;
    }
    .social-icons.right {
        color: #E9E9E9;  font-size: 11px;  font-family: georgia;  font-style: italic;  text-shadow: 0px -1px 0px #000;  line-height: 42px;
        height: 42px;
    }
    .social-icons.right a {
        background: url(https://i.imgur.com/AjVm7sG.png) 0px 0px;  height: 16px;  width: 18px;  display: inline-block;  position: relative;  top: 5px;  background-position: 0px -2px;  opacity: 0.6;
        margin: 8px 2px 8px 2px;
    }
    .a-icon-twitter {
        background-position: 60px -2px !important;
    }
    .a-icon-gplus {
        background-position: 80px -2px !important;
    }
    .a-icon-rss {
        background-position: 40px -2px !important;
    }
    .a-icon-vimeo {
        background-position: 100px -2px !important;
    }
    .hidden.a-icon-youtube {
        background-position: 0px -2px !important;
    }
    .a-icon-facebook {
        background-position: 19px -2px !important;
    }
    .social-icons.right a:hover {
        opacity: 1;
    }
    .in_search {
        position: absolute;
        right: 20px;
        top: 70px;
    }
    .in_search .inputbox.medium {
        background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
        border: 1px solid rgb(70, 83, 92);  padding: 0px 10px;
        height: 30px;
        margin-right: -5px;
    }
    .in_search #buttonsearch {
        background: #353535 url(https://i.imgur.com/sQN42lT.png) !important;  color: transparent;  height: 32px;  border: 0;  width: 34px;  background-position: -50px -8px !important;
        cursor: pointer;
        top: 1px;
        position: relative;
    }
    .user-dropdown-box {
        display: none;  position: absolute;  min-width: 150px;
        background: url(https://i.imgur.com/5kJJAoi.png);  color: #555;
        top: 41px;  border-radius: 0 4px 4px 4px;  padding: 5px;  z-index: 88;
        left: 120px;  box-shadow: none;  font-family: arial;  text-shadow: none;  font-style: normal;
    }
    .user-dropdown-box .user-dropdown-box-inner {
        background: white;  text-align: center;
        padding: 10px;
    }
    .userloginbox .username input, .userloginbox .pass input {
        padding: 8px;  margin-bottom: 10px;
        border: 1px solid #D3D3D3;
        background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
        width: 160px;
    }

    .user-dropdown-box .user-dropdown-box-inner .sendpass a {
        margin: -10px;  padding: 15px;  background: #fafafa;  margin-top: 0;
        text-shadow: none;  color: #555 !important;  display: block;  height: auto;  line-height: 1.3;    border-top: 1px solid #ddd;  font-family: arial;  font-style: normal;  text-align: left;
    }
    .buttonipblog input.mainoption {  font-size: 11px;  color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
        display: block;  width: 100%;  margin-bottom: 15px;  padding: 10px;  text-transform: uppercase;  font-weight: bold;
    }
    .buttonipblog input.mainoption:hover {
        background: #fefefe;
    }
    .buttonipblog input.mainoption:active {
        background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    }
    .user-dropdown-box::before {
        width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid #000000;  top: -5px;  left: 10px;
    }
    #page-body input[type="button"], #page-body input[type="submit"], #page-body input[type="reset"], #page-body input[type="file"]::-webkit-file-upload-button, #page-body button {
        padding: 6px 10px;  font-size: 11px;
        color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
    }
    #page-body input[type="button"]:hover, #page-body input[type="submit"]:hover, #page-body input[type="reset"]:hover, #page-body input[type="file"]::-webkit-file-upload-button:hover, #page-body button:hover {
        background: #fefefe;
    }
    #page-body input[type="button"]:active, #page-body input[type="submit"]:active, #page-body input[type="reset"]:active, #page-body input[type="file"]::-webkit-file-upload-button:active, #page-body button:active {
        background: rgb(238,238,238);  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)));  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    }
    #page-body blockquote ,#page-body .codebox {
        border: 1px solid #ccc;  margin: 0;  background: #fff;
        padding: 10px;  border-radius: 2px;  position: relative;  padding-right: 45px;  overflow: hidden;
    }
    #page-body blockquote::before {
        content: "";
        background: url(https://i.imgur.com/cqwW2R7.png) no-repeat center center;  width: 128px;  height: 128px;  position: absolute;  right: 10px;  top: -57px;
    }
    #page-body .codebox::before {
        background: url(https://i.imgur.com/zBfocq2.png) no-repeat center center;  top: -45px;
        content: "";    width: 128px;  height: 128px;  position: absolute;  right: 10px;
    }
    #page-body .codebox dt {
        font-weight: bold;  border-bottom: 1px solid #ccc;  font-style: normal;  display: block;  margin: 0;  padding-bottom: 8px;  margin-top: -2px;  padding-top: 1px;  text-transform: uppercase;  font-size: 11px;  margin-bottom: 7px;
    }
    #page-body .codebox .cont_code {
        background: none;
    }
    .pun .post .user {
        display: block;
        position: relative;
        margin: 0;
        width: initial!important;
        float: none;
        background: white;  vertical-align: middle;  border-bottom: 1px solid #DDD;  padding: 15px;
        height: 75px;
      overflow:initial;
    }
    .pun .postmain {
        margin: 0;
        border: 0;
    }
    .pun .post-entry {
        background: rgb(250, 250, 250);  vertical-align: middle;  border-bottom: 1px solid #DDD;
        padding: 5px 10px;
    }
    #page-body .postfoot {
        margin: 0;
        background: white;  vertical-align: middle;  border: 0;
        border-bottom: none;  padding: 15px;
    }
    .pun .posthead {
        font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;
        border-bottom: 1px solid #ddd;
        border-top: none;
        min-height: 20px;  line-height: 20px;
    }
    .pun .post {
        margin: 10px 0;
        border: 1px solid #ddd;
    }
    .pun .topic {
        border: 0;
        background: none;
    }
    .pun .user .user-info {
        float: right;
    font-size:11px}
    .pun .user .user-ident {
        float: left;
    }
    .pun .topic .post:first-child {
        margin-top: 0px;
    }
    .pun .user-ident .user-basic-info {
    font-weight: normal;
    font-size: 11px;
    }
    .pun .post .user .user_avatar {
        float: left;
    }
    .pun .post .user .user_avatar img {
        padding: 1px;  border: 1px solid #DDD;  box-shadow: 0px 1px 3px -1px #BEBEBE;
        width: 70px;
        height: 70px;
    }
    .pun .post .user .user_avatar img:hover {border-color: #aaa;}
    .pun .user-ident .username {
        position: relative;
    }
    .pun .user .user-ident {
        margin-left: 15px;
        font-size: 11px;
        font-weight: normal;
    }
    .pun .user-ident .username a {
        font-size: 13px;
        font-weight: bold;
    }
    .pun .user-ident .username status.s_u_p {
        float: left;
        background: url("https://i.imgur.com/UvKrxTF.png");
        height: 7px;
        width: 7px;
        margin: 4px 4px 4px 0px;
    }
    #tabs ul li a {
        font-size: 11px;  color: #666;
        border-radius: 2px 2px 0 0;  cursor: pointer;
        border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);  display: block;   
        padding: 0px 5px; 
        font-weight: bold;
        border-bottom: 0;
    }
    #tabs ul li.activetab a {
        background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
        border: 1px solid rgb(150, 150, 150);
        color: black;
        text-decoration: none;
        border-bottom: 0;
        margin-top: -2px;
        padding: 1px 5px;
    }
    #tabs ul li.activetab a:hover ,#tabs ul li a:hover {
        background: white;
        color: black;
    }
    #profile-advanced-layout #new-message {
        width: auto;
    }
    .posting img:hover {
    opacity: 0.9;
    }
    #page-body input[type="text"], #page-body textarea {
        background: #ffffff;  color: #979797;  border: 1px solid #A7A7A7;
        padding: 6px;  font-size: 11px;  outline: 0;
    }
    .frm-set.multi.posting .frm-input {
        margin-left: 0;
        width: initial;
    }
    .frm-set.multi.posting #textarea_content.posting-block .frm-textarea {
        margin: 0;
        width: 600px;
    }
    .frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr {
        width: 735px!important;
    }
    .frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr .sceditor-toolbar {
        margin: 0;
        width: 725px!important;
        float: left;
    }
    .frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr iframe ,.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr textarea {
        width: 725px!important;
        border: 0px!important;
        padding: 0!important;
        color: #111;  font-family: Verdana,Arial,Helvetica,sans-serif;  font-size: 13px;
    }
    #smiley-box {
        width: 155px;
        padding: 2px;
        margin-left: 1px;
        height: 280px;
        background: url(https://i.imgur.com/3Y5TPJy.png)repeat-x;
        background-size: auto 35px;
        color: #ffffff; 
        font-size: 10px;  text-transform: uppercase;  font-weight: bold;
        border: 1px solid #284158;  border-radius: 4px 4px 0 0;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.14);  line-height: 19px;
        padding-top: 35px;
        position: relative;
    }
    #smiley-box iframe {
        height: 280px;
    }
    #smiley-box::before {
        content: "Smiley";
        position: absolute;
        top: 9px;
        text-align: center;
        width: 139px;
    }
    .pun #pun-info .main-content {
        font-family: arial, sans-serif;  background: #F0F0F0 url(https://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;
        border: 1px solid #ddd;  min-height: 20px;  line-height: 20px;  font-weight: bold;
    }
    .pun #pun-info .main-content #stats {
        border-bottom: 1px solid white;
    }
    .pun #pun-info .main-content #onlinelist {
        border-top: 1px solid rgb(219, 219, 219);
    }
    #user-hoverbox {
        margin-left: 5px;
        z-index: 999;  min-width: 160px;  position: absolute;  padding-top: 1px;
    display:initial!important;}
    #user-hoverbox #user-hoverbox-inner a {
        display: block;  background: white;  color: rgb(136, 136, 136);  border-bottom: 1px solid #aaa;  padding: 8px;  font-size: 11px;  z-index: 999;  text-align: left;  text-shadow: none !important;
    }
    #user-hoverbox-inner {
        background: white;
        width: 140px;
        border: 4px solid black;
        border-radius: 2px;
      box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.31);
    }
    #user-hoverbox #user-hoverbox-inner a:hover {
        background: #fafafa;  color: #333;
    }
    #user-hoverbox::before {
        width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid rgb(54, 54, 54);  top: -4px;  left: 12px;
    }
    #user-hoverbox a .icon-user {
        background-image: url("https://i.imgur.com/o0vbztB.png");
    }
    #user-hoverbox a .icon-comments {
        background-image: url("https://i.imgur.com/H1HNIqI.png");         
    }
    .pun #user-hoverbox a i {
        background-position: center;
        background-repeat: no-repeat;
        width: 13px;
        height: 10px;  float: left;
        margin-top: 2px;  margin-right: 3px;
        opacity: 0.8;
    }
    #user-hoverbox a .icon-envelope-alt {
        background-image: url("https://i.imgur.com/LpRlXho.png");
    }
    #user-hoverbox a .icon-file-alt {
        background-image: url("https://i.imgur.com/3tVmtX5.png");
    }
    #user-hoverbox a .icon-folder-open {
        background-image: url("https://i.imgur.com/xbes4ru.png");
    }
    .pun #user-hoverbox a:hover i {
        opacity: 1!important;
    }
    .pun #page-body #user-hoverbox #user-hoverbox-inner a {
    font-weight: normal;
    font-style: normal;
    }
    #profile-advanced-details .message-text img {
        max-width: 620px;
    }
    #profile-advanced-details .message-header {
        height: 42px;
        font: bold 11px arial;
        color: rgb(101, 107, 112);
        font-style: normal;
        border-bottom: 1px solid #C2C2C2!important;
        border: 0px;
        margin: 0;
        background-image: -webkit-linear-gradient(top,#FAFAFA,#EEEEEE);
        background-image: -moz-linear-gradient(top,#FAFAFA,#EEEEEE);
        background-image: -ms-linear-gradient(top,#FAFAFA,#EEEEEE);
        background-image: -o-linear-gradient(top,#FAFAFA,#EEEEEE);
        background-image: linear-gradient(top,#FAFAFA,#EEEEEE);
    }
    #profile-advanced-details .message-block {
        margin: 0;
    }
    #profile-advanced-details ol li {
        border: 1px solid rgb(187, 187, 187);
        margin: 5px 0;
    }
    #profile-advanced-details .avatar {
        border: none;
        margin-top: 0px;
        margin-right: 6px;
    }
    #profile-advanced-details .avatar img {
        border: solid silver;
        border-width: 0px 1px 0 0;
        width: 50px;
        height: 50px;
    }
    #profile-advanced-details .message-block .message-text {
        padding: 10px;
        font-family: arial;
    }
    embed[src^="http://www.youtube.com"] {
        width: 620px;
        height: 380px;
    }
    #profile-advanced-layout #tabs.clearfix {
    position: initial;
    }
    /** 31082017supprimer le cadre-smileys des réponses normales **/
                #smiley-box{
      width:100%;
      margin:auto;
      float:none;
      display:none;
    }
   
    #textarea_content, .sceditor-container textarea, .sceditor-container iframe{
      width:100% !important;
    }
      /*zoom image 31082017*/

    a.fa_fancybox img{
      cursor: pointer;
      cursor: -webkit-zoom-in;
      cursor: -moz-zoom-in;
    }
    /* general */
    .fancybox-tmp iframe, .fancybox-tmp object {
      vertical-align: top;
      padding: 0;
      margin: 0;
    }

    .fancybox-wrap {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 920;
    }

    .fancybox-skin {
      position: relative;
      padding: 0;
      margin: 0;
      background: #f9f9f9;
      color: #444;
      text-shadow: none;
      -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
              border-radius: 4px;
    }

    .fancybox-opened {
      z-index: 930;
    }

    .fancybox-opened .fancybox-skin {
      -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
              box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

    .fancybox-outer, .fancybox-inner {
      padding: 0;
      margin: 0;
      position: relative;
      outline: none;
    }

    .fancybox-inner {
      overflow: hidden;
    }

    .fancybox-type-iframe .fancybox-inner {
      -webkit-overflow-scrolling: touch;
    }

    .fancybox-error {
      color: #444;
      font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
      margin: 0;
      padding: 10px;
    }

    .fancybox-image, .fancybox-iframe {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
      padding: 0;
      margin: 0;
      vertical-align: top;
    }

    .fancybox-image {
      max-width: 100%;
      max-height: 100%;
    }

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
      background-image: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.png');
    }

    #fancybox-loading {
      position: fixed;
      top: 50%;
      left: 50%;
      margin-top: -22px;
      margin-left: -22px;
      background-position: 0 -108px;
      opacity: 0.8;
      cursor: pointer;
      z-index: 920;
    }

    #fancybox-loading div {
      width: 44px;
      height: 44px;
      background: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
    }

    .fancybox-close {
      position: absolute;
      top: -18px;
      right: -18px;
      width: 36px;
      height: 36px;
      cursor: pointer;
      z-index: 940;
    }

    .fancybox-nav {
      position: absolute;
      top: 0;
      width: 40%;
      height: 100%;
      cursor: pointer;
      background: transparent url('https://i.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      z-index: 940;
    }

    .fancybox-prev {
      left: 0;
    }

    .fancybox-next {
      right: 0;
    }

    .fancybox-nav span {
      position: absolute;
      top: 50%;
      width: 36px;
      height: 34px;
      margin-top: -18px;
      cursor: pointer;
      z-index: 940;
      visibility: hidden;
    }

    .fancybox-prev span {
      left: 20px;
      background-position: 0 -36px;
    }

    .fancybox-next span {
      right: 20px;
      background-position: 0 -72px;
    }

    .fancybox-nav:hover span {
      visibility: visible;
    }

    .fancybox-tmp {
      position: absolute;
      top: -9999px;
      left: -9999px;
      padding: 0;
      overflow: visible;
      visibility: hidden;
    }

    /* Overlay helper */

    #fancybox-overlay {
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      display: none;
      z-index: 910;
      background: #000;
    }

    #fancybox-overlay.overlay-fixed {
      position: fixed;
      bottom: 0;
      right: 0;
    }

    /* Title helper */

    .fancybox-title {
      visibility: hidden;
      font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
      position: relative;
      text-shadow: none;
      z-index: 950;
    }

    .fancybox-opened .fancybox-title {
      visibility: visible;
    }

    .fancybox-title-float-wrap {
      position: absolute;
      bottom: 0;
      right: 50%;
      margin-bottom: -35px;
      z-index: 930;
      text-align: center;
    }

    .fancybox-title-float-wrap .child {
      display: inline-block;
      margin-right: -100%;
      padding: 2px 20px;
      background: transparent; /* Fallback for web browsers that doesn't support RGBa */
      background: rgba(0, 0, 0, 0.8);
      -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
              border-radius: 15px;
      text-shadow: 0 1px 2px #222;
      color: #FFF;
      font-weight: bold;
      line-height: 24px;
      white-space: nowrap;
    }

    .fancybox-title-outside-wrap {
      position: relative;
      margin-top: 10px;
      color: #fff;
    }

    .fancybox-title-inside-wrap {
      margin-top: 10px;
    }

    .fancybox-title-over-wrap {
      position: absolute;
      bottom: 0;
      left: 0;
      color: #fff;
      padding: 10px;
      background: #000;
      background: rgba(0, 0, 0, .8);
    }
    /* notifications haut jaune */

    #fa_toolbar #live_notif .fa_notification
    {
    position:fixed !important;
    background-color:yellow !important;
    color:black !important;
    width:60% !important;
    left:20% !important;
    text-align: center !important;
    border-radius:0px !important;
    }
    .fa_notification
    {
    display:block !important;
    }
    #fa_toolbar #live_notif .fa_notification .content.ellipsis,#fa_toolbar #live_notif .fa_notification .content.ellipsis a
    {
    font-size:20px !important;
    color:black !important;
    text-decoration:none !important;
    }
    /* réponse automatique sujet */
   

        /*Auteur du sujet*/
        a.M14_Auteur
        {
        margin-left:5px;
        text-decoration:none !important;
        }
        /*Avatar*/
        img.M14_Avatar
        {
        max-width:100px;
        max-height:100px;
        }
        /*Le corps du message*/
        #M14_postbody
        {
        font-style:italic !important;
        font-size:13px !important;
        color:green;
        }
    /*Les liens*/
    #M14_postbody a{text-decoration:none !important;color: #0000ff !important;}
    /* Caracteres gras*/
    #M14_postbody span{font-weight:bold !important;}



J'attend ta réponse pour passer à l'autre template clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
yep mon milouze , alors peut t'on décaler l'avatar plus vers la droite et peut on ajouter les diabolo comme chez toi ou pas 



merci pour tout amicalement serge
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Je regarde cela, pour le diabolo , hum je le garde pour moi clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
hhihhi alors si tu peut un cheval hihihi sa correspondrai ( un cheval noir et un cheval bleu quand des réponses :)  hihihi
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu me trouve les images stp clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu peux tester avec ce nouveau contenu Serge:
Code:
    <div class="pun-crumbs">
          <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
        </div>
        <div class="main">
        <!-- BEGIN catrow -->
          <!-- BEGIN tablehead -->
              <div class="main-head mybb">
                <div class="page-title">{catrow.tablehead.L_FORUM}</div>
              </div>
              <div class="main-content">
                <table cellspacing="0" class="table">
                    <tbody class="statused">
          <!-- END tablehead -->

          <!-- BEGIN forumrow -->
                      <tr>
<td class="tcl" style="width:20%!important;padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                            <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                            </span>
                            <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                            <br />
                                                          <div class="desc_forum_cat_row">{catrow.forumrow.FORUM_DESC}</div>
                            <!-- BEGIN switch_moderators_links -->
                            <br />
                            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                            <!-- END switch_moderators_links -->
                            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                            <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                          </td>
                          <td style="width:20%!important;"class="tc2">
                            <div class="forum-stats">
                              <div style="float:left;width: 50%;"><center>{catrow.forumrow.TOPICS}<br /> Sujets </center></div>
  <div style="float:right;width: 50%;"><center>{catrow.forumrow.POSTS} <br /> Réponses </center></div>
                            </div>
                        </td>
                     
                          <td class="tcr" style="width: 20%;text-align: center;">
    <!-- BEGIN avatar -->
    <div class="lastpost-avatar"style="padding: 2px;margin-left: 38px;position: absolute;width: 38px;height: 38px;">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
    <!-- END avatar -->                     
                            <span>
                            <!-- BEGIN switch_topic_title -->
                            <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                            <!-- END switch_topic_title -->
                            {catrow.forumrow.USER_LAST_POST}
                            </span>
                          </td>
                      </tr>
          <!-- END forumrow -->

          <!-- BEGIN tablefoot -->
                    </tbody>
                </table>
          </div><br/>
          <!-- END tablefoot -->
        <!-- END catrow -->
        </div>




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
kikou alors pour quand ya pas de réponses :

voila l'image : https://i.servimg.com/u/f11/17/15/41/45/picto-10.png


quand y'a une réponse voilà l'image : https://i.servimg.com/u/f11/17/15/41/45/picto-11.png

pour les 2 images les tailles sont 36x22 

biz serge
WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
kikou

Alors oui c'est beaucoup mieux mon milouze parfait pour ce que tu vient de faire , en ce qui concerne les images :

ya pas de réponses :

voila l'image : https://i.servimg.com/u/f11/17/15/41/45/picto-10.png


quand y'a une réponse voilà l'image : https://i.servimg.com/u/f11/17/15/41/45/picto-11.png

pour les 2 images les tailles sont 36x22 

biz serge
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hum quelle réponse??
J'ai pas de truc comme çà sur mon fofo!!!



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
regarde :

tu voi le biabolo change de couleur ( je pensait et si ca se trouve c'est cela quand quelqu'un post une nouvelle réponses le diabolo change de couleur  en gros mois sa serai mes chevaux amicalement serge
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Non cela n'a rien a voir c'est selon le nombre de messages ou de sujets et comme mentionné plus haut je le garde pour moi Serge (c'est le seul truc que je ne dévoile pas clin oeil ) .

Ton template list box:
Code:
        <!-- BEGIN topics_list_box -->
        <!-- BEGIN row -->
        <!-- BEGIN header_table -->
          <!-- BEGIN multi_selection -->
              <script type="text/javascript">
              function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
                var all_checked = true;
                for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
                if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
                    all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
                }
                }
                document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
              }
              function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
                for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
                if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
                    document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
                }
                }
              }
              </script>
          <!-- END multi_selection -->

          <div class="main-head">
              <!-- BEGIN multi_selection -->
              <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
              <!-- END multi_selection -->
              <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
          </div>
          <div class="main-content">
          <table cellspacing="0" class="table">
              <thead>
                <tr>
                    <th class="tcl">{L_TOPICS}</th>
                    <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
                    <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
                    <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
                </tr>
              </thead>
              <tbody class="statused">
        <!-- END header_table -->

        <!-- BEGIN header_row -->
        <strong>{topics_list_box.row.L_TITLE}</strong>
        <!-- END header_row -->

        <!-- BEGIN topic -->
          <!-- BEGIN table_sticky -->
              </tbody>
          </table>
          </div>

          <div class="main-head">
              <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
              <!-- END multi_selection -->
              <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
          </div>
          <div class="main-content">
          <table cellspacing="0" class="table">
              <thead>
                <tr>
                    <th class="tcl">{L_TOPICS}</th>
                    <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
                    <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
                    <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
                </tr>
              </thead>
              <tbody class="statused">
          <!-- END table_sticky -->
              <tr>
                <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                    <span class="status">
                      <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
                    </span>
                    <!-- BEGIN single_selection -->
                    <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
                    <!-- END single_selection -->
                    {topics_list_box.row.ICON}
                    {topics_list_box.row.NEWEST_POST_IMG}
                    {topics_list_box.row.PARTICIPATE_POST_IMG}
                    {topics_list_box.row.TOPIC_TYPE}
                    <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>
                    {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}
                                  <p>{topics_list_box.row.TOPIC_AUTHOR}</p>
                    <!-- BEGIN switch_description -->
                    <br />
                    {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
                    <!-- END switch_description -->
                </td>
                <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                  <div class="forum-stats"style="border-right:none !important">{topics_list_box.row.REPLIES}<br />
                    Réponses</div></td>
                <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                  <div class="forum-stats"style="border-left:none !important;">{topics_list_box.row.VIEWS}<br />
                    Vues</div></td>
                          <td style="width: 20%;text-align: center;"class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
    <!-- BEGIN avatar -->
              <div class="lastpost-avatar"style="padding: 2px;margin-left:10px;position: absolute;width: 38px;height: 38px;">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div>
    <!-- END avatar -->
                            {topics_list_box.row.LAST_POST_TIME} <br/> {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</td>
                <!-- BEGIN multi_selection -->
                <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
                <!-- END multi_selection -->
              </tr>
        <!-- END topic -->
        <!-- BEGIN no_topics -->
        <tr>
          <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
        </tr>
        <!-- END no_topics -->

        <!-- BEGIN bottom -->
              </tbody>
          </table>
          </div>
          <div class="main-foot clearfix">
              <!-- BEGIN multi_selection -->
              <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
              <!-- END multi_selection -->
              <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
              <p class="options">
                <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
              </p>
          </div>
        <!-- END bottom -->
        <!-- BEGIN spacer --><br /><!-- END spacer -->
        <!-- END row -->
        <!-- END topics_list_box -->



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
hihihi cachotier hahaahah oki mon milouze ( nikel pour le topic list box ) alors peut t'on juste dans c'est cas la mettre si possible

1-si possible: quand une réponse posté le cheval jaune quand non posté le cheval noir 
2-imaginons ce n'est pas possible de faire la demande 1
peut t'on juste ajouter alors le cheval au milieu noir  comme sur l'image 


merci mon milouze
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Allez c'est mon jour de bonté clin oeil .

Remplaces le contenu de des deux templates.
Index body:
Code:
    <div class="pun-crumbs">
          <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
        </div>
        <div class="main">
        <!-- BEGIN catrow -->
          <!-- BEGIN tablehead -->
              <div class="main-head mybb">
                <div class="page-title">{catrow.tablehead.L_FORUM}</div>
              </div>
              <div class="main-content">
                <table cellspacing="0" class="table">
                    <tbody class="statused">
          <!-- END tablehead -->

          <!-- BEGIN forumrow -->
                      <tr>
<td class="tcl" style="width:20%!important;padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                            <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                            </span>
                            <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                            <br />
                                                          <div class="desc_forum_cat_row">{catrow.forumrow.FORUM_DESC}</div>
                            <!-- BEGIN switch_moderators_links -->
                            <br />
                            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                            <!-- END switch_moderators_links -->
                            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                            <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                          </td>
                          <td style="width:20%!important;"class="tc2">
<img class="M14_news"style="position: absolute;margin: 8px 20px 0px -30px;"src="https://i.servimg.com/u/f11/17/15/41/45/picto-10.png"/>                           
                            <div class="forum-stats">
                              <div style="float:left;width: 50%;"><center>{catrow.forumrow.TOPICS}<br /> Sujets </center></div>
                             
  <div style="float:right;width: 50%;"><center>{catrow.forumrow.POSTS} <br /> Réponses </center></div>
                            </div>
                        </td>
                     
                          <td class="tcr" style="width: 20%;text-align: center;">
    <!-- BEGIN avatar -->
    <div class="lastpost-avatar"style="padding: 2px;margin-left: 38px;position: absolute;width: 38px;height: 38px;">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
    <!-- END avatar -->                     
                            <span>
                            <!-- BEGIN switch_topic_title -->
                            <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                            <!-- END switch_topic_title -->
                            {catrow.forumrow.USER_LAST_POST}
                            </span>
                          </td>
                      </tr>
          <!-- END forumrow -->

          <!-- BEGIN tablefoot -->
                    </tbody>
                </table>
          </div><br/>
          <!-- END tablefoot -->
        <!-- END catrow -->
        </div>


Topic list box:
Code:
        <!-- BEGIN topics_list_box -->
        <!-- BEGIN row -->
        <!-- BEGIN header_table -->
          <!-- BEGIN multi_selection -->
              <script type="text/javascript">
              function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
                var all_checked = true;
                for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
                if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
                    all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
                }
                }
                document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
              }
              function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
                for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
                if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
                    document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
                }
                }
              }
              </script>
          <!-- END multi_selection -->

          <div class="main-head">
              <!-- BEGIN multi_selection -->
              <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
              <!-- END multi_selection -->
              <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
          </div>
          <div class="main-content">
          <table cellspacing="0" class="table">
              <thead>
                <tr>
                    <th class="tcl">{L_TOPICS}</th>
                    <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
                    <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
                    <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
                </tr>
              </thead>
              <tbody class="statused">
        <!-- END header_table -->

        <!-- BEGIN header_row -->
        <strong>{topics_list_box.row.L_TITLE}</strong>
        <!-- END header_row -->

        <!-- BEGIN topic -->
          <!-- BEGIN table_sticky -->
              </tbody>
          </table>
          </div>

          <div class="main-head">
              <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
              <!-- END multi_selection -->
              <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
          </div>
          <div class="main-content">
          <table cellspacing="0" class="table">
              <thead>
                <tr>
                    <th class="tcl">{L_TOPICS}</th>
                    <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
                    <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
                    <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
                </tr>
              </thead>
              <tbody class="statused">
          <!-- END table_sticky -->
              <tr>
                <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                    <span class="status">
                      <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
                    </span>
                    <!-- BEGIN single_selection -->
                    <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
                    <!-- END single_selection -->
                    {topics_list_box.row.ICON}
                    {topics_list_box.row.NEWEST_POST_IMG}
                    {topics_list_box.row.PARTICIPATE_POST_IMG}
                    {topics_list_box.row.TOPIC_TYPE}
                    <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>
                    {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}
                                  <p>{topics_list_box.row.TOPIC_AUTHOR}</p>
                    <!-- BEGIN switch_description -->
                    <br />
                    {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
                    <!-- END switch_description -->
                </td>
                <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                  <img class="M14_news"style="position: absolute;margin: 8px 20px 0px 30px;"src="https://i.servimg.com/u/f11/17/15/41/45/picto-10.png"/>                           
                  <div class="forum-stats"style="border-right:none !important">{topics_list_box.row.REPLIES}<br />
                    Réponses</div></td>
                <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                  <div class="forum-stats"style="border-left:none !important;">{topics_list_box.row.VIEWS}<br />
                    Vues</div></td>
                          <td style="width: 20%;text-align: center;"class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
    <!-- BEGIN avatar -->
              <div class="lastpost-avatar"style="padding: 2px;margin-left:10px;position: absolute;width: 38px;height: 38px;">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div>
    <!-- END avatar -->
                            {topics_list_box.row.LAST_POST_TIME} <br/> {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</td>
                <!-- BEGIN multi_selection -->
                <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
                <!-- END multi_selection -->
              </tr>
        <!-- END topic -->
        <!-- BEGIN no_topics -->
        <tr>
          <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
        </tr>
        <!-- END no_topics -->

        <!-- BEGIN bottom -->
              </tbody>
          </table>
          </div>
          <div class="main-foot clearfix">
              <!-- BEGIN multi_selection -->
              <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
              <!-- END multi_selection -->
              <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
              <p class="options">
                <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
              </p>
          </div>
        <!-- END bottom -->
        <!-- BEGIN spacer --><br /><!-- END spacer -->
        <!-- END row -->
        <!-- END topics_list_box -->


Puis le script :

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur l'index et les sous forums

Déposes ceci:
Code:

$(function(){
$('td.tcr img[title="Voir le message le plus récent"]').each(function(){
$(this).closest('tr').find('img[class="M14_news"]').attr('src','https://i.servimg.com/u/f11/17/15/41/45/picto-11.png');
});});

Penses a cliquer sur le bouton Valider

hinhin



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
Avant de faire la chose mon milouze dans ton message tu me dit change le index body ( c'est pas le index box plutôt ? car j'ai peur de faire une bétise merci pour ta réponse
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
pascontentGrrrrrr pascontentGrrrrrr tiens çà c'est pour moi,
oui tu as raison mon tit Serge clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





WinaTickets
avatar
Membre

MessageWinaTickets

  • 16px
  • 24px
  • Zoom
mdr hhihi pan lol, alors un mot : 

génial

c'est parfait mon milouze merci pôur le temps passer de gros bisous je clôture merci encore amicalement serge
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien Serge hinhin .



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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