Connexion
Derniers sujets*
» [EDGE] Auto suggestion de la recherche
par tenrev Hier à 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27
» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26
par tenrev Hier à 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27
» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26
Les statistiques du forum
[PHPBB2] Afficher plusieurs tailles de police dans les sujets
Page 1 sur 1 • Partagez
- Milouze14Fondateur

ce tutoriel est idéal pour les forums ayant des membres avec un handicap visuel.
Aperçu imagé:
![[PHPBB2] Afficher plusieurs tailles de police dans les sujets 125](https://i.servimg.com/u/f56/11/26/21/37/125.png)
En fait actuellement la taille de police est attribuée par le P.A ou par la C.S.S.
Je vais vous donné la possibilité d'ajouter des boutons qui seront visibles par tous .
-Astuce des Forums Milouze14&Compagnie-
Pour toute information,merci de contacter un Membre du Staff | ![]() |
Dans un premier temps, il va vous falloir créer les images (boutons) avec la valeur
que vous voulez donner à vos membres

Un peu comme ceux du forum:
![[PHPBB2] Afficher plusieurs tailles de police dans les sujets 51450910](https://i.servimg.com/u/f75/11/26/21/37/51450910.gif)
![[PHPBB2] Afficher plusieurs tailles de police dans les sujets 51450810](https://i.servimg.com/u/f75/11/26/21/37/51450810.gif)
![[PHPBB2] Afficher plusieurs tailles de police dans les sujets 51450110](https://i.servimg.com/u/f75/11/26/21/37/51450110.gif)
Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body
Recherchez ceci:
- Code:
<td valign="top" nowrap="nowrap" class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
- Code:
<td valign="top" nowrap="nowrap" class="post-options">
<div class="M14_px">
<span class="M14_18px"title="Afficher le texte avec une taille de 18px">
<img src="LE LIEN DE L IMAGE EN 18PX"/>
</span>
<span class="M14_16px"title="Afficher le texte avec une taille de 16px">
<img src="LE LIEN DE L IMAGE EN 16PX"/>
</span>
<span class="M14_14px"title="Afficher le texte avec une taille de 14px">
<img src="LE LIEN DE L IMAGE EN 14PX"/>
</span>
</div>
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>


Explications du code html:
- Code:
<span class="M14_14px"title="Afficher le texte avec une taille de 14px">
<img src="LE LIEN DE L IMAGE EN 14PX"/>
</span>
- Code:
<span class="M14_14px"
- Code:
M14_14px
- Code:
title="Afficher le texte avec une taille de 14px">
- Code:
<img src="LE LIEN DE L IMAGE EN 14PX"/>
Peut être remplacé par du texte, le code sera alors comme ceci:
- Code:
<span class="M14_14px"title="Afficher le texte avec une taille de 14px">Votre texte en 14px</span>

Voilà pour le côté html

Passons à la feuille de style pour placer le groupe de boutons.
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
- Code:
.M14_px
{
float:left;/*on place le groupe a gauche*/
margin-left:50px;/*on le decale de 50px de la gauche*/
width:150px;/*la largeur du groupe*/
}
- Code:
.M14_px
{
float:left;/*on place le groupe a gauche*/
color: VOTRE COULEUR;/*la couleur de police*/
font-size:VOTRE TAILLE DE POLICE px ; /*la taille de police*/
margin-left:50px;/*on le decale de 50px de la gauche*/
width:150px;/*la largeur du groupe*/
}

C'est tout

Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite comme :Augmenter la taille de police
Cocher Sur les sujets:
Collez ceci:
- Code:
$(document).ready(function()
{
$(".M14_14px").click(function()
{$( ".postbody" ).css({fontSize:"14px"});
});
$(".M14_16px").click(function()
{$( ".postbody" ).css({fontSize:"16px"});
});
$(".M14_18px").click(function()
{$( ".postbody" ).css({fontSize:"18px"});
})
});

Explications du javascript:
Chaque bouton sera représenté par ce javascript:
- Code:
$(".M14_14px").click(function()
{$( ".postbody" ).css({fontSize:"14px"});
})
- Code:
$(".M14_14px")
- Code:
.click(function()
- Code:
{$( ".postbody" )
- Code:
.css({fontSize:"14px"});
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide

https://www.milouze14.com/f108-entraide-tous-supports
Dernière édition par Milouze14 le Ven 21 Fév 2020 - 16:53, édité 7 fois
- fleur78Milouzien
Cool Je Regarde ça Merci
Philippe
Philippe
- InvitéInvité
Super idée merci Philippe
- Teten85Milouzien
Merci Philippe 

- fasciculariaMilouzien
Merci Philippe. Superbe tutoriel qui servira à de nombreux forums qui ont des membres ayant un handicap visuel.
- bildil62Milouzien élite

Un grand Merci Philippe

- AenigmaMilouzien
Bonjour, Philippe et tous. J'utilise un système plus général mais ceci a l'air très intéressant.
Merci
Merci
- Milouze14Fondateur

C'est à dire mon ami ?J'utilise un système plus général
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- AenigmaMilouzien
J'ai adopté le tien.
ZZ10 m'en avait fait un pour le forum dans sa totalité.
ZZ10 m'en avait fait un pour le forum dans sa totalité.
- Milouze14Fondateur


Sur les scripts, on pouvait lui demander presque n'importe quoi,
il avait toujours une solution

Tu me fais honneur Laurent d vyfhueuuj
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- pierre31250Milouzien
Bonjour, merci, quand vous dites plusieurs police, c'est à dire?
- Milouze14Fondateur

Bonjour, merci, quand vous dites plusieurs police, c'est à dire?
Si tu cliques sur un des boutons , la taille augmentera

![[PHPBB2] Afficher plusieurs tailles de police dans les sujets 00112](https://i.servimg.com/u/f56/11/26/21/37/00112.png)
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- InvitéInvité
:fuifduidi: Philippe et merci.
- crazy95Milouzien
je comprend comment fonctionne t lien je clic dessus mais il y a rien ?
- Milouze14Fondateur

ce sont des anciens liens qui n'ont pas été mis à jour.
Je l'ai refais au jour le jour

Tu dois pouvoir cliquer dessus

Si tu as un soucis avec cette astuce, direction l'entraide

NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- patriciadpt30Milouzien
Merci beaucoup !
- damieng59Milouzien
Merci beaucoup !
- damieng59Milouzien
Merci beaucoup !installé avec nouveau bouton

- GirlyMilouzien
Merci beaucoup !
- SachaMilouzien
Merci beaucoup !
- mariokMembre regretté
Merci beaucoup !
- dragon594Milouzien
Merci beaucoup !
- photoclicMilouzien
Merci beaucoup !
- JackymiMembre regretté
Merci beaucoup !
- LouaqueMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup Philippe !
- 50ThierryMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- Ptite_PerleMilouzien
Merci beaucoup !
- LilasMilouzien

Merci Milouze,
Qui voit bien, va loin...

- Psychotic BitchMilouzien
Merci beaucoup !
- NeptuniaMilouzien
Merci ;)
- soledaMilouzien
Merci bien .
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum