[PBT 5.0] Modifications Forum : les icons de cat et sous-cat [Réglé]
Swan Membre non connecté
-
Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Bon je ne suis pas bête pourtant .. mais là je pêche !
J'ai voulu changé les icons de cats et sous- cat du forum, avant c'était simple c'était des images, mais vu que vous avez tout passé par le php, j'ai donc cherché dans le php (logique) pour faire mes modifications.
Donc j'ai pris la variable tpl "IMG_ANNOUNCE", que j'ai trouvé dans forum_index.tpl et fouillé en masse dans les fichiers php pour remonter la source de l'icon ..
Search "img_announce" (36 hits in 4 files)
C:wampwwwPBT-V4.1Newsforumforum.php (14 hits)
Line 176: $img_announce = 'fa-line-chart';
Line 182: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 182: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 186: $img_announce .= ($row['status'] == '0') ? '-lock' : '';
Line 190: 'IMG_ANNOUNCE' => $img_announce,
Line 190: 'IMG_ANNOUNCE' => $img_announce,
Line 302: $img_announce = 'fa-line-chart';
Line 309: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 309: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 314: $img_announce .= ($row['type'] == '1') ? '-post' : '';
Line 315: $img_announce .= ($row['type'] == '2') ? '-top' : '';
Line 316: $img_announce .= ($row['status'] == '0' && $row['type'] == '0') ? '-lock' : '';
Line 358: 'IMG_ANNOUNCE' => $img_announce,
Line 358: 'IMG_ANNOUNCE' => $img_announce,
C:wampwwwPBT-V4.1Newsforumlastread.php (8 hits)
Line 92: $img_announce = 'fa-line-chart';
Line 96: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 96: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 99: $img_announce .= ($row['type'] == '1') ? '-post' : '';
Line 100: $img_announce .= ($row['type'] == '2') ? '-top' : '';
Line 101: $img_announce .= ($row['status'] == '0' && $row['type'] == '0') ? '-lock' : '';
Line 142: 'IMG_ANNOUNCE' => $img_announce,
Line 142: 'IMG_ANNOUNCE' => $img_announce,
C:wampwwwPBT-V4.1Newsforumtrack.php (8 hits)
Line 113: $img_announce = 'fa-line-chart';
Line 120: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 120: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 125: $img_announce .= ($row['type'] == '1') ? '-post' : '';
Line 126: $img_announce .= ($row['type'] == '2') ? '-top' : '';
Line 127: $img_announce .= ($row['status'] == '0' && $row['type'] == '0') ? '-lock' : '';
Line 170: 'IMG_ANNOUNCE' => $img_announce,
Line 170: 'IMG_ANNOUNCE' => $img_announce,
C:wampwwwPBT-V4.1Newsforumunread.php (6 hits)
Line 104: $img_announce = 'fa-line-chart-new'; //Forcement non lu.
Line 105: $img_announce .= ($row['type'] == '1') ? '-post' : '';
Line 106: $img_announce .= ($row['type'] == '2') ? '-top' : '';
Line 107: $img_announce .= ($row['status'] == '0' && $row['type'] == '0') ? '-lock' : '';
Line 148: 'IMG_ANNOUNCE' => $img_announce,
Line 148: 'IMG_ANNOUNCE' => $img_announce,
C:wampwwwPBT-V4.1Newsforumforum.php (14 hits)
Line 176: $img_announce = 'fa-line-chart';
Line 182: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 182: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 186: $img_announce .= ($row['status'] == '0') ? '-lock' : '';
Line 190: 'IMG_ANNOUNCE' => $img_announce,
Line 190: 'IMG_ANNOUNCE' => $img_announce,
Line 302: $img_announce = 'fa-line-chart';
Line 309: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 309: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 314: $img_announce .= ($row['type'] == '1') ? '-post' : '';
Line 315: $img_announce .= ($row['type'] == '2') ? '-top' : '';
Line 316: $img_announce .= ($row['status'] == '0' && $row['type'] == '0') ? '-lock' : '';
Line 358: 'IMG_ANNOUNCE' => $img_announce,
Line 358: 'IMG_ANNOUNCE' => $img_announce,
C:wampwwwPBT-V4.1Newsforumlastread.php (8 hits)
Line 92: $img_announce = 'fa-line-chart';
Line 96: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 96: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 99: $img_announce .= ($row['type'] == '1') ? '-post' : '';
Line 100: $img_announce .= ($row['type'] == '2') ? '-top' : '';
Line 101: $img_announce .= ($row['status'] == '0' && $row['type'] == '0') ? '-lock' : '';
Line 142: 'IMG_ANNOUNCE' => $img_announce,
Line 142: 'IMG_ANNOUNCE' => $img_announce,
C:wampwwwPBT-V4.1Newsforumtrack.php (8 hits)
Line 113: $img_announce = 'fa-line-chart';
Line 120: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 120: $img_announce = $img_announce . '-new'; //Image affiché aux visiteurs.
Line 125: $img_announce .= ($row['type'] == '1') ? '-post' : '';
Line 126: $img_announce .= ($row['type'] == '2') ? '-top' : '';
Line 127: $img_announce .= ($row['status'] == '0' && $row['type'] == '0') ? '-lock' : '';
Line 170: 'IMG_ANNOUNCE' => $img_announce,
Line 170: 'IMG_ANNOUNCE' => $img_announce,
C:wampwwwPBT-V4.1Newsforumunread.php (6 hits)
Line 104: $img_announce = 'fa-line-chart-new'; //Forcement non lu.
Line 105: $img_announce .= ($row['type'] == '1') ? '-post' : '';
Line 106: $img_announce .= ($row['type'] == '2') ? '-top' : '';
Line 107: $img_announce .= ($row['status'] == '0' && $row['type'] == '0') ? '-lock' : '';
Line 148: 'IMG_ANNOUNCE' => $img_announce,
Line 148: 'IMG_ANNOUNCE' => $img_announce,
Donc comme vous pouvez le voir j'ai modifié celle qui était sont surligné en rouge .. par fa-line-chart Et bien sur le forum index du site, cela ne passe pas, je n'ai pas les caches activés, je les ai tout de même rafraichi et.. rien !!
J'ai même regardé dans les tpl ..
Par contre quand on rentre dans un forum (exemple de base forum là les icons sont présents.. J'ai raté quoi ?
Merci pour le coup de main ..
@imablement Swan.
j1.seth Membre non connecté
-
Administrateur
- Voir le profil du membre j1.seth
- Inscrit le : 01/09/2008
- Site internet
- Groupes :
-
Chef de Projet
-
Equipe Développement
effectivement ce n'est pas terrible que ces éléments soient dans le php et pas dans les templates. Il y a un gros boulot à faire sur le forum de toute façon.
Pour ton problème actuel si tu cherches la chaine fa-announce dans tout le module forum ça devrait prendre en compte tous les cas (t'as oublié la modif dans /forum/phpboost/ForumHomePageExtensionPoint.class.php je pense mais attention je viens de corriger un bug dans ce fichier, dans la beta2 ça sera dans /forum/controllers/ForumHomeController.class.php à la place).
julienseth78
Swan Membre non connecté
-
Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Comme tu le dis , c'est vraiment pas terrible.
Ha oui, j'en ai oublié un .. pfffffff .. Merci
Swan .
j1.seth Membre non connecté
-
Administrateur
- Voir le profil du membre j1.seth
- Inscrit le : 01/09/2008
- Site internet
- Groupes :
-
Chef de Projet
-
Equipe Développement
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Par contre, si ca pouvait faire l'objet d'une fonction particulière et du coup n'avoir juste un endroit pour modifier ca serait mieux.
N'oublie pas si tu repasse en img, il te faut ajouter l'extension (en php ou tpl pour le coup)
Swan Membre non connecté
-
Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
à moins que tu ne t'adressais à Julien.
Édité par Swan Le 19/11/2015 à 17h57
j1.seth Membre non connecté
-
Administrateur
- Voir le profil du membre j1.seth
- Inscrit le : 01/09/2008
- Site internet
- Groupes :
-
Chef de Projet
-
Equipe Développement
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Code CSS :
.fa-announce:before, .fa-announce-new:before { content: "f075"; } .fa-announce-hot:before, .fa-announce-new-hot:before { content: "f086"; } .fa-announce-lock:before, .fa-announce-new-lock:before { content: "f023"; } .fa-announce-post:before, .fa-announce-new-post:before { content: "f071"; } .fa-announce-top:before, .fa-announce-new-top:before { content: "f06a"; }
Si tu veux changer l'icone (en restant en fa), il suffit de changer le content.
Si tu veux changer avec des images, il faut changer le code dans tous les tpl
<i class="fa {topics.IMG_ANNOUNCE}"></i> => <img src="[chemin]{topics.IMG_ANNOUNCE}.gif" />
Eventuellement, il y a moyen de le faire juste en CSS je pense. (Surcharge pour annuler la classe fa et affichage du background en fonction de la classe css topics.IMG_ANNOUNCE
Vu que l'image est quand même nécessaire dans la compréhension de la page, la solution <img> est plus propre, mais le background-image est possible pour limiter les correctifs. Je ferais un tuto à l'occasion
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
test avec fa....{content: url(http://www.phpboost.com/images/customization/all_Tornade-90.png) 'text de remplacement';
résultat http://prntscr.com/94rm6g
Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Swan Membre non connecté
-
Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Restera quand même 5 éléments PHP non négligeables appelés directement : $img_announce = 'fa-line-chart';
Vous pensez revoir cela comment ? Car pour le coup, il est toujours appelé en direct..
Swan .
Édité par Swan Le 20/11/2015 à 15h57
j1.seth Membre non connecté
-
Administrateur
- Voir le profil du membre j1.seth
- Inscrit le : 01/09/2008
- Site internet
- Groupes :
-
Chef de Projet
-
Equipe Développement
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
j1.seth Membre non connecté
-
Administrateur
- Voir le profil du membre j1.seth
- Inscrit le : 01/09/2008
- Site internet
- Groupes :
-
Chef de Projet
-
Equipe Développement
@Swan c'est toi qui a fait ces 5 modifs.
Ou alors j'ai raté un truc.
Swan Membre non connecté
-
Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
C'est bien après que J'ai compris que c'est au niveau des class css qui faut modifier les appels du content pour avoir l’icône qu'on veut. Mais cela reste que c'est extrêmement trompeur vu que c'est défini par des numéros( donc la class reste la même) dans le content et que pour les avoir il faut se rendre dans le .kernellibcssfont-awesomecssfontawesome.css .
Non seulement faut avoir envie, savoir ou est placé ce fichiers css, ..
car un utilisateur lambda , il va aller sur FA trouver son icon ..
Mais Mince pas de numéro ! C'est pas de bol !
ex: http://fortawesome.github.io/Font-Awesome/icon/houzz/
C'est vraiment limite comme méthode, si c'est cela
Pourquoi n'avoir pas avoir laissé l’icône nommé directement dans les tpl ? Au moins on sait comment les changer en fa-xxxx et voir à ré-adapter le css, même un utilisateur lambda c'est appliquer cette méthode bien plus simple.
Je dis cela pour vous, à moins que vous trouviez comment le faire en direct via l'admin forum .. Personnalisation des icons de statut via l'administration. cela pourrait être une idée ..
Swan
Édité par Swan Le 20/11/2015 à 17h30
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie