[phpBB 3.0.x] Ajouter une zone à côté du header

Toutes les documentations phpBB seront ici.
Verrouillé
Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 563
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

[phpBB 3.0.x] Ajouter une zone à côté du header

Message par Dakin Quelia »

» Ajouter une zone à côté du header

A l'aide de cette documentation, vous allez pouvoir ajouter une nouvelle zone à côté du header. Ceci peut être utile si vous souhaitez ajouter des icônes genre Facebook, Twitter et RSS, par exemple.


Ouvrez le fichier « styles/{VOTRE_THEME}/template/overall_header.html ».

Cherchez:

Code : Tout sélectionner

		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->

			<span class="corners-bottom"><span></span></span></div>
		</div>
Remplacez par:

Code : Tout sélectionner

		<div style="width: 100%">
			<div class="headerbar" style="float: left; width: 85%">
				<div class="inner"><span class="corners-top"><span></span></span>

				<div id="site-description">
					<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
					<h1>{SITENAME}</h1>
					<p>{SITE_DESCRIPTION}</p>
					<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
				</div>

			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
				<div id="search-box">
					<form action="{U_SEARCH}" method="get" id="search">
					<fieldset>
						<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
						<input class="button2" value="{L_SEARCH}" type="submit" /><br />
						<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
					</fieldset>
					</form>
				</div>
			<!-- ENDIF -->

				<span class="corners-bottom"><span></span></span></div>
			</div>
			<div style="float: right; width: 13%;">
				<p style="text-align: center;">
					<a href=""><img src="http://localhost/phpbb-test/images/forums/information.png" alt="nom_image" /></a> &nbsp;
					<a href=""><img src="http://localhost/phpbb-test/images/forums/book_open.png" alt="nom_image" /></a> &nbsp;
					<a href=""><img src="http://localhost/phpbb-test/images/forums/book_open.png" alt="nom_image" /></a> &nbsp;
					<a href=""><img src="http://localhost/phpbb-test/images/forums/information.png" alt="nom_image" /></a> 
				</p>
				<p style="text-align: center;">Bienvenue parmi nous!!</p>
			</div>
		</div>
		<br clear="all" />
N'oubliez pas de rafraîchir le template (onglet Styles) et de vider le cache (onglet Général).

Résultat:
01.png

Verrouillé

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités