[Question] Comment déplacer proprement .headerbar dans le template overall_header.html pour qu'il soit hors du .wrap?

Répondre
Avatar du membre
314r
Messages : 27
Enregistré le : 13 août 2024, 15:44
Contact :

[Question] Comment déplacer proprement .headerbar dans le template overall_header.html pour qu'il soit hors du .wrap?

Message par 314r » 02 janv. 2026, 12:48

Bonjour,

Je bricole un Forum avec un mini style-enfant minimaliste pour personnaliser mon Forum. Je veux avoir le .headerbar en entier pleine largeur et en dehors du .wrap sans nuire à l'utilisation des éventuelles extensions.

Il y a des EVENT dans le fichier overall_header.html et je ne connais pas bien leur utilité ni comment préserver leur positionnement correct si je déplace .headerbar.

J'ai déjà reçu des informations de cabot par mp mais le sujet n'est pas assez développé pour moi pour que je comprenne tout ce qui doit être compris pour devenir autonome dans le déplacement et la modification d'un template phpBB, donc j'ouvre le sujet. Et je retransmet l'info reçu pour ne pas forcer cabot à répéter ici ce qu'il a commencé à m'enseigner.
cabot a écrit :Pour clarifier, il existe quatre événements de template courants. Ils permettent d’insérer du contenu à des endroits précis d’un bloc HTML :

before ⇒ placé avant un bloc

after ⇒ placé après un bloc

prepend ⇒ placé après la balise ouvrante d’un bloc

append ⇒ placé avant la balise fermante d’un bloc

Voici un exemple pour visualiser la logique.

Avant :

Code : Tout sélectionner

<div class="chose">
	<!-- EVENT overall_header_truc_before -->
	<div class="truc">
		<div class="machin">
		...
		</div>
	</div>
	<!-- EVENT overall_header_truc_after -->
</div>
cabot a écrit :Après déplacement du bloc :

Code : Tout sélectionner

<!-- EVENT overall_header_truc_before -->
<div class="truc">
	<div class="machin">
	...
	</div>
</div>
<!-- EVENT overall_header_truc_after -->
<div class="chose">
</div>
cabot a écrit :Il ne s’agit pas d’une règle stricte, simplement de logique : à toi d’adapter selon la structure que tu veux obtenir.

Pour les événements placés dans une boucle, le principe est un peu différent :
un event inséré dans une boucle ne doit pas en sortir.

Exemple :

Code : Tout sélectionner

<!-- BEGIN nomdelaboucle -->
	<!-- EVENT file_nomdelaboucle_truc_before -->
	<div class="truc">
		{nomdelaboucle.TEMPLATE_EVENT}
	</div>
	<!-- EVENT file_nomdelaboucle_truc_after -->
<!-- END nomdelaboucle -->
cabot a écrit :Si tu déplaces un event en dehors de la boucle, le code injecté ne sera pas répété.

Le fichier overall_header.html ne contient pas de boucle nativement, donc tu n’as pas à te soucier de ce cas particulier.
_______
_______

Voilà, le sujet est lancé, je vais étudier et revenir avec d'autres questions. Je vais modifier mon fichier overall_header.html de mon style-enfant et revenir le faire "corriger" :lol:

@+ :geek:
Observer, découvrir, explorer, développer et partager.
Je développe un nouveau Forum

Avatar du membre
314r
Messages : 27
Enregistré le : 13 août 2024, 15:44
Contact :

Re: [Question] Comment déplacer proprement .headerbar dans le template overall_header.html pour qu'il soit hors du .wrap

Message par 314r » 04 janv. 2026, 09:17

Salut bonjour,

J'ai bricolé mon overall_header.html et je l'ai testé disons, normalement. Je n'ai pas installé d'extension spécifique qui s'installerait dans ces zones-là que j'ai déplacées alors je ne suis pas certain que mes modifications sont impeccables.

Je propose mon code aux évaluateurs de la communauté pour correction ;)
Pas d'urgence :)

Code : Tout sélectionner

<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}">
	<a id="top" class="top-anchor" accesskey="t"></a>
	
		<!-- EVENT overall_header_navbar_before -->
		<!-- INCLUDE navbar_header.html -->

	<div id="page-header">
		<div class="headerbar" role="banner">
		<!-- EVENT overall_header_headerbar_before -->
			<div class="inner">

			<div id="site-description" class="site-description">
				<a id="logo" class="logo" href="{% if U_SITE_HOME %}{{ U_SITE_HOME }}{% else %}{{ U_INDEX }}{% endif %}" title="{% if U_SITE_HOME %}{{ L_SITE_HOME }}{% else %}{{ L_INDEX }}{% endif %}">
				<span class="site_logo"></span>
				</a>

				<h1>{SITENAME}</h1>

				<p>{SITE_DESCRIPTION}</p>

				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<!-- EVENT overall_header_searchbox_before -->
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button button-search" type="submit" title="{L_SEARCH}">
						<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
					</button>
					<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
						<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
					</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->
			<!-- EVENT overall_header_searchbox_after -->

			</div>
			<!-- EVENT overall_header_headerbar_after -->
		</div>

	</div>
<!-- EVENT overall_header_body_before -->

<div id="wrap" class="wrap">

	<!-- EVENT overall_header_page_body_before -->

	<a id="start_here" class="anchor"></a>
	<div id="page-body" class="page-body" role="main">
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner">
				<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
			</div>
		</div>
		<!-- ENDIF -->

		<!-- EVENT overall_header_content_before -->
Merci
Observer, découvrir, explorer, développer et partager.
Je développe un nouveau Forum

Avatar du membre
cabot
Administrateur du site
Messages : 229
Enregistré le : 03 nov. 2011, 11:29
Contact :

Re: [Question] Comment déplacer proprement .headerbar dans le template overall_header.html pour qu'il soit hors du .wrap

Message par cabot » 04 janv. 2026, 10:51

Hello,

Déplace overall_header_body_before juste après la balise <body>.

Je sais, le nom de cet événement de template n'est pas logique. ^^

Avatar du membre
314r
Messages : 27
Enregistré le : 13 août 2024, 15:44
Contact :

Re: [Question] Comment déplacer proprement .headerbar dans le template overall_header.html pour qu'il soit hors du .wrap

Message par 314r » 04 janv. 2026, 11:18

Salut cabot,

Oooh et bien bon bain, j'aurais jamais été jouer aussi loin.. :mrgreen:

Si tout est ok pour le reste du code, la modification que tu conseilles est faite. Si le reste est ok, je suis content.

Code : Tout sélectionner

</head>
<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}">
	<!-- EVENT overall_header_body_before -->
	<a id="top" class="top-anchor" accesskey="t"></a>
	
		<!-- EVENT overall_header_navbar_before -->
		<!-- INCLUDE navbar_header.html -->

	<div id="page-header">
Pourquoi déplacer si haut une ligne de code qui était si basse à l'origine? C'est un sujet d'actualité qu'on règlera plus tard, à temps perdu, vraiment je ne suis pas en alerte.
Observer, découvrir, explorer, développer et partager.
Je développe un nouveau Forum


Répondre