Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Afficher un bloc seulement sur la page d'accueil

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

Résolu Afficher un bloc seulement sur la page d'accueil

Message par Melodiam Mar 5 Mar 2019 - 14:55

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumtestfunkytown.forumactif.com

Description du problème

Bonjour ! Smile


Je rencontre un souci avec l'un de mes codes.
Actuellement sur le page d'accueil de mon forum, vous pouvez voir à droite le bloc avec les informations du QEEL et d'autre infos. Jusqu'ici tout va bien !

Or lorsqu'on clique sur un forum, le bloc reste à droite...
J'ai pu tricher en entourant tout le template viewforum_body avec une balise et en entourant tout mon bloc également avec une balise de sorte que cela donne ceci
Code:
.forumpage .partiedroite {
display: none;
}

.forumpage {
color: black;
}

.forumpage .conteCAT {
width: 770px; margin-left: 150px;
}
- pour ce visuel -> http://forumtestfunkytown.forumactif.com/f1-votre-1er-forum

Seulement si maintenant je clique sur "votre 1ère catégorie" dans la barre de liens au dessus de la liste des sujets
Spoiler:
Afficher un bloc seulement sur la page d'accueil 19030502562472987

Voilà ce que cela donne : https://nsa40.casimages.com/img/2019/03/05/190305025716529827.png & https://nsa40.casimages.com/img/2019/03/05/190305025716789463.png

Je ne sais pas où placer ma balise pour tricher cette fois ci ahah !

Du coup j'aimerais savoir : s'il est possible de n'afficher mon bloc QUE sur la page d'accueil (avec les catégories) ou alors de l'afficher partout MAIS que les infos s'affichent également car à part sur la page d'accueil, le bloc contenant les infos du QEEL reste vide partout ailleurs. :/

Voici mon code CSS concernant le bloc qeel & infos :

Spoiler:
Code:
/****QEEL****/

.partiedroite {
float: right;
}


.grpKAB {
background: red; width: 260px; color: white; text-transform: uppercase;
  text-align: center; margin-top: 10px;
margin-left: 15px; font-size: 29px; font-style: italic; padding: 20px; font-family: 'Abril Fatface', cursive;
}

.grpOLMS {
background: crimson; width: 260px; color: white; text-transform: uppercase;
  text-align: center; margin-top: 10px; letter-spacing: 1px;
margin-left: 15px; font-size: 55px; padding: 20px;
  font-family: Staatliches, cursive;
}

.grpCIT {
background: deeppink; width: 260px; color: white; text-transform: uppercase;
  text-align: center; margin-top: 10px; letter-spacing: 2px;
margin-left: 15px; font-size: 19px; padding: 20px;
  font-family: Chonburi, cursive;
}

.grpSNA {
background: pink; width: 260px; color: white; text-transform: uppercase;
  text-align: center; margin-top: 10px; font-style: italic;
margin-left: 15px; font-size: 55px; padding: 20px;
  font-family: impact
}

.cbGUEST {
background: white; width: 260px; padding: 20px; margin-left: 15px; margin-top: 10px;
}

.contqeeqeel {
background: white; padding: 30px; height: 700px; position: top right;
  margin-left: 15px;
}

.qeeqeel {
float: right; width: 240px; height auto;
text-transform: uppercase;
  background: white; color: black;
}

.qeelSTATS {
font-size: 9px; text-transform: uppercase; border: 1px solid #4dcfd9;
  padding: 10px; text-align: justify; margin-top: 5px;
}

.qeelON {
font-size: 12px; text-transform: uppercase; border: 1px solid #e1f347;
  padding: 10px; text-align: justify; margin-top: 5px; height: 100px; overflow: auto;
}

.qeel24h {
font-size: 12px; text-transform: uppercase; border: 1px solid #da3db5;
  padding: 10px; text-align: justify; margin-top: 5px; height: 150px; overflow: auto;
}

.totalMBS {
border: 1px solid #ddd; font-size: 10px; color: #4dcfd9;
padding: 10px; text-align: left; width: 220px; font-family: 'Abril Fatface', cursive;
}

.totalPOS {
border: 1px solid #ddd; font-size: 10px; color: #da3db5; margin-top: 10px;
padding: 10px; text-align: left; width: 220px; font-family: 'Abril Fatface', cursive;
}

.bienvMB {
border: 1px solid #e1f347;
  width: 220px; font-size: 10px; text-transform: uppercase;
  text-align: left; color: #202020; padding: 10px; margin-top: 10px;
}

.bienvMB a {
color: white !important;
}

.titreqeeqeel {
 color: white;
font-weight: normal !important; text-shadow: 1px 1px 1px #c32c9f;
background: url('https://nsa40.casimages.com/img/2019/03/04/190304113309335128.png'); text-align: center;
text-transform: lowercase; padding: 20px;
}

.titreqeeqeel a {
color: white !important;  font-size: 42px; font-family: 'Abril Fatface', cursive;
}

Voici mon template index_box :
Spoiler:
Code:
<table><tr><td>
  <div class="conteCAT">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      
                  <div class="forabg">
         <div class="inner">
         <ul class="topiclist">
            <div class="titrecate">{catrow.tablehead.L_FORUM}</div>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
                          <a href="{catrow.forumrow.U_VIEWFORUM}" class="titreFOFO"><span style="color: white;">{catrow.forumrow.FORUM_NAME}</span></a>
 <li class="row">
               <dl class="icon" style="background:white;">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">

                                                          <div class="forumDESC"><div class="forumDESC1">{catrow.forumrow.FORUM_DESC}</div></div>

                  
                        
                     </div>
                  </dd>
               
                  <dd class="lastpost">
                     <!-- BEGIN ads -->
                     <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                                       
                                <span class="AD_LastInfos">
                                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                    {catrow.forumrow.ads.DATE}<br />
                                    {catrow.forumrow.ads.LOCATION}
                                </span>
                     </span>
                            <!-- END ads -->
                     
                            <!-- BEGIN avatar -->
                        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

            
                  </dd>
               </dl>
            </li>
                          <img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFO" />
                       
                          <table><tr><td>
                            <div class="cadreLP">
                              <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>{catrow.forumrow.USER_LAST_POST}
         </div></td><td><div class="toppics">{catrow.forumrow.TOPICS} SUJETS</div></td><td><div class="postts">{catrow.forumrow.POSTS} MESSAGES</div></td></tr></table>
                          <div class="sousFOFO"><div class="sousFOFOcadre"><!-- BEGIN switch_moderators_links -->
                           {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}</div></div>
                          <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>

         </div>
      </div>
                  <!-- END tablefoot -->
  <!-- END catrow -->
  </div></td><td><div class="partiedroite"><div class="contqeeqeel"><div class="qeeqeel">
<!-- BEGIN disable_viewonline -->

    <!-- BEGIN switch_viewonline_link -->
   <div class="titreqeeqeel"><a href="{U_VIEWONLINE}" rel="nofollow">✰ STAY FUNKY !</a></div>
   <!-- END switch_viewonline_link -->
 
<div class="qeelSTATS">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
</div>
  <div class="qeelON">{LOGGED_IN_USER_LIST}{L_ONLINE_USERS}</div>
  <div class="qeel24h">{L_CONNECTED_MEMBERS}</div>
  <br />

<div class="clear"></div>
<div class="totalMBS">
    {TOTAL_USERS}</div>
  <div class="totalPOS">
    {TOTAL_POSTS}</div>

<div class="bienvMB">
{NEWEST_USER}
</div>

<!-- END disable_viewonline -->
  </div></div>
  <div class="grpKAB">KABUKI</div>
  <div class="grpOLMS">OLMS</div>
  <div class="grpCIT">CITIZENS</div>
  <div class="grpSNA">SNATCH</div>
  <div class="cbGUEST"><iframe src="https://www2.cbox.ws/box/?boxid=2396487&boxtag=2vMUVA" width="240" height="350" allowtransparency="yes" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe></div>
  </div></td></tr></table>

   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->

<!-- BEGIN switch_on_index -->
<div class="flemmards">
<a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> ✸ <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> ✸ <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> ✸ <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> ✸ <a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a>
</div>
<!-- END switch_on_index -->

J'espère avoir été assez concise ! ^^

Merci à vous !!
Melodiam

Melodiam
****

Messages : 332
Inscrit(e) le : 16/04/2012

Voir le profil de l'utilisateur http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher un bloc seulement sur la page d'accueil

Message par Milouze14 Mar 5 Mar 2019 - 15:47

Hello Mélodiam,
dans ce template, déposes tout à la fin ceci:

Code:

<script>
  if(location.pathname != '/'){
 $('.partiedroite').remove();
 };
</script>

Penses à enregistrer puis à valider en cliquant respectivement sur :enreg: puis Afficher un bloc seulement sur la page d'accueil 824052533

a++
Milouze14

Milouze14
Membre actif

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

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher un bloc seulement sur la page d'accueil

Message par Melodiam Mar 5 Mar 2019 - 16:00

Bonjour Milouze !!

Le code marche parfaitement merci !! Smile

J'ai juste une dernière question -> actuellement sur la PA le bloc de droite n'est pas aligné sur la ligne horizontal des caté : https://nsa40.casimages.com/img/2019/03/05/190305040358173126.png

J'avais essayé de résoudre le souci par un margin-top: -xxx mais le problème c'est que si je crée un nouveau forum ou si je rajoute des infos à mon bloc et donc que cela augmente sa hauteur... tout se décale à nouveau haha
Saurais-tu juste s'il y'a une ligne de code à ajouter pour que le bloc s'aligne aux caté ?

Merci !!!! ^^
Melodiam

Melodiam
****

Messages : 332
Inscrit(e) le : 16/04/2012

Voir le profil de l'utilisateur http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher un bloc seulement sur la page d'accueil

Message par Milouze14 Mar 5 Mar 2019 - 16:53

Re,
hum vu la structure de ce template et vu que ce n'est que pour l'index,
tu ajouter ceci dans ta feuille de style:

Code:
.partiedroite{position: absolute;top: 900px !important;}

Il faudra ajuster la valeur et surement ce qui se trouve à l'intérieur Wink .

a++
Milouze14

Milouze14
Membre actif

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

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Afficher un bloc seulement sur la page d'accueil

Message par Melodiam Mar 5 Mar 2019 - 18:12

C'est parfait !!
Merci beaucoup pour ton aide, bonne soirée ! Wink
Melodiam

Melodiam
****

Messages : 332
Inscrit(e) le : 16/04/2012

Voir le profil de l'utilisateur http://funkytown-bakemono.forumactif.com
Melodiam 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