[phpBB 3.0.x] Ajouter un menu à gauche/droite des forums

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 un menu à gauche/droite des forums

Message par Dakin Quelia »

» Ajouter un menu à gauche/droite des forums

A l'aide de cette documentation, vous allez pouvoir ajouter une sidebar facilement sur la page d'accueil.

Ouvrez le fichier « styles/{VOTRE_THEME}/theme/content.css ».

A la fin du fichier, ajoutez:

Code : Tout sélectionner

/* Sidebar by Dakin Quelia
----------------------------------------*/
dt.sidebar-link {
	line-height: 3em; 
	margin-left: 10px;
}
Ouvrez le fichier « styles/{VOTRE_THEME}/template/index_body.html ».

Cherchez:

Code : Tout sélectionner

<!-- INCLUDE forumlist_body.html -->
Remplacez par:

Code : Tout sélectionner

<div style="width: 100%">
	<div style="float: right; width: 79%;">
		<!-- INCLUDE forumlist_body.html -->
	</div>
	<div style="float: left; width: 20.5%;">
		<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
				<ul class="topiclist">
					<li class="header">
						<dl class="icon">
							<dt>{L_MENU}</dt>
						</dl>
					</li>
				</ul>
				<ul class="topiclist forums">
					<li class="row">
						<dl class="icon" style="background-image: url('http://localhost/phpbb-test/images/forums/information.png'); background-repeat: no-repeat; margin-right: 10px;">
							<dt title="{L_HOME_TITLE}" class="sidebar-link"><a href="http://votrelien.com" class="forumtitle">{L_HOME}</a></dt>
						</dl>
					</li>
					<li class="row">
						<dl class="icon" style="background-image: url('http://localhost/phpbb-test/images/forums/book_open.png'); background-repeat: no-repeat;">
							<dt title="{L_GUESTBOOK_TITLE}" class="sidebar-link"><a href="http://votrelien.com" class="forumtitle">{L_GUESTBOOK}</a></dt>
						</dl>
					</li>
					<li class="row">
						<dl class="icon" style="background-image: url('http://localhost/phpbb-test/images/forums/book_open.png'); background-repeat: no-repeat;">
							<dt title="{L_TEST_TITLE}" class="sidebar-link"><a href="http://votrelien.com" class="forumtitle">{L_TEST}</a></dt>
						</dl>
					</li>
				</ul>
			<span class="corners-bottom"><span></span></span></div>
		</div>
	</div>
</div>
<br clear="all" />
Veuillez noter que j'ai testé avec des icônes 32x32. Donc vous pouvez également changer le lien des images par les vôtres.

Pour ajouter de nouveaux liens, rien de plus facile, il vous suffit de faire comme suit:

Code : Tout sélectionner

					<li class="row">
						<dl class="icon" style="background-image: url('http://localhost/phpbb-test/images/forums/book_open.png'); background-repeat: no-repeat;">
							<dt title="{L_TEST_TITLE}" class="sidebar-link"><a href="http://votrelien.com" class="forumtitle">{L_TEST}</a></dt>
						</dl>
					</li>


N'oubliez pas de rafraîchir le template et le thème (onglet Styles) et de vider le cache (onglet Général).

Ce qui donne:
01.png

Verrouillé

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité