Supprimer des éléments constants (footer, navigation…) sur une page précise

[greg62]

Bonjour.

Ma question est simple : comment supprimer toutes les infos d'une page : Barre de navigation, header, sidebar, background et éventuellement (si c'est possible) footer ? Ou disons en tout cas au minimum la barre de navigation et le Header.

La raison est que je souhaite intégrer (via un Widget je crois) un forum dans une des pages de mon site, et pour cela il faudrait que la page soit vierge.

J'ai fouillé partout, j'ai lu plein de tutoriels et vu plein de lignes de code, le problème est que je ne retrouve pas dans le code de mon site les codes qui sont cités (oui, j'ai utilisé l'Inspecteur d'Elements...). Je ne sais pas programmer, ni en html ni en CSS, je peux juste copier/coller des lignes de code dans Paramètres/modifier le Header

Qui pourrait m'aider ?

J'ai Jimdo Pro et mon Design est Rio de Janeiro.

Mon site : quetesetenquetes.ch

Merci beaucoup pour votre aide.

Greg

[FredVig]

un post sur le sujet

[greg62]

Mmm... Je ne suis pas certain de comprendre.. Je ne cherche pas à avoir une page blanche d'accueil, mais une page au milieu de mon site avec quelques éléments en moins : barre de navigation et header, éventuellement image de fond.

Je crains que mes connaissances en programmation soient en deça de ce que je peux lire dans ce post. Ne pouvez-pas m'indiquer un code à coller dans mes paramètres/modifier Header pour masquer ces 2-3 éléments ?

Merci

[FredVig]

Le prérequis est de lire les tutos sur la modification de Head dans la rubrique tutoriel/astuces de ce forum.
dont : les bases de la modification de CSS et une autre approche : bases actualisées
Cela est essentiel pour comprendre comment cibler les éléments, càd trouver le code qui les identifie.

Le principe dans votre cas sera de masquer des éléments (footer et autres) sur une page particulière.
•Repérer la page :
#page-1234567890
•L'élément à supprimer
#machinASupprimer
•Faites-le disparaître
{display:none!important}
Assembler tout ça dans le "modifier le Head" entre des balises de déclaration de CSS :
<style type="text/css">
/*<![CDATA[*/

#page-(identifiant de la page) #MachinASupprimer,
#page-(identifiant de la page) #AutreMachinASupprimer,{display:none!important;}

/*]]>*/
</style>
par exemple, sur votre page JEUX, ce serait :

Code:

<style type="text/css">
/*<![CDATA[*/
#page-2407174436 #tpl-header, #page-2407174436 #tpl-footer
{display:none!important;}
/*]]>*/
</style>

Mais se sera différent sur chaque page, il faut changer l'identifiant de la page.

[greg62]

Merci beaucoup FredVig, ça marche !

Mais sais tu pourquoi le forum que j'y ai intégré via Widget apparaît très étroit dans mon site ? J'ai pourtant augmenté le width mais ça augmente juste les marges autour de mon forum

Code:

<iframe width="960" height="1300" frameborder="1" marginheight="0" marginwidth="0" src="http://quetesetenquetes.bb-fr.com"></iframe>

La page de mon site où le forum est trop étroit :
http://www.quetesetenquetes.ch/forum/

Merci d'avance !

Edit : en fait j'ai changé le format de mon forum en PunBB (il était en PhpBB2) et ça va apparemment mieux !

[Contenu sponsorisé]