► Nom officiel et nom francisé : Insert Template Code - Insertion de code personnalisé
► Auteur(s) et pseudo(s) respectif(s) sur (phpBB.com & GitHub.com) : martti (martti & marttiphpbb)
► Description : Cette extension pour phpBB 3.1.x & 3.2.x permet de modifier le code des fichiers du style utilisé en injectant du code HTML/CSS/JAVASCRIPT au moyen des évènements du style (template events). Cette extension permet aussi de créer ses propres fichiers de style personnalisés. Si vous avez plusieurs styles il est possible de modifier ces derniers indépendamment les uns des autres. Cette extension remplace celle présentée dans le viewtopic.php?f=11&t=136 qui était devenue obsolète avec l’apparition de phpBB 3.1.6.
Voir quelques exemples, mis en place sur EzCom :► Version stable : Aucune
- un logo personnalisé ;
- six images aléatoires dans le bandeau de l’en-tête de la page ;
- une image d’arrière plan personnalisée ;
- un fond transparent au niveau de ce qui est nommé #WRAP ;
- une balise META description pour les moteurs de recherches ;
- le copyright imagé en pied de page.
► Version de développement : 0.1.0 (pour phpBB 3.1.x) & (pour phpBB 3.2.x)
► Compatible : phpBB 3.1.12 & 3.2.2
► Page(s) officielle(s) : phpBB (pour phpBB 3.1.x) & (pour phpBB 3.2.x)
► Page(s) de développement : GitHub (pour phpBB 3.1.x) & (pour phpBB 3.2.x)
► Page(s) de la traduction française : Aucun traduction nécessaire.
► Accès aux paramètres : Aucun paramètre disponible.
► Note(s) :
- obtenir des exemples de modifications au moyen de l’extension « Insert Template Code » :
- ajouter des évènements du style (template events) supplémentaires,
- intégrer son code Piwik analytics (voir Use case: Piwik analytics),
- remplacer le bleu du bandeau du header par une image (voir Use case: Styling),
- remplacer le bleu du bandeau du header par des images aléatoires (voir Use case: Random Header Image),
- ajouter des icônes, à droite, dans la barre de navigation,
- ajouter des liens dans la barre de navigation en prenant en compte la langue utilisée,
- ajouter des liens dans le menu : « Accès rapide »,
- afficher un message de bienvenue sur la page de l’index du forum et uniquement pour les invités (voir Use case: Welcome message),
- ajouter du contenu dans le premier message de chaque page des sujets ou seulement le premier message des sujets,
- afficher une publicité tous les x messages, voire uniquement à certains groupes,
- utiliser Google Adsense dans les sujets (voir Use case: Google Adsense) et dans la vue des forums (viewforum). Pour aller plus loin, consulter cette page,
- afficher un message personnalisé sur la page de contact (voir Use case: Message on the contact page),
- personnaliser un copyright en pied de page du forum (voir la seconde image du message),
- jouer un fichier audio selon une situation particulière,
- appliquer une transparence sur la zone du forum appelée « WRAP »,
- personnaliser l’image d’arrière-plan du forum ;
- obtenir les extensions et styles concernés par cette extension :
- EXTENSION : Group Template Variables,
- EXTENSION : Parameter Template Variables,
- EXTENSION : Template Events.
Bienvenue sur le forum de la Communauté EzCom !
En ces lieux, nous vous aidons à mettre en place et à personnaliser votre forum phpBB 3.1.x, 3.2.x, 3.3.x & 4.0.x grâce à :
Une fois inscrit.e, vous pouvez :
Dernières nouvelles :
Coup d’œil : « EzCom Blog » idéal pour trouver des conseils et des services pour son forum phpBB !
Soutenir le projet de la Communauté EzCom.
Tu as un forum et tu veux aussi un site web ? Regarde par ici.
Welcome on the Ezcom Community board! | English visitors, may I help you? | Make a donation to EzCom.
En ces lieux, nous vous aidons à mettre en place et à personnaliser votre forum phpBB 3.1.x, 3.2.x, 3.3.x & 4.0.x grâce à :
- plus de 250 extensions présentées et traduites ;
- plus de 150 styles & personnalisations graphiques ;
- un support personnalisé (assistance, installation, mise à jour, projet sur mesure).
Une fois inscrit.e, vous pouvez :
- obtenir des conseils et poser des questions dans le forum « Support pour phpBB » ;
- demander & proposer des traductions d’extensions dédiées à phpBB.
Dernières nouvelles :
- Correctifs pour phpBB 3.3.3 ;
- Différences entre phpBB 3.2.x & 3.3.x.
Coup d’œil : « EzCom Blog » idéal pour trouver des conseils et des services pour son forum phpBB !
Soutenir le projet de la Communauté EzCom.
Tu as un forum et tu veux aussi un site web ? Regarde par ici.
Welcome on the Ezcom Community board! | English visitors, may I help you? | Make a donation to EzCom.
EXTENSION : Insert Template Code - Insertion de code personnalisé
Permet de modifier le code des fichiers du style utilisé en injectant du code CSS/HTML/JAVASCRIPT | Allows to customize the style by using template events to inject HTML/CSS/JAVASCRIPT code for phpBB.
-
- Chef de projets
- Messages : 3065
- Enregistré le : ven. 24 oct. 2014 18:02
- Localisation : Marseille
EXTENSION : Insert Template Code - Insertion de code personnalisé
Tu as un forum et tu veux aussi un site web ? Regarde par ici.
🔍 Recherches :? Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions
- ✚ Extensions présentées - Extensions existantes (3.1.x | 3.2.x | 3.3.x | 4.0.x)
- 🎨 Styles présentés - Styles existants (3.1.x | 3.2.x | 3.3.x | 4.0.x)
📖 Documentations :
✍ Traductions : ? Demander ? Proposer
Contenu publicitaire :
-
- Chef de projets
- Messages : 3065
- Enregistré le : ven. 24 oct. 2014 18:02
- Localisation : Marseille
EXTENSION : Insert Template Code - Personnaliser l’image d’arrière-plan du forum
Parmi les étapes de personnalisation de son forum, il y a la question de l’image de l’arrière-plan.
Personnaliser l’image d’arrière-plan du forum :
- ouvrir le fichier :
./ext/marttiphpbb/inserttemplatecode/styles/all/template/event/overall_header_stylesheet_after.html
;- ajouter le code suivant :
La ligne importante débute parCode : Tout sélectionner
<style>
html, body {
color: #536482;
background-color: #7a540c;
margin:0;
background: url("{ROOT_PATH}images/arriereplan/nomdelimagedarriereplan.png");
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-attachment: fixed;
background-position: 50% 0%;
background-repeat: no-repeat;
}
</style>background: url("
dont il est spécifié le chemin depuis le répertoire du forum, celui contenant le fichier config.php) et indique le fichier image utile pour l’arrière-plan ;- créer le répertoire
./images/arriereplan/
;- transférer l’image d’arrière-plan dans le répertoire nouvellement créé, de telle sorte d’avoir le chemin suivant :
./images/arriereplan/nomdelimagedarriereplan.png
;- purger le cache du forum.
Tu as un forum et tu veux aussi un site web ? Regarde par ici.
🔍 Recherches :? Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions
- ✚ Extensions présentées - Extensions existantes (3.1.x | 3.2.x | 3.3.x | 4.0.x)
- 🎨 Styles présentés - Styles existants (3.1.x | 3.2.x | 3.3.x | 4.0.x)
📖 Documentations :
✍ Traductions : ? Demander ? Proposer
-
- Chef de projets
- Messages : 3065
- Enregistré le : ven. 24 oct. 2014 18:02
- Localisation : Marseille
EXTENSION : Insert Template Code - Appliquer une transparence sur la zone du forum appelée « WRAP »
Parfois il est nécessaire de donner une transparence à son forum si l’on souhaite mettre en valeur l’image d’arrière-plan du forum.
Appliquer une transparence sur la zone du forum appelée « WRAP », qui est par défaut sous le style prosilver de couleur blanche :
- ouvrir le fichier :
./ext/marttiphpbb/inserttemplatecode/styles/all/template/event/overall_header_stylesheet_after.html
;- ajouter le code suivant :
La valeurCode : Tout sélectionner
<style>
#wrap {
background-color: #FFF;
border-color: #E6E9ED;
background-color: rgba(255, 255, 255, 0.9);
}
</style>0.9
est le degré de transparence de la zone appelée « WRAP » c’est avec cette valeur qu’il faut jouer. Comprise entre 0 et 1 plus cette valeur est élevée et plus la transparence sera faible ;- purger le cache du forum.
Tu as un forum et tu veux aussi un site web ? Regarde par ici.
🔍 Recherches :? Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions
- ✚ Extensions présentées - Extensions existantes (3.1.x | 3.2.x | 3.3.x | 4.0.x)
- 🎨 Styles présentés - Styles existants (3.1.x | 3.2.x | 3.3.x | 4.0.x)
📖 Documentations :
✍ Traductions : ? Demander ? Proposer
-
- Chef de projets
- Messages : 3065
- Enregistré le : ven. 24 oct. 2014 18:02
- Localisation : Marseille
EXTENSION : Insert Template Code - Ajouter des évènements du style supplémentaires (template events)
Cette extension, comme déjà dit dans sa description, permet d’injecter du code HTML, CSS, JAVASCRIPT dans les fichiers HTML mis à disposition par cette extension correspondant aux évènements du style (template events). Si l’on souhaite injecter du code pour d’autres événements, voici comment procéder.
Ajouter des évènements du style (template events) supplémentaires pour l’extension « Insert Template Code » :
- si cette extension est déjà activée sur son forum, il est recommandé d’installer l’extension disponible sur le viewtopic.php?f=11&t=328 afin de localiser les évènements du style (template event) qui nous intéressent, puis de suivre la démarche suivante :
- de créer dans le répertoire de son espace FTP :
./ext/marttiphpbb/inserttemplatecode/styles/all/template/event/
les fichiers HTML portant le même nom que les évènements du style souhaités, tel que par exemple les évènements « overall_header_navigation_prepend » & « overall_header_navigation_append » permettant d’insérer du code respectivement avant et après les liens de la barre de navigation (navbar). Ainsi, les fichiers créés auront le chemin suivant :Code : Tout sélectionner
./ext/marttiphpbb/inserttemplatecode/styles/all/template/event/overall_header_navigation_prepend.html
./ext/marttiphpbb/inserttemplatecode/styles/all/template/event/overall_header_navigation_append.html- de saisir les codes respectifs dans les fichiers nouvellement créés ;
- de purger le cache de son forum pour constater les changements apportés.
Tu as un forum et tu veux aussi un site web ? Regarde par ici.
🔍 Recherches :? Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions
- ✚ Extensions présentées - Extensions existantes (3.1.x | 3.2.x | 3.3.x | 4.0.x)
- 🎨 Styles présentés - Styles existants (3.1.x | 3.2.x | 3.3.x | 4.0.x)
📖 Documentations :
✍ Traductions : ? Demander ? Proposer
-
- Chef de projets
- Messages : 3065
- Enregistré le : ven. 24 oct. 2014 18:02
- Localisation : Marseille
EXTENSION : Insert Template Code - Ajouter des liens dans la barre de navigation en prenant en compte la langue utilisée
Voici la question de l’ajout de nouveaux liens dans la barre de navigation, c’est possible si l’on a appliqué les actions du précédent message.
Ajouter des liens dans la barre de navigation en prenant en compte de la langue utilisée :L’exemple est affiché en haut du forum dans la barre de navigation, trouver « Aide » ou « Help » selon la langue utilisée.
- avant toute chose l’un ou les deux événements du style (template events) suivants
overall_header_navigation_append
&overall_header_navigation_prepend
doivent avoir été créés tel que décrit dans ce message ;- ouvrir le fichier suivant :
Code : Tout sélectionner
./ext/marttiphpbb/inserttemplatecode/styles/all/template/event/overall_header_navigation_prepend.html
- saisir le code suivant, tel que cet exemple :
Dans ce code apparaissent deux fois les mots « Help » et « Aide », mots à remplacer par le nom qui l’on souhaite donner à sa nouvelle page de la FAQ en anglais et en français ;Code : Tout sélectionner
<!-- FAQ nomdusite -->
<li class="small-icon icon-faq" <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->><a href="{ROOT_PATH}faq.php?mode=nomdusite" rel="help" title="<!-- IF S_USER_LANG eq 'fr' -->Aide<!-- ELSE -->Help<!-- ENDIF -->" role="menuitem"><!-- IF S_USER_LANG eq 'fr' -->Aide<!-- ELSE -->Help<!-- ENDIF --></a></li>- purger le cache de son forum pour constater les changements apportés.
Source du code : https://www.phpbb.com/community/viewtop ... #p13821851 (des idées sont fournies pour modifier l’icône du nouveau lien).
Tu as un forum et tu veux aussi un site web ? Regarde par ici.
🔍 Recherches :? Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions
- ✚ Extensions présentées - Extensions existantes (3.1.x | 3.2.x | 3.3.x | 4.0.x)
- 🎨 Styles présentés - Styles existants (3.1.x | 3.2.x | 3.3.x | 4.0.x)
📖 Documentations :
✍ Traductions : ? Demander ? Proposer
-
- Chef de projets
- Messages : 3065
- Enregistré le : ven. 24 oct. 2014 18:02
- Localisation : Marseille
EXTENSION : Insert Template Code - Afficher une publicité tous les x messages, voire uniquement à certains groupes
Voici la question de l’ajout de code, tel que par exemple, d’une publicité qui sera affichée tous les x messages.
Afficher une publicité tous les x messages :La valeur de
- l’extension « Insert template code » doit être installée ;
- OUVRIR le fichier :
Code : Tout sélectionner
./ext/marttiphpbb/inserttemplatecode/styles/all/template/event/viewtopic_body_postrow_post_after.html
- AJOUTER dans ce fichier le code suivant :
OùCode : Tout sélectionner
<!-- Publicité affichée après le cinquième message dans les sujets -->
<!-- IF postrow.S_ROW_COUNT == 4 -->
Code de sa publicité
<!-- ENDIF -->Code de la publicité
est à remplacer par la code de sa publicité ;- VIDER le cache de son forum.
postrow.S_ROW_COUNT == 4
correspond à afficher la publicité après le cinquième message, c’est ainsi que c’est défini, le premier message correspond àpostrow.S_FIRST_ROW
, le second message àpostrow.S_ROW_COUNT == 1
, etc..
Si l’on souhaite afficher la publicité uniquement à certains groupes, voir la démarche suivante.
Voici une démarche complémentaire à celle précédemment détaillée dans ce message, permettant l’ajout de code, tel que par exemple, d’une publicité qui sera affichée uniquement à certains groupes tous les x messages.
Afficher une publicité à certains groupes tous les x messages :
- il est nécessaire d’effectuer les actions listées plus haut dans ce message avant de passer à l’étape suivante ;
- INSTALLER l’extension présentée sur le viewtopic.php?f=11&t=327 ;
- OUVRIR le fichier :
Code : Tout sélectionner
./ext/marttiphpbb/inserttemplatecode/styles/all/template/event/viewtopic_body_postrow_post_after.html
- TROUVER :
<!-- IF postrow.S_ROW_COUNT == 4 -->
;- REPLACER PAR :
<!-- IF (S_GROUP_4 or S_GROUP_5) and (postrow.S_ROW_COUNT == 4) -->
. Où le premier4
&5
correspondent aux ID des groupes à autoriser, donc la méthode est de lister toutes les ID des groupes que tu souhaites autoriser et non l’inverse (lister les groupes interdits) car ce n’est pas permis par l’extension. Pour d’avantage de groupe à autoriser, AJOUTER à la suite deor S_GROUP_5
cecior S_GROUP_XX
oùXX
est l’ID du groupe à autoriser ;- VIDER le cache de son forum.
Pour connaitre l’ID d’un groupe :
- se rendre dans le PCA (panneau d’administration) ;
- dans l’onglet « MEMBRES ET GROUPES » ;
- sur la page « Gérer les groupes » ;
- survoler avec la souris le bouton « Paramètres » correspondant à un groupe ;
- le lien se termine par
g=3
où3
est l’ID du groupe dans cet exemple.
Tu as un forum et tu veux aussi un site web ? Regarde par ici.
🔍 Recherches :? Questions : ✚ Extensions présentées 🎨 Styles présentés ★ Toutes autres questions
- ✚ Extensions présentées - Extensions existantes (3.1.x | 3.2.x | 3.3.x | 4.0.x)
- 🎨 Styles présentés - Styles existants (3.1.x | 3.2.x | 3.3.x | 4.0.x)
📖 Documentations :
✍ Traductions : ? Demander ? Proposer
Contenu publicitaire :
Retourner vers « Extensions présentées & traduites »
Qui est en ligne
Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 0 invité