AccueilMembres connectés récemment
[PHPBB2] Cacher une partie/éléments
Page 1 sur 1 • Partagez
- ThunderTB
-
ThunderTB Sam 26 Sep 2020 - 17:12
- Version du forum :PHPBB2
- Templates modifiés :oui
- Navigateur :Firefox
Salut Phil j'espère que tu va bien!!! et oui j'ai encore besoin de ton aide d'expert ,
Mon forum : https://qmhl.forum-canada.com/
La partie en question : https://qmhl.forum-canada.com/
J'aimerais faire en sorte quel ne sois visible que pour la page principale du forum
donc cette partie dois être invisible pour tout le reste du forum .
Voici les indicatifs pour mon forum
Identifiant : Milouze14
Passw : je te l'est envoyer en privé .
Mon forum : https://qmhl.forum-canada.com/
La partie en question : https://qmhl.forum-canada.com/
J'aimerais faire en sorte quel ne sois visible que pour la page principale du forum
donc cette partie dois être invisible pour tout le reste du forum .
Voici les indicatifs pour mon forum
Identifiant : Milouze14
Passw : je te l'est envoyer en privé .
- ThunderTB
-
ThunderTB Sam 26 Sep 2020 - 18:48
Re Phil , en faite ce ne sont pas les widgets d'origine du forum mais des "div" que j'ai fait
donc en se moment ont peut toujours les voir sur des pages comme celle-ci exemple :
https://qmhl.forum-canada.com/c2-administration
https://qmhl.forum-canada.com/c1-bureau
Donc en gros elle s'affiche sur les catégorie mais pas sur les forum .
donc en se moment ont peut toujours les voir sur des pages comme celle-ci exemple :
https://qmhl.forum-canada.com/c2-administration
https://qmhl.forum-canada.com/c1-bureau
Donc en gros elle s'affiche sur les catégorie mais pas sur les forum .
- ThunderTB
-
ThunderTB Sam 26 Sep 2020 - 19:45
Re Phil , ahhhh!! j'aurais du l'essayer je croyais qu'en cochant la case toutes les pages
que la menu ce serais effacer partout sur le forum je te remercie c'est en plein ce que je voulais .
Une petite question avant de partir , croit tu que ce serais possible de fusionner mes deux div avec le cadre du forum comme ceci :
https://css-actif.forumactif.org/
Donc ce donnerais sa sur mon forum : https://snipboard.io/1bhuIi.jpg
Faire en sorte qu'il devient "Un" avec le .forumline .
Un gros merci d'avance .
que la menu ce serais effacer partout sur le forum je te remercie c'est en plein ce que je voulais .
Une petite question avant de partir , croit tu que ce serais possible de fusionner mes deux div avec le cadre du forum comme ceci :
https://css-actif.forumactif.org/
Donc ce donnerais sa sur mon forum : https://snipboard.io/1bhuIi.jpg
Faire en sorte qu'il devient "Un" avec le .forumline .
Un gros merci d'avance .
- ThunderTB
-
ThunderTB Sam 26 Sep 2020 - 19:58
Re Phil , est-ce possible de fusionner les 3 div pour en faire une et ensuite marié
le forumline avec celle-ci ?
P.s. pour ce qui est de la 3e div c'étais seulement un test que j'ai laisser la au cas ou j'aurais voulu faire une autre widget .
Donc en gros j'ai 3 div fusionner en une , impossible de marié tout sa avec le cadre du forum ?
le forumline avec celle-ci ?
P.s. pour ce qui est de la 3e div c'étais seulement un test que j'ai laisser la au cas ou j'aurais voulu faire une autre widget .
Donc en gros j'ai 3 div fusionner en une , impossible de marié tout sa avec le cadre du forum ?
- ThunderTB
-
ThunderTB Sam 26 Sep 2020 - 20:10
Milouze14 a écrit:
Re Franck,
il me faudrait le code html complet car tu souhaites une couleur de fond pour l'ensemble non?
Je vois cela demain matin de bonne heure car à cette heure, je prend du bon temps pour ma pomme.
Bonne fin de soirée de ton côté Franck.
Index_box
- Code:
<div class="wrapforumline"><div class="menudroit">
<div class="menudroitin"><h2>Facebook</h2>
<iframe src="https://www.facebook.com/v6.0/plugins/page.php?adapt_container_width=true&app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Df1b23fce8630c96%26domain%3Dgmconnected.forumactif.com%26origin%3Dhttp%253A%252F%252Fgmconnected.forumactif.com%252Ff820107a10a91c%26relation%3Dparent.parent&container_width=294&height=300&hide_cover=false&href=https%3A%2F%2Ffacebook.com%2Fcarrier3131&locale=fr_FR&sdk=joey&show_facepile=false&small_header=true&tabs=timeline&width=" width="278" height="273" style="margin-left:-3px !important;border:none;"></iframe>
</div><br>
<div class="menudroitin2"><h2>Liens Outil</h2>
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 284px;
background-color: #4CAF50;
margin-left:-5px;
margin-top:2px !important;
position:relative;
}
li1 a {
display: block;
color: #333333 !important;
padding: 8px 16px;
text-decoration: none;
background-color:#efefef;
}
li1 a:hover:not(.active) {
background-color:#4CAF50;
color: #ffffff !important;
}
li1 a:hover {
color: #ffffff;
}
</style>
</head>
<body>
<ul>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/salaries" target="_blank">Masses Salariales</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/waivers" target="_blank">Ballotage</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/players_conditions" target="_blank">Blessures</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/standings" target="_blank">Classements</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/leaders" target="_blank">Meneurs</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/calendar" target="_blank">Calendrier</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/free_agents" target="_blank">Agents Libres</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/draft" target="_blank">Liste Repêchages</a></li1>
</ul>
</body>
</html>
</div>
<div class="menudroitin3"><h2></h2>
<br>
</div><br>
</div>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="72%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr></div>
<!-- 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{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" 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="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- 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}
</span>
</td>
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<!-- 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 -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<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="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --></div>
Voilà mon cher ami , en effet peut-être que j'aimerais lui mettre une couleur de fond etc...
sur ce je te dit une gros merci et te souhaite une belle fin de journée profite de ta fin de semaine sa presse pas . Perd pas la pêche et prend soin de ta pomme
- Milouze14
Fondateur -
Milouze14 Dim 27 Sep 2020 - 6:17
Hello Franck,
ah ben bien, perso je ne vois pas de changement c'est donc que tu as bien bossé .
Par contre, ces styles peuvent être supprimés Franck:
Aucune balise p n'est présente et tu mentionnes ensuite que l'on doit faire une action sur les divs ayant les class:
.menudroitin2
.menudroitin3
sur une div présente à l'intérieure de celle-ci, il n'y a pas de balise div Franck
Le code html:
Ensuite on peut aussi gagner de la place dans la feuille de style:
Pour tes trois divs , on peut la compresser ainsi:
Au lieu de :
Pour le même résultat
ah ben bien, perso je ne vois pas de changement c'est donc que tu as bien bossé
.Par contre, ces styles peuvent être supprimés Franck:
- Code:
.menudroitin p {
margin-bottom:-5px;
margin-top:-10px !important;
font-size:12px;
color:#333333 !important;
font-family:arial !important;
}
- Code:
.menudroitin2 div{
margin-top: -10px !important;;
}
- Code:
.menudroitin2 p {
margin-bottom:-5px;
margin-top:-10px !important;
font-size:12px;
color:#333333 !important;
font-family:arial !important;
}
- Code:
.menudroitin3 div{
margin-top: -10px !important;
}
- Code:
.menudroitin3 p {
margin-bottom:-5px;
margin-top:-10px !important;
font-size:12px;
color:#333333 !important;
font-family:arial !important;
}
Aucune balise p n'est présente et tu mentionnes ensuite que l'on doit faire une action sur les divs ayant les class:
.menudroitin2
.menudroitin3
sur une div présente à l'intérieure de celle-ci, il n'y a pas de balise div Franck
Le code html:
- Code:
<div class="menudroitin2"><h2>Liens Outil</h2>
<ul>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/salaries" target="_blank">Masses Salariales</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/waivers" target="_blank">Ballotage</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/players_conditions" target="_blank">Blessures</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/standings" target="_blank">Classements</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/leaders" target="_blank">Meneurs</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/calendar" target="_blank">Calendrier</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/free_agents" target="_blank">Agents Libres</a></li1>
<li1><a href="https://www.simulatedhockeymanager.ca/gmconnected/draft" target="_blank">Liste Repêchages</a></li1>
</ul>
</div>
<div class="menudroitin3"><h2></h2>
<br />
</div><br />
</div>
Ensuite on peut aussi gagner de la place dans la feuille de style:
Pour tes trois divs , on peut la compresser ainsi:
- Code:
/*la div recevant toutes les autres*/
.menudroit
{
width:274px;
/*ON ADDITTIONNE LES HAUTEURS DE TOUTES LES DIVS 275px par 3*/
height:825px;
left:70.9%;
position:absolute;
}
/*ON DONNE LA MEME APPARENCE AUX TROIS DIVS*/
.menudroitin,.menudroitin2,.menudroitin3{
background-color: #EFEFEF;
border-top: 36px solid #4CAF50;
height: 275px;
margin-bottom: 20px;
margin-left: -14%;
max-width: 274px;
min-width: 274px;
padding: 5px;
position: absolute;
text-align: center;
}
/*ON DONNE LA MEME APPARENCE AUX TITRES*/
div[class^="menudroitin"] h2
{
margin-top:-31px !important;
font-size: 14px !important;
color:#ffffff !important;
font-family:arial !important;
}
/*ON DECALE LES DIVS*/
.menudroitin{margin-top: 0px;}
.menudroitin2 { margin-top: 314px;}
.menudroitin3 {margin-top: 663px;border-bottom: px solid #DEE3E7;}
Au lieu de :
- Code:
.menudroit {
width:274px;
height:auto !important;
left:70.9%;
position:absolute;
}
.menudroitin3 {
background-color: #;
border-top: 36px solid #;
height: 275px !important;
margin-left: -38px;
margin-top: 663px;
max-width: 274px;
min-width: 274px;
padding: 5px;
position: absolute;
text-align: center;
border-bottom: px solid #DEE3E7;
}
.menudroitin3 div{
margin-top: -10px !important;;
}
.menudroitin3 h2 {
margin-top:-31px !important;
font-size:14px !important;
color:#ffffff !important;
font-family:arial !important;
}
.menudroitin3 p {
margin-bottom:-5px;
margin-top:-10px !important;
font-size:12px;
color:#333333 !important;
font-family:arial !important;
}
.menudroitin {
background-color: #EFEFEF;
border-top: 36px solid #4CAF50;
height: 275px;
margin-bottom: 20px;
margin-left: -14%;
margin-top: 0px;
max-width: 274px;
min-width: 274px;
padding: 5px;
position: absolute;
text-align: center;
}
.menudroitin h2 {
margin-top:-31px !important;
font-size: 14px !important;
color:#ffffff !important;
font-family:arial !important;
}
.menudroitin p {
margin-bottom:-5px;
margin-top:-10px !important;
font-size:12px;
color:#333333 !important;
font-family:arial !important;
}
.menudroitin2 {
background-color: #EFEFEF;
border-top: 36px solid #4CAF50;
height: 275px;
margin-left: -14%;
margin-top: 314px;
max-width: 274px;
min-width: 274px;
padding: 5px;
position: absolute;
text-align: center;
}
.menudroitin2 div{
margin-top: -10px !important;;
}
.menudroitin2 h2 {
margin-top:-31px !important;
font-size:14px !important;
color:#ffffff !important;
font-family:arial !important;
}
.menudroitin2 p {
margin-bottom:-5px;
margin-top:-10px !important;
font-size:12px;
color:#333333 !important;
font-family:arial !important;
}
Pour le même résultat
- ThunderTB
-
ThunderTB Dim 27 Sep 2020 - 18:23
Salut Phil bon dimanche 
,
Je te remercie d'avoir prit le temps de m'expliquer j'ai supprimer le tout , je vais essayer de nettoyer
ma feuille de css pour la mettre en ordre le plus possible . Un gros merci encore ,
tu risque de me revoir d'ici peu j'ai quelque chose sur lequel je galère mais j'aime toujours tenté de trouver une solution sans venir te consulté .
A plus mister !!!
, Je te remercie d'avoir prit le temps de m'expliquer j'ai supprimer le tout , je vais essayer de nettoyer
ma feuille de css pour la mettre en ordre le plus possible . Un gros merci encore ,
tu risque de me revoir d'ici peu j'ai quelque chose sur lequel je galère mais j'aime toujours tenté de trouver une solution sans venir te consulté .
A plus mister !!!
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum