AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


3 résultats trouvés pour phpBB3

Onyx

Catégories sombres turquoises - Jeu 29 Sep 2016 - 23:43



Catégories sombres turquoises


Salut !

Voici un petit LS de catégories que j'ai faites pour la demande de TénébreuseRP.

Pour voir l'aperçu : cliquez ici.
Pour voir l'aperçu au survol du bloc de gauche, de sujets et de messages : cliquez ici.

Ce LS est en deux parties.
  • Tout d'abord, nous allons installer les catégories dans le template.
  • Puis, nous allons mettre en forme les catégories à l'aide du CSS.


- Pour ce qui est de l'hiérarchie et la structure des catégories, il faut choisir "Séparer les catégories sur l'index : Moyen".
- La version du forum est PhpBB3.

Mettre un crédit vers Never-Utopia est obligatoire.





1. Les catégories (Template Index_Box)



Nous allons commencer par aller dans les templates, plus précisément dans le template "Index_box" .

Pour cela, nous allons aller dans :
> PANNEAU D'ADMINISTRATION
> > AFFICHAGE
> > > TEMPLATES
> > > > GÉNÉRAL
> > > > > INDEX_BOX

Puis, on va entièrement remplacer le template "Index_Box" par ceci :
Code:
<ul class="linklist">
  <!-- BEGIN switch_user_logged_in -->
  <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • </li>
  <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </li>
  <!-- END switch_user_logged_in -->
  <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
  <!-- BEGIN switch_user_logged_in -->
  <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
  <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="cate_bloc">
  <div class="cate_title">
    <img class="cate_title_img" src="http://img4.hostingpics.net/pics/376602lastchaospng.png" />
    {catrow.tablehead.L_FORUM}
    <img class="cate_title_img" src="http://img4.hostingpics.net/pics/376602lastchaospng.png" />
  </div>
  <!-- END tablehead -->
  <!-- BEGIN forumrow -->
  <div class="forum_bloc">
    <div class="forum_bloc_left">
      <a href="{catrow.forumrow.U_VIEWFORUM}" class="forum_title">
        {catrow.forumrow.FORUM_NAME}
      </a>
      <div class="forum_sf">
        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </div>
      <div class="forum_oldnewlock">
        <img src="{catrow.forumrow.FORUM_FOLDER_IMG}" />
      </div>
    </div>
    <div class="forum_bloc_middle">
      <div class="forum_desc">
        {catrow.forumrow.FORUM_DESC}
      </div>
    </div>
    <div class="forum_bloc_right">
      <div class="forum_lastmess">
        <!-- 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}
      </div>
      <div class="forum_nbsujets">
        Sujets
        <div class="forum_nbsujets_hide">
          {catrow.forumrow.TOPICS}
        </div>
      </div>
      <div class="forum_nbmessages">
        Messages
        <div class="forum_nbmessages_hide">
          {catrow.forumrow.POSTS}
        </div>
      </div>
    </div>
    <div style="clear: both;"></div>
  </div>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
  <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">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
  <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->





2. Mise en forme (CSS)



Si vous regardez vos catégories, vous voyez sans doute que ce n'est pas très esthétique pour le moment. Du coup, nous allons mettre en forme nos catégories à l'aide du CSS.

Pour cela, nous allons aller dans :
> PANNEAU D'ADMINISTRATION
> > AFFICHAGE
> > > IMAGES ET COULEURS
> > > > COULEURS
> > > > > FEUILLE DE STYLE CSS

Puis, nous allons ajouter le CSS suivant :
Code:
/*Bloc de 1 catégorie*/
.cate_bloc {
  width: 100%;
  margin: 20px auto 10px auto;
}
/*Haut de catégorie*/
.cate_title {
  text-align: center;
  margin-bottom: 15px;
}
/*Images de titre de catégorie*/
.cate_title_img {
  width: 120px;
  height: 76px;
  vertical-align: middle;
}
/*Titre de catégorie*/
.cate_title h2 {
  display: inline-block;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  line-height: 76px;
  vertical-align: middle;
  font-family: 'Dancing Script', cursive;
  font-size: 45px;
  color: #c4c4c4;
  text-shadow: 1px 1px 1px #000000;
}

/*Bloc de 1 forum*/
.forum_bloc {
  position: relative;
  width: 100%;
  margin: auto;
  height: 200px;
  margin-bottom: 20px;
  background: #172326;
  border: 2px solid #26464d;
  font-size: 13px;
  font-family: 'Verdana';
  color: #a3a3a3;
}

/*Bloc de droite*/
.forum_bloc_left {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 250px;
  height: 200px;
  border-right: 2px solid #1b4f59;
}
/*Titre de forum*/
.forum_title {
  dislay: block;
  position: absolute;
  width: 240px;
  padding: 5px 5px 10px 5px;
  text-align: center;
  top: 0px;
  left: 0px;
  z-index: 4;
  font-family: 'Dancing Script', cursive;
  font-size: 30px;
  color: #2a858c!important;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000000;
}
/*Titre survolé*/
.forum_title:hover {
  color: #35a9b3!important;
}
/*Bloc Image OldNewLock*/
.forum_oldnewlock {
  position: absolute;
  width: 152px;
  height: 154px;
  top: 10px;
  left: -52px;
  z-index: 2;
  background: url('http://img4.hostingpics.net/pics/774596Normal.png');
}
/*Image OldNewLock*/
.forum_oldnewlock img {
  display: inline-block;
  margin: 2px 0px 0px 2px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/*Bloc des sous-forums*/
.forum_sf {
  dislay: block;
  position: absolute;
  width: 240px;
  padding-right: 5px;
  height: 105px;
  bottom: 5px;
  left: 5px;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 13px;
  font-family: 'Verdana';
  text-align: center;
  color: #2a858c;
}
/*Liens des sous-forums*/
.forum_sf .gensmall {
  font-size: 13px;
  font-family: 'Verdana';
  color: #2a858c;
}
.forum_sf .gensmall:hover {
  color: #35a9b3;
}
/*Actions au hover du titre*/
.forum_bloc_left:hover .forum_sf {
  visibility: visible;
  opacity: 1;
}
.forum_bloc_left:hover .forum_oldnewlock img {
  visibility: hidden;
  opacity: 0;
}

/*Bloc de milieu*/
.forum_bloc_middle {
  margin-left: 252px;
  margin-right: 202px;
}
/*description des forums*/
.forum_desc {
  margin: 5px 0px 5px 5px;
  padding-right: 5px;
  overflow: auto;
  height: 190px;
  text-align: justify;
}

/*Bloc de gauche*/
.forum_bloc_right {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 200px;
  height: 200px;
  border-left: 2px solid #1b4f59;
  text-align: center;
}
/*Dernier message*/
.forum_lastmess {
  height: 73px;
  padding: 25px 5px 0px 5px;
  line-height: 16px;
  vertical-align: middle;
}
/*Lien de dernier message*/
.forum_lastmess a {
  color: #2a858c;
}
.forum_lastmess a:hover {
  color: #35a9b3;
}
/*Bloc de sujets et messages*/
.forum_nbsujets, .forum_nbmessages {
  position: relative;
  width: 180px;
  height: 29px;
  font-size: 14px;
  padding: 10px;
  line-height: 29px;
  vertical-align: middle;
  border-top: 2px solid #1b4f59;
}
/*Bloc du nombre de sujets et messages*/
.forum_nbsujets_hide, .forum_nbmessages_hide {
  position: absolute;
  width: 180px;
  height: 29px;
  line-height: 29px;
  vertical-align: middle;
  padding: 10px;
  top: 0px;
  left: 0px;
  opacity: 0;
  background: #172326;
  text-shadow: 1px 1px 1px #000000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/*Apparition des nombres*/
.forum_nbsujets:hover .forum_nbsujets_hide,
.forum_nbmessages:hover .forum_nbmessages_hide {
  opacity: 1;
}


Voilà les boutons Nouveau, Pas de de Nouveaux Messages et Verrouillé :
https://2img.net/r/hpimg4/pics/233690CatgorieForum.png
https://2img.net/r/hpimg4/pics/881805CatgorieNouveau.png
https://2img.net/r/hpimg4/pics/231407CatgorieVerrouill.png

Sinon, dans le CSS, vous avez une image dans la class "forum_oldnewlock" que vous voudrez peut-être modifier si vous voulez personnaliser le tout :
https://2img.net/r/hpimg4/pics/774596Normal.png




C'est tout! Si jamais vous avez des problèmes avec ce LS, n'hésitez pas à passer dans Un problème avec mon code ou Personnalisations si vous voulez personnaliser le LS et que vous avez besoin d'aide.

À plus !

Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^

Cheshire Cat

Chatbox personnalisée #1 par Cheshire Cat - Mer 6 Juil 2016 - 1:18


Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
Lien pour comprendre pourquoi le contenu n'est pas sous hide


Coucou !
Me re-voici donc pour un nouveau dépôt de LS, une chatbox personnalisée et personnalisable :3

Si vous rencontrez un problème avec ce libre service, n'hésitez pas à demander de l'aide dans la section Problème avec mon code. De plus, vous pouvez vous référer à la section Personnalisations si jamais vous n'y connaissez rien en codage et que vous avez du mal à changer les couleurs et autres.


Avec avatar:


Sans avatar:


Pour choisir si votre chatbox affiche les avatars des membres ou non, il faut faire Panneau d'administration > Modules > Chatbox > Configuration > Afficher les avatars des utilisateurs dans la chatbox

Version sans les avatars des membres

Code:
/* CHATBOX PERSONNALISEE */
.chatbox{
  border:none;
}

/* Couleur du texte par défaut (contextmenu / message + heure + liste des membres sans groupe) */
#chatbox, #chatbox_contextmenu, #chatbox_contextmenu a, #chatbox_members {
  color: #000!important;
}

/* Enlever image de fond par défaut */
.chatbox .catBottom { background: transparent; }
#chatbox_header{
  background:#b7a89f;
}
#chatbox_header strong{
  margin-left:10px;
  text-transform:uppercase;
}
#chatbox_header a{
  color: #FFF;
}

/* Liste des membres à droite */
#chatbox_members{
  width:181px;
  background:#e5d9d3;
  margin-bottom:-10px;
  border:none;
}
#chatbox_members .member-title{
  color:#FFF;
  padding:3px;
  margin-top:10px;
  margin-bottom:5px;
}

/* Menu au clic droit du pseudo à droite */
#chatbox_contextmenu{
  background:#FFF;
  font-size:15px;
}
/* Titre de la liste des membres (En ligne) */
#chatbox_members .online{ background:#80aa3e; }

/* Titre de la liste des membres (Hors ligne) */
#chatbox_members .away{ background:#a03a2e; }
/* Partie centrale de la chatbox */
#chatbox{
  background:#FFF;
  margin-bottom:-10px;
}
/* Fond des messages differents */
.chatbox_row_2{ background:#f4ece8!important; }
.chatbox_row_1{ background:transparent!important; }

#chatbox > p{
  margin:0; /* phpbb3 => enlever les marges par défaut */
  border:none!important;
}

/* Barre inférieure de la chatbox */
#chatbox_footer{
  background:#b7a89f;
  padding-bottom:4px;
}

/* Zone d'écriture du message de la chatbox */
.chatbox input{ border:1px solid #6f6660!important; }
#chatbox_footer #submit_button{
  padding-right:2px;
}



Version avec les avatars des membres
Il faut tout bêtement rajouter ce bout de code :)

Code:
/* Mise en forme de l'avatar du membre */
#chatbox .cb-avatar {
  padding:0!important;
  width:50px!important;
  height:50px!important;
  border-radius:50px!important;
  overflow:hidden!important;
  box-shadow: none!important;
  transform: translateZ(0); /* empeche bug Chrome */
}
#chatbox .cb-avatar > img {
  position:relative!important;
  top: -10px;
  width:50px!important;
  height:auto!important;
}

/* Mise en forme de la date */
#chatbox .date-and-time {
  display:inline-block;
  float:none!important;
  margin-left:2px!important;
  margin-top:2px!important;
  margin-bottom:3px!important;
  font-size:12px;
}

/* Mise en forme du pseudo du membre ayant poste */
#chatbox .user { float:left!important; }
#chatbox .user strong {font-size: 0;}
.chatbox-username.chatbox-message-username { font-size: 12px; }

Shoki

Menu latéral fixe [PhPBB2 - PhPBB3] - Jeu 30 Juin 2016 - 9:44



Hello !
Pour mon premier LS ici (oui, j'en fait peu, je ne partage que trèèèès rarement mes codes oui je suis radine Cool), j'ai décidé de frapper fort en vous codant un panneau latéral gris fixe ! Je recommande plutôt Mozilla Firefox pour l'utiliser, mais il fonctionne sous Chrome et Internet Explorer/Microsoft Edge (même si il y a un pas élégant espace). Et pour me faire pardonner de ce petit imprévu, ce code est adapté pour 2 versions de forums (Je suis trop forte je sais huhu) Cool.

   
Pour PhPBB2 et PhPBB3
Aperçu sous Mozilla Firefox : www (le fond rouge correspond à mon forum-test)
Aperçu sous Chrome & IE : www
En action


Les codes


Le CSS est à mettre dans Affichage > Couleurs > Feuille de style CSS
Vous devez avoir accès au compte fondateur pour pour accéder aux templates
Votre forum doit faire grand maximum 800 pixels de largeur

PhPBB2


CSS
Code:
/******************************************************
MENU LATERAL BY MV/SHOKI [BEGIN]
******************************************************/
#panneau_lat {
 position: fixed;
 top: 0;
 left: 0;
 width: 185px;
 height: 100%;
 background: grey;
 z-index: 200;
 padding: 5px;
 font-family: 'Verdana', sans-serif;
}
#panneau_lat h2 {
 font-size: 19pt;
 font-family: 'Georgia', serif;
 text-align: center;
 color: #FFF;
 margin-bottom: 3px;
 margin-top: 1px;
 font-variant: small-caps;
}
#panneau_lat h3 {
 font-size: 15pt;
 text-align: center;
 color: #FFF;
 margin-bottom: 0px;
 margin-top: 10px;
 font-variant: small-caps;
 font-family: 'Georgia', serif;
}
#panneau_lat a { color: #ccc !important; }
#panneau_lat a:hover { color: #999 !important; }
.pres_rapide {
 text-align: center;
 font-variant: small-caps;
 font-family: 'Georgia', serif;
 font-size: 11px;
 color: #FFF;
}
.recherche {
 text-align: center;
 font-family: 'Georgia', serif;
 color: #FFF;
 font-size: 13px;
 font-variant: small-caps;
 margin-top: 3px;
}
.boite {
 width: 175px;
 height: 120px;
 background: #ccc;
 overflow: auto;
 margin: auto;
 padding: 5px;
 font-size: 12px;
 text-align: justify;
}
.membre_mois {
 display: inline-block;
 width: 85px;
 height: 60px;
 background: #ccc;
 border: 1px solid orange;
 margin-left: 4px;
 overflow: hidden;
}
.member_des {
 width: 85px;
 height: 60px;
 overflow: auto;
 text-align: center;
 font-family: 'Georgia', serif;
 background: rgba(250, 250, 250, 0.6);
}
.membre_mois img {
 width: 85px;
 height: 60px;
 overflow: hidden;
 margin-top: -60px;
 -webkit-transition: all 1s;
 transition: all 1s;
 opacity: 1;
 visibility: visible;
}
.membre_mois:hover img {
 opacity: 0;
 visibility: hidden;
}
.util_link {
 text-align: center;
 font-family: 'Georgia', serif;
 color: #FFF;
 font-variant: small-caps;
 font-size: 15px;
}
.util_link a {
 color: #ccc !important;
 text-decoration: none !important;
 letter-spacing: 0;
 -webkit-transition: all 800ms;
 transition: all 800ms;
}
.util_link a:hover {
 letter-spacing: 2px;
 text-decoration: none !important;
}
.credits_pann {
 font-size: 10px;
 color: #FFF;
 text-align: center;
 font-variant: small-caps;
 font-family: 'Georgia', serif;
 margin-top: 5px;
}
/******************************************************
MENU LATERAL BY MV/SHOKI [END]
******************************************************/


HTML
Vous voulez que le menu s'affiche sur toutes les pages de votre forum

Dans le template overall_header (Affichage > Templates > Général) repérez ceci :
Code:
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">


Après ces deux lignes, intégrez ce code :
Code:
<!-- Menu latéral by MV/Shoki [BEGIN] -->
<div id="panneau_lat">
  <h2>Bienvenue</h2>
  <div class="pres_rapide">Intégrer ici une courte prez' du fofo (âge limite, type de forum...)</div>
    <h3>Liens utiles</h3>
    <div class="util_link">
      <a href="mon_lien">x Règlement</a><br />
      <a href="mon_lien">x Contexte</a><br />
      <a href="mon_lien">x Annexes</a><br />
      <a href="mon_lien">x FAQ</a><br />
      <a href="mon_lien">x Défis</a><br />
      <a href="mon_lien">x Annonces</a><br />
      <a href="mon_lien">x Partenariats</a>
    </div>
    <h3>Effectifs</h3>
    <div class="recherche">
      Groupe 1 x ... membre(s)<br />
      Groupe 2 x ... membre(s)<br />
      Groupe 3 x ... membre(s)<br />
      Groupe 4 x ... membre(s)</div>
    <h3>Rumeurs</h3>
    <div class="boite">Cette boîte peut servir à mettre des rumeurs, des nouvelles, expliquer une situation IRP...
      <br />La partie "membre du mois" peut être remplacée par "membres du staff" o/</div>
    <h3>Membres du mois</h3>
    <div class="membre_mois"><div class="member_des">NOM<br />
      <span style="font-size: 12px;"><a href="mon_lien">Profil</a></span><br />
      <span style="font-size: 12px;"><a href="mon_lien">Fiche</a></span></div><img src="http://zupimages.net/up/16/26/ft49.png" /></div>
    <div class="membre_mois"><div class="member_des">NOM²<br />
      <span style="font-size: 12px;"><a href="mon_lien">Profil²</a></span><br />
      <span style="font-size: 12px;"><a href="mon_lien">Fiche²</a></span></div><img src="http://zupimages.net/up/16/26/ft49.png" /></div>
    <div class="credits_pann">Code par MV/Shoki - <a href="http://www.never-utopia.com/" target="_blank">Never Utopia</a></div>
  </div>
<!-- Menu latéral by MV/Shoki [END] -->



Vous voulez que le menu ne s'affiche que sur l'index

Dans ce cas, allez dans le template index_body (Affichage > Templates > Général) et juste après
Code:
{JAVASCRIPT}

Mettez le code fourni un peu plus haut.

PhPBB3


CSS
Code:
/******************************************************
MENU LATERAL BY MV/SHOKI [BEGIN]
******************************************************/
#panneau_lat {
  position: fixed;
  top: 0;
  left: 0;
  width: 185px;
  height: 100%;
  background: grey;
  z-index: 200;
  padding: 5px;
  font-family: 'Verdana', sans-serif;
}
#panneau_lat h1 {
  font-size: 19pt;
  font-family: 'Georgia', serif;
  text-align: center;
  color: #FFF;
  margin-bottom: 3px;
  margin-top: 1px;
  font-variant: small-caps;
  border: 0 !important;
}
#panneau_lat h4 {
  font-size: 15pt;
  text-align: center;
  color: #FFF;
  margin-bottom: -1px;
  margin-top: 10px;
  font-variant: small-caps;
  font-family: 'Georgia', serif;
  border: 0 !important;
}
#panneau_lat a { color: #ccc !important; }
#panneau_lat a:hover { color: #999 !important; }
.pres_rapide {
  text-align: center;
  font-variant: small-caps;
  font-family: 'Georgia', serif;
  font-size: 11px;
  color: #FFF;
}
.recherche {
  text-align: center;
  font-family: 'Georgia', serif;
  color: #FFF;
  font-size: 13px;
  font-variant: small-caps;
  margin-top: 3px;
}
.boite {
  width: 175px;
  height: 120px;
  background: #ccc;
  overflow: auto;
  margin: auto;
  padding: 5px;
  font-size: 12px;
  text-align: justify;
}
.membre_mois {
  display: inline-block;
  width: 85px;
  height: 60px;
  background: #ccc;
  border: 1px solid orange;
  margin-left: 4px;
  overflow: hidden;
}
.member_des {
  width: 85px;
  height: 60px;
  overflow: auto;
  text-align: center;
  font-family: 'Georgia', serif;
  background: rgba(250, 250, 250, 0.6);
}
.membre_mois img {
  width: 85px;
  height: 60px;
  overflow: hidden;
  margin-top: -60px;
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 1;
  visibility: visible;
}
.membre_mois:hover img {
  opacity: 0;
  visibility: hidden;
}
.util_link {
  text-align: center;
  font-family: 'Georgia', serif;
  color: #FFF;
  font-variant: small-caps;
  font-size: 15px;
}
.util_link a {
  color: #ccc !important;
  letter-spacing: 0;
  -webkit-transition: all 800ms;
  transition: all 800ms;
}
.util_link a:hover {
  letter-spacing: 2px;
}
.credits_pann {
  font-size: 10px;
  color: #FFF;
  text-align: center;
  font-variant: small-caps;
  font-family: 'Georgia', serif;
  margin-top: 5px;
}
/******************************************************
MENU LATERAL BY MV/SHOKI [END]
******************************************************/


HTML

Vous voulez que le menu s'affiche sur toutes les pages de votre forum

Dans le template overall_header (Affichage > Template > Général), repérez
Code:
</head>
<body id="phpbb">


Après ces deux lignes, intégrer le code qui suit
Code:
<!-- Menu latéral by MV/Shoki [BEGIN] -->
<div id="panneau_lat">
  <h1>Bienvenue</h1>
  <div class="pres_rapide">Intégrer ici une courte prez' du fofo (âge limite, type de forum...)</div>
    <h4>Liens utiles</h4>
    <div class="util_link">
      <a href="mon_lien">x Règlement</a><br />
      <a href="mon_lien">x Contexte</a><br />
      <a href="mon_lien">x Annexes</a><br />
      <a href="mon_lien">x FAQ</a><br />
      <a href="mon_lien">x Défis</a><br />
      <a href="mon_lien">x Annonces</a><br />
      <a href="mon_lien">x Partenariats</a>
    </div>
    <h4>Effectifs</h4>
    <div class="recherche">
      Groupe 1 x ... membre(s)<br />
      Groupe 2 x ... membre(s)<br />
      Groupe 3 x ... membre(s)<br />
      Groupe 4 x ... membre(s)</div>
    <h4>Rumeurs</h4>
    <div class="boite">Cette boîte peut servir à mettre des rumeurs, des nouvelles, expliquer une situation IRP...
      <br />La partie "membre du mois" peut être remplacée par "membres du staff" o/</div>
    <h4>Membres du mois</h4>
    <div class="membre_mois"><div class="member_des">NOM<br />
      <span style="font-size: 12px;">Profil</span><br />
      <span style="font-size: 12px;">Fiche</span></div><img src="http://zupimages.net/up/16/26/ft49.png" /></div>
    <div class="membre_mois"><div class="member_des">NOM²<br />
      <span style="font-size: 12px;">Profil²</span><br />
      <span style="font-size: 12px;">Fiche²</span></div><img src="http://zupimages.net/up/16/26/ft49.png" /></div>
    <div class="credits_pann">Code par MV/Shoki - <a href="http://www.never-utopia.com/" target="_blank">Never Utopia</a></div>
  </div>
<!-- Menu latéral by MV/Shoki [END] -->



Vous voulez que le menu ne s'affiche que sur l'index

Dans le template index_body (Affichage > Templates > Général), juste après
Code:
{JAVASCRIPT}

Mettre le code fourni un peu plus haut

 
En cas de soucis avec votre code, le section Problème avec mon Code est disponible. En cas de problème pour personnaliser le menu (changer les couleurs, la taille, la police et autres problèmes liés à la personnalisation), la section Personnalisations est à votre disposition.

Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^


Revenir en haut

La date/heure actuelle est Jeu 28 Mar 2024 - 20:53