[phpBB 3.0.x] Mettre un bloc sur le coté du forum Intermédiaire

[phpBB 3.0.x] Mettre un bloc sur le coté du forum

[Prosilver]


- Mettre un bloc sur le coté du forum (sur Prosilver)

Ce tuto vous permet de rajouter un bloc (dans l'ex: il y en a deux) sur le coté de votre forum avec un fichier inclus en HTML, que vous pourrez modifier pour y mettre ce que bon vous semble, pub, code, etc.

Source : http://www.phpbb.com/

Aperçu :
menuright.jpg


- Mise en place

Téléchargez l'archive ICI (contient le fichier HTML à modifier)
Allez sur votre FTP et copiez ce fichier dans le dossier suivant : styles/votre_style/template/



- Partie .html
Ouvrez Votre-style/template/overall_footer.html

et cherchez
Code: Tout sélectionner
<div id="page-footer">


ajoutez avant
Code: Tout sélectionner
	<!-- block droite -->
	<div id="menu_right">
	<!-- INCLUDE menu_right.html -->
	</div>
	<!-- fin block droite -->


Partie .css
ouvrez Votre-style/theme/common.css

et cherchez
Code: Tout sélectionner
#page-body {
	margin: 4px 0;
	clear: both;
}


remplacez par
Code: Tout sélectionner
#page-body {
	float:left;
	margin:4px 0;
	width:81%;
}


à la fin du fichier ajoutez
Code: Tout sélectionner
/* Menu right */
#menu_right {
	float:right;
	margin-top:72px;
	position:relative;
	width:16%;
}


vous pouvez adapter ces valeurs width:16%; et width:81%; pour obtenir l'effet souhaité.

Pour placer votre code ouvrez le fichier menu_right.html et là où il est écrit TON CODE ICI, remplacez par votre code.

PS : ce bloc est positionné à droite, mais il est possible de le positionner à gauche en modifiant les valeurs right par left et left par right.
21/02/2014 - modifié par cabot pour modifier titre et description.
12/02/2014 - modifié par Zoddo pour convertir le sujet en article.
Avatar de l’utilisateur
sub60
Floodeur universel
Floodeur universel
 
Rédigé le: 12 Fév 2014 à 19:28
Articles: 5
Noter cet article: 123456 Votants: 3
Mots-clés: Prosilver, mettre, un, bloc, sur, le, coté, du, forum

Retourner vers Styles