Le Deal du moment : -28%
Brandt LVE127J – Lave-vaisselle encastrable 12 ...
Voir le deal
279.99 €

Commande de catégories et QEEL

Commande de catégories et QEEL Empty Mar 15 Sep - 10:29
Bonjour !

Je ne sais pas si je suis bien au bon endroit, c'est la première fois que je poste ici. Je vous présente mes excuses par avance si j'ai fait une erreur.

Je souhaiterai passer commande pour des catégories en priorité, ainsi qu'un QEEL, mais si vous ne pouvez en faire qu'un seul, je comprendrai très bien. Je sais que c'est beaucoup de boulot de coder et je ne veux pas non plus abuser.

Au passage, votre travail est une grande source d'inspiration, je visite votre site depuis plusieurs années et je ne peux m'empêcher d'être admirative. Un grand merci pour tout ce que vous mettez à notre disposition.

Concernant les codes:

Largeur maximale : 800px pour les deux
Hauteur maximale : Auto
Schéma :  Catégories : https://i.goopics.net/a1OgR.png 
QEEL: https://i.goopics.net/3gvNm.png

Éléments : Aucun
Images : Aucune
Animations : Je voudrai simplement une barre de défilement pour le texte de la description des forums, pour les connectés + liste des 24h et anniversaires dans le QEEL, s'il vous plait.
Informations supplémentaires : Serait-il possible d'adapter les codes pour une version modernBB ?

Merci de votre attention et bonne journée à vous !
Revenir en haut Aller en bas
Commande de catégories et QEEL Empty Jeu 17 Sep - 5:20
Bonjour,

Il est regrettable que ces nombreuses années ne vous aient octroyé l'opportunité de consulter la notice concernant les commandes. Les circonstances vous étant néanmoins favorables, voici donc vos templates en version modernBB :

Remplacez l'intégralité du template index_box par :

Code:
    <ul class="linklist top">
   <!-- BEGIN switch_user_logged_in -->
   <li><a href="{U_SEARCH_NEW}"><i class="ion-ios-flame"></i>{L_SEARCH_NEW}</a></li>
   <li><a href="{U_SEARCH_SELF}"><i class="ion-ios-box-outline"></i>{L_SEARCH_SELF}</a></li>
   <!-- END switch_user_logged_in -->
   <li><a href="{U_SEARCH_UNANSWERED}"><i class="ion-ios-chatbubble-outline"></i>{L_SEARCH_UNANSWERED}</a></li>
   <!-- BEGIN switch_user_logged_in -->
   <li class="rightside"><a href="{U_MARK_READ}" accesskey="m"><i class="ion-android-checkmark-circle"></i>{L_MARK_FORUMS_READ}</a></li>
   <!-- END switch_user_logged_in -->
    </ul>

        <!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
   <div class="forabg">
   <ul class="topiclist"><li class="header"><dl class="icon"><dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd></dl></li></ul>
   <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
   <li class="row" style="padding-bottom:5px;">
   <dl class="icon" style="background:url() no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
   <div class="tleFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</div><h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}></div>
   <div class="blocDESC"></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><span style="display:inline-block; vertical-align:middle; height:45px;"></span><span style="display:inline-block; vertical-align:middle;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</span></div></div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div><div class="boxFRM"><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; height:135px;"></span><span style="display:inline-block; vertical-align:middle;"><!-- 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></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div>
        </dl></li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
   </ul></div>
   <!-- END tablefoot -->
        <!-- END catrow -->
   <!-- CODAGE CATEGORIE PAR SKAEMP / CCCRUSH D'APRES UN SCHEMA DE ANGELIA / T589-COMMANDE-DE-CATEGORIES-ET-QEEL -->

    <!-- BEGIN switch_on_index -->
    <ul class="linklist bottom">
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   <!-- BEGIN switch_delete_cookies -->
   <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="ion-trash-a"></i>{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
   <!-- END switch_delete_cookies -->
    </ul>
    <!-- END switch_on_index -->

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
   var btn_collapse = $('<div></div>', {
      class: 'btn-collapse'
   });

   var btn_collapse_show = $('<i></i>', {
      class: 'ion-android-add-circle hidden',
      'data-tooltip': '{L_EXPEND_CAT}'
   }).appendTo(btn_collapse);

   var btn_collapse_hide = $('<i></i>', {
      class: 'ion-android-remove-circle',
      'data-tooltip': '{L_HIDE_CAT}'
   }).appendTo(btn_collapse);

   var collapsed = [];

   if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
      collapsed = readCookie('collapsed').split(',');
   }

   $(document).on('click', '.btn-collapse', function() {
      $(this).children('.ion-android-add-circle').toggleClass('hidden');
      $(this).children('.ion-android-remove-circle').toggleClass('hidden');
      $(this).parents('.forabg').toggleClass('hidden');

      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
         collapsed = readCookie('collapsed').split(',');
      }

      if (!$(this).parents('.forabg').hasClass('hidden')) {
         removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

         createCookie('collapsed', collapsed);
      } else {
         collapsed.push('' + $(this).parents('.forabg').data('cindex'));

         createCookie('collapsed', collapsed);
      }
   });

   $('.forabg').each(function(i) {
      $(this).data('cindex', '' + i);

      $(btn_collapse)
         .clone()
         .attr('id', 'forabg' + i)
         .appendTo($(this).find('.header'));

      if ($.inArray('' + i, collapsed) > -1) {
         $(this).toggleClass('hidden');
         $('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');
         $('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');
      }
   });
});

function removeFromArray(item, array) {
   var i = array.indexOf(item);

   if (i > -1) {
      array = array.splice(i, 1);
   }
}

function createCookie(name, value, days) {
   var expires;

   if (days) {
      var date = new Date();
      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
      expires = "; expires=" + date.toGMTString();
   } else {
      expires = "";
   }
   document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}

function readCookie(name) {
   var nameEQ = encodeURIComponent(name) + "=";
   var ca = document.cookie.split(';');
   for (var i = 0; i < ca.length; i++) {
      var c = ca[i];
      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
      if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
   }
   return null;
}
//]]>
</script>

Partie CSS :
Code:
/* BLOC CATEGORIE */
.forabg {
margin:auto auto 25px;
width:800px;
}
/* BLOC TITRE CATEGORIE */
.forabg .header {
width:800px; padding:35px 0; text-align:center;  
background:black; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.forabg .header h2 {
margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:5px;
width:790px; height:40px; padding:10px; overflow:hidden;
background:grey; /* MODIFIABLE */
text-align:left; font-size:12px; text-transform:uppercase; font-weight:bold; font-family:Arial;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
float:right;
width:165px; height:15px; padding-top:2px;
color:white; /* MODIFIABLE */
text-align:right; font-size:11px;
}
/* ALIGNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.blocDESC {
display:inline-block; vertical-align:top; margin:0 5px;
width:200px; height:165px;
background:grey; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:-210px;
width:200px; height:165px;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px;
width:315px; height:115px; padding:5px; overflow:hidden;
text-align:justify; font-size:11px; line-height:15px;
background:lightgrey; color:black; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
width:315px; height:45px; padding:0 5px; overflow-y:auto;
text-align:left; text-transform:uppercase; line-height:14px;
background:grey; color:white; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:white !important; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top; margin:0 5px;
width:85px; height:165px; overflow:hidden;
background:grey; /* MODIFIABLE */
}
.avaFRM img {
height:165px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:5px;
width:175px; height:135px; overflow:hidden;
background:#DEDEDE; color:black; /* MODIFIABLE */
text-align:center; font-size:11px; line-height:14px;
}
/* TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:block;
width:175px; height:25px;
}

Instructions :
Commande de catégories et QEEL CATHIER

Commande de catégories et QEEL IMGDESC

Commande de catégories et QEEL LASTAV

Taille des images descriptives : 200*165
Taille des icônes du forum : 175*25


[QEEL] Supprimez les lignes 38 à 50 du template overall_footer_begin.
[QEEL] Remplacez les lignes 43 à 64 du template index_body par :

Code:
<!-- BEGIN disable_viewonline -->
   <div class="QEEL"><div class="tleQEEL"><!-- BEGIN switch_viewonline_link --><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a><!-- END switch_viewonline_link --><!-- BEGIN switch_viewonline_nolink -->{L_WHO_IS_ONLINE}<!-- END switch_viewonline_nolink --></div><div class="stsQEEL"><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script> messages<br/><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script> membres<br/><!-- DERNIER INSCRIT -->Bienvenue à <span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div><div class="GQEEL">{GROUP_LEGEND}</div><div class="onlineQEEL">{TOTAL_USERS_ONLINE}<br/>{RECORD_USERS}<br/><br/>{LOGGED_IN_USERS_LIST}<br/>{L_ONLINE_USERS}</div><div class="dayQEEL">{L_CONNECTED_MEMBERS}</div><div class="anvQEEL">{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</div></div>

Partie CSS :
Code:
/* QEEL */
.QEEL {
margin:auto auto 15px; width:800px; padding:15px; border-radius:3px;
background:#F8F8F8; box-shadow:0 1px 6px rgba(0,0,0,0.06); /* MODIFIABLE */
font-family:Arial; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin:-15px -15px 15px; padding:15px;
background:purple; /* MODIFIABLE */
text-align:center;
}
/* TITRE QEEL */
.tleQEEL a {
font-size:14px; font-weight:bold; color:white !important; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:middle; margin-right:15px; margin-bottom:15px;
width:300px;
color:black; /* MODIFIABLE */
text-align:center; font-size:12px; text-transform:uppercase;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:middle; margin-bottom:15px;
width:455px; color:rgba(0,0,0,0); text-align:center;
}
/* GROUPES QEEL */
.GQEEL a {
text-transform:uppercase; font-size:14px; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin-right:15px;
width:300px; height:150px; padding:5px; overflow-y:auto;
border:1px solid purple; color:black; /* MODIFIABLE */
text-align:justify; font-size:10px;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top;
width:455px; height:150px; padding:5px; overflow-y:auto;
border:1px solid purple; color:black; /* MODIFIABLE */
text-align:justify; font-size:10px;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin-top:15px;
width:100%; padding:5px;
border:1px solid purple; color:black; /* MODIFIABLE */
text-align:justify; font-size:11px;
}

Une agréable journée à vous aussi.
Revenir en haut Aller en bas
Commande de catégories et QEEL Empty Jeu 17 Sep - 8:54
Bonjour !

Merci de votre réactivité et pour le temps que vous avez accordé à ma demande !

Le rendu est parfait ! A nouveau, un grand merci pour votre travail.

Veuillez m'excuser de ma maladresse, j'ai pourtant lu les sujets concernés avant de de poster la demande. Ma compréhension a été perturbée par le manque de repères, n'ayant pas du tout l'habitude de passer des commandes que ce soit chez vous ou ailleurs.

En vous souhaitant une bonne journée/continuation.
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum