Remplacer le titre de la catégorie corbeille par une image

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

Résolu Remplacer le titre de la catégorie corbeille par une image

Message par horusbk le Lun 1 Juin 2015 - 21:37

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://themazerunner-forum.fr/

Description du problème

Bonsoir à vous tous,

J'ai un petit problème concernant l'apparence de mes titres de catégories. Comme vous pouvez le voir sur mon forum, elles ont étaient toutes remplacées par des images à l’exception de la corbeille. Si je me souviens bien, la corbeille doit-être un forum pour pouvoir y délester des sujets. Cependant, j'ai une mise en page semblable aux autres catégories. A savoir : titre de la catégorie dans un rectangle puis intégré dedans, le rectangle du forum de cette catégorie.

En image :


Je voudrais remplacer le titre corbeille (actuellement en doré) par l'image ci-dessous dans sa taille actuelle :


Cordialement,
1baptiste


Dernière édition par 1baptiste le Mar 2 Juin 2015 - 22:02, édité 1 fois

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par ge80 le Lun 1 Juin 2015 - 21:40

Bonjour

Il suffit de coller le lien de l'image comme titre.
Rubrique : Nom de la catégorie :

Code:
<img src="https://www.filepicker.io/api/file/2EeA7jEFTHiX6gYmiBFt+corbeille.png">


Nb : Votre image est trop grande

Cordialement

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par horusbk le Lun 1 Juin 2015 - 21:46

Bonsoir et merci pour cette réponse rapide,

Seul problème, ce n'est pas une catégorie (sauf si j'ai mal compris)



Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par ge80 le Lun 1 Juin 2015 - 21:53

Voulez-vous le sous-forum ou la catégorie corbeille (actuellement en doré) qui doit être plus haut dans votre organisation des catégories et forums ?

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par horusbk le Lun 1 Juin 2015 - 21:59

Re:
Celui qui est doré Smile

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par ge80 le Lun 1 Juin 2015 - 22:03

Une catégorie qui doit être plus haut dans votre organisation ?

au dessus de cette zone



ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par horusbk le Lun 1 Juin 2015 - 22:10

Désolé de vous contredire ge80 mais j'ai pas l'impression qu'elle soit rattachée à quoi que se soit.

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par ge80 le Lun 1 Juin 2015 - 22:14

Donc cela n'est pas une catégorie.
C'est clair avec cette vue globale
Le code partiel de votre template
Code:
<tr>
<td align="right" class="maze_2" width="100%" height="35px">
<h2>Corbeille</h2>
</td>

et le CSS
Code:
.maze_2 {
  font-family:'Pirulen Rg';
}



Je ne connais pas cette police !

En jouant avec le CSS modifiera tous les blocs de cette class !



Le Bloc au dessus est une image
avec comme code
Code:
<td align="right" class="maze_2" width="100%" height="35px">
<h2>
<img src="https://www.filepicker.io/api/file/5RVYq6QkQ9SONaQoBFAn+bloc.png"/>
</h2>

Je pense que la modification devra se faire dans un template.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par horusbk le Mar 2 Juin 2015 - 18:08

Bonjour  Very Happy

Je viens de tester dans mon template index_box en insérant le code ci-dessus mais lors de la visualisation : le titre corbeille apparaissait bien avec une image mais toutes les autres catégories avaient le même titre.

J'ai dû me tromper de ligne ou de template, vous voulez que je vous donne mon template ?
C'est bien index_box ou un autre ?

Cordialement,
1baptiste


Dernière édition par 1baptiste le Mar 2 Juin 2015 - 18:21, édité 2 fois

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par Boss-man le Mar 2 Juin 2015 - 18:14

problème résolu

Boss-man
***

Masculin
Messages : 167
Inscrit(e) le : 15/04/2015

http://lesguignolsdusport.forum-gratuit.tv/
Boss-man a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par horusbk le Mar 2 Juin 2015 - 18:20

@Boss-man a écrit:problème résolu
Embarassed J'en est malheureusement pas l'impression ...

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par Boss-man le Mar 2 Juin 2015 - 18:24

a bon désolé.

Alors pour moi sa serait index-box.

Boss-man
***

Masculin
Messages : 167
Inscrit(e) le : 15/04/2015

http://lesguignolsdusport.forum-gratuit.tv/
Boss-man a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par horusbk le Mar 2 Juin 2015 - 18:32

Voici mon index_box
Warning Ce n'est pas la version d'origine mais une version re-codée Warning

Code:
<div id="M14_Alerte"style="display:none;">
  <span id="M14_Alerte_close">Fermer</span>
  <br /><br />
Bonjour  ,<br />
merci de t'être inscrit sur Maze Runner Forum France.<br />
Pour pouvoir profiter du forum tu dois au préalable poster une présentation.<br />
<br />
<a href="/post?f=5&mode=newtopic"title="Cliques ici pour te présenter">Cliques ici pour te présenter</a>   
<br />
</div>
 <!--debut modif table haurte R-max-->
<table class="maze_1" width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
                  <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}&nbsp;&nbsp;|&nbsp;&nbsp;<!--<br>-->
        {CURRENT_TIME}<!--<br>-->
        </span>
        <!-- END switch_user_logged_in -->
        <!--<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>-->
      </td>
      <td class="gensmall" align="right" valign="bottom">
               
        <!-- BEGIN switch_user_logged_in --><!--modif R-max 2 message haut droite-->
        <a class="gensmall" href="{U_SEARCH_NEW}">Les News&nbsp;|&nbsp;<!--{L_SEARCH_NEW}--></a><!--<br>-->
        <a class="gensmall" href="{U_SEARCH_SELF}">Mes News&nbsp;|&nbsp;<!--{L_SEARCH_SELF}--></a><!--<br>-->
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">No News<!--{L_SEARCH_UNANSWERED}--></a>
                  <!--fin modif-->
      </td>
  </tr>
</table><br>
<!--fin modif table haute R-max-->
        <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<br><br><!--table-->
<table class="maze_1" width="90%" border="0" align="center" cellspacing="15" cellpadding="">
  <tr><!--titre cat-->
  <td align="right" class="maze_2" width="100%" height="35px">{catrow.tablehead.L_FORUM}</td>
    <td colspan="1"><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
    </td>
  </tr>
 <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <tr>
            <!-- BEGIN inc -->
              <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46"></td>
              <!-- END inc -->
         
              <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                <h class="maze_17">
                 
                    <span class="maze_17">
                      <a class="maze_17" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                    </span>
                </h>
              </td>
              <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="1" align="right"> </td>
          </tr>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt=""></td>
              <!-- END inc -->
 <td class="maze_6" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" cellspacing="0" cellpadding="0">
                <table width="100%">
                      <tr>                         
                      <!--image reponse-->
                      <td class="maze_20"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"></td>
                  <td class="" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%"><h class="hierarchy">
                      <span class=""><!--non sujet + s-forum-->
                        <span><a class="maze_17" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span><br><br><span class="maze_12">{catrow.forumrow.FORUM_DESC}</span><br>
                        <span class="maze_15">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
        <!--zonne moderateur-->
                <span class="maze_13">
                    <!-- BEGIN switch_moderators_links -->
                  <td>{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</td>
                    <!-- END switch_moderators_links -->
                  <!--zone collone intérieur droite sujet message-->
                  <td class="maze_5" style="min-width: 200px;" class="maze_7" align="center" valign="middle">
              <span class="maze_21">Sujets:{catrow.forumrow.TOPICS}</span>&nbsp;<span class="maze_21">Messages:{catrow.forumrow.POSTS}</span>
                      <br>               
                    <span class="maze_18">{catrow.forumrow.LAST_POST}</span>
               
                  </table> 
                                                                          <!-- END forumrow -->
          <!-- BEGIN catfoot --><table>
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46"></td>
              <!-- END inc -->
            <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="0" width="1"></td>
          </tr>
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        </table>
                    <img src="{SPACER}" alt="" height="10" width="1"><!-- END tablefoot --><!-- END catrow -->
                  <br><br>

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par Milouze14 le Mar 2 Juin 2015 - 20:37

Salut Baptiste,

ceci devrait régler ton affichage:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur l'index.

Déposes ceci:

Code:

$(function(){
$('h2:contains("Corbeille")').replaceWith('<img src="LE LIEN DE TON IMAGE"/>');
});

Remplaces "LE LIEN DE TON IMAGE" par l'image désirée( attention à la dimension Very Happy ).



Penses à cliquer sur le bouton

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4569
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Remplacer le titre de la catégorie corbeille par une image

Message par horusbk le Mar 2 Juin 2015 - 22:00

Merci beaucoup @Milouze14 ça fonctionne, et merci aux autres d'avoir participé à la résolution de mon problème. Je change le statut du sujet.

Encore Merci !

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

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


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