Afficher un bloc seulement sur la page d'accueil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Afficher un bloc seulement sur la page d'accueil
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 !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;
}
Seulement si maintenant je clique sur "votre 1ère catégorie" dans la barre de liens au dessus de la liste des sujets
- Spoiler:
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} :
{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 !!
Re: Afficher un bloc seulement sur la page d'accueil
Hello Mélodiam,
dans ce template, déposes tout à la fin ceci:
Penses à enregistrer puis à valider en cliquant respectivement sur puis
a++
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 puis
a++
Invité- Invité
Re: Afficher un bloc seulement sur la page d'accueil
Bonjour Milouze !!
Le code marche parfaitement merci !!
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 !!!! ^^
Le code marche parfaitement merci !!
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 !!!! ^^
Re: Afficher un bloc seulement sur la page d'accueil
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:
Il faudra ajuster la valeur et surement ce qui se trouve à l'intérieur .
a++
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 .
a++
Invité- Invité
Re: Afficher un bloc seulement sur la page d'accueil
C'est parfait !!
Merci beaucoup pour ton aide, bonne soirée !
Merci beaucoup pour ton aide, bonne soirée !
Sujets similaires
» Afficher une phrase si (et seulement si) un utilisateur est dans un groupe "x"
» Afficher une ption seulement pour certains joueurs
» Afficher la page d'accueil (la PA) seulement sur la page d'accueil
» AwesomeBB : Ne pas afficher le bloc Modérateurs
» Peut-on afficher seulement les anniversaires de certains groupes?
» Afficher une ption seulement pour certains joueurs
» Afficher la page d'accueil (la PA) seulement sur la page d'accueil
» AwesomeBB : Ne pas afficher le bloc Modérateurs
» Peut-on afficher seulement les anniversaires de certains groupes?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum