Modifier les icônes du forum [Réglé]
"forum_annonce_topic"
Créations de Thèmes
MickaelFR Membre non connecté
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
J'ai tenté de chercher dans certains fichiers comme "topic.php, "common.php" dans le répertoire "lang", "forum_forum.tpl" ect ... Mais je n'arrive pas à modifier les icônes malgré mes tentatives .. ( Enfin les <i fa xxxxx<</i> ) sur le visuel des nouveaux messages sur le forum.
Je pense que c'est dans les environ de :
forum_forum.tpl :
Code HTML :
topic.php :
Code PHP :
$img_msg_display = $topic['display_msg'] ? 'fa-msg-not-display' : 'fa-msg-display'; $tpl_bottom->put_all(array( 'C_DISPLAY_MSG' => true, 'ICON_DISPLAY_MSG' => $config->is_message_before_topic_title_icon_displayed() ? '<i class="fa ' . $img_msg_display . '"></i>' : '', 'L_DISPLAY_MSG' => $config->get_message_before_topic_title(), 'L_EXPLAIN_DISPLAY_MSG_DEFAULT' => $topic['display_msg'] ? $config->get_message_when_topic_is_solved() : $config->get_message_when_topic_is_unsolved(), 'L_EXPLAIN_DISPLAY_MSG' => $config->get_message_when_topic_is_unsolved(), 'L_EXPLAIN_DISPLAY_MSG_BIS' => $config->get_message_when_topic_is_solved(), ));
Mais en modifiant sur le fichier de LANG ou topic.php ect.., je n'obtient rien du tout ..
Je joins une photo pour mieux me faire comprendre :
Merci
Édité par MickaelFR Le 07/03/2016 à 20h47
Adrien.D Membre non connecté
-
Booster Roquette
- Voir le profil du membre Adrien.D
- Inscrit le : 10/02/2013
- Site internet
fa-globe pour globe (pour le nom de la classe).
MickaelFR Membre non connecté
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Je n'ai pas très bien compris ..
Je ne souhaite pas changer "globe", je l'ai vu, mais je pense que c'est pour les redirections. Je cherches à changer le read et not read .. Cependant, je ne sais pas où changer ça vu que ce n'est pas une simple classe comme tu dis ..
Adrien.D Membre non connecté
-
Booster Roquette
- Voir le profil du membre Adrien.D
- Inscrit le : 10/02/2013
- Site internet
Code PHP :
$img_msg_display = $topic['display_msg'] ? 'fa-msg-not-display' : 'fa-msg-display';
Si par exemple tu veux mettre un logo de cette liste : <a href="https://fortawesome.github.io/Font-Awesome/icons/">https://fortawesome.github.io/Font-Awesome/icons/</a>
Par exemple mettre une voiture ( <a href="http://fortawesome.github.io/Font-Awesome/icon/car/">http://fortawesome.github.io/Font-Awesome/icon/car/</a> ) pour le lu et un camion ( <a href="http://fortawesome.github.io/Font-Awesome/icon/truck/">http://fortawesome.github.io/Font-Awesome/icon/truck/</a> ) pour le non lu, tu mets
Code PHP :
$img_msg_display = $topic['display_msg'] ? 'fa-msg-truck' : 'fa-msg-car';
Mais si tu veux une autre image qui n'est pas dans la liste des disponibilités de la police <a href="https://fortawesome.github.io/Font-Awesome/icons/">Font Awesome</a> je ne sais pas <img src="/images/smileys/what.png" alt=":what" class="smiley" />
MickaelFR Membre non connecté
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
.. Mais ça ne fonctionne pas .. C'est ça le problème .. Donc, je ne sais pas si j'ai bien modifié (A priori non) ..Exemple :
Code PHP :
$img_msg_display = $topic['display_msg'] ? 'fa-folder-open' : 'fa-folder-open-o'; $tpl_bottom->put_all(array( 'C_DISPLAY_MSG' => true, 'ICON_DISPLAY_MSG' => $config->is_message_before_topic_title_icon_displayed() ? '<i class="fa ' . $img_msg_display . '"></i>' : '', 'L_DISPLAY_MSG' => $config->get_message_before_topic_title(), 'L_EXPLAIN_DISPLAY_MSG_DEFAULT' => $topic['display_msg'] ? $config->get_message_when_topic_is_solved() : $config->get_message_when_topic_is_unsolved(), 'L_EXPLAIN_DISPLAY_MSG' => $config->get_message_when_topic_is_unsolved(), 'L_EXPLAIN_DISPLAY_MSG_BIS' => $config->get_message_when_topic_is_solved(), ));
Édité par MickaelFR Le 07/03/2016 à 22h06
Adrien.D Membre non connecté
-
Booster Roquette
- Voir le profil du membre Adrien.D
- Inscrit le : 10/02/2013
- Site internet
J'avais fait le test sur des nouveaux liens (Mes messages et Sujets sans réponse)
MickaelFR Membre non connecté
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Dans le forum-top.tpl aucun problème de modif .. C'est juste leslus / non lus qui causent problème ..
Dans le CSS j'ai trouvé ceci :
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"; } .fa-announce:before, .fa-announce-hot:before { color: #D1D2D4; } .fa-announce-new:before, .fa-announce-new-hot:before { color: #676A74; } .fa-msg-display:before { content: "f00c"; color: #478948; } .fa-msg-not-display:before { content: "f00d"; color: #BA4B49; } .fa-msg-track:before { content: "f004"; color: #BA4B49; } .fa-msg-not-track:before { content: "f004"; color: #000000; } .fa-pm-track:before { content: "f0e0"; color: #4372AA; } .fa-pm-not-track:before { content: "f0e0"; color: #000000; } .fa-mail-track:before { content: "f003"; color: #4372AA; } .fa-mail-not-track:before { content: "f003"; color: #000000; } .fa-lastview:before { content: "f017"; color: #334455; } .fa-notread:before { content: "f0f6"; color: #334455; }
Je ne sais pas à quoi correspond le content "fxxxxx" .. Je vais testé de ce côté là ..
Édité par MickaelFR Le 07/03/2016 à 22h15
MickaelFR Membre non connecté
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
MickaelFR Membre non connecté
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Mes modifs :
common.php (répertoire "lang") :
Ligne 65 :
Code PHP :
$lang['config.message_before_topic_title_icon_displayed.explain'] = '<i class="fa fa-folder-open"></i> / <i class="fa fa-folder-open-o"></i>';
topic.php :
Ligne 603 :
Code PHP :
$img_msg_display = $topic['display_msg'] ? 'fa-folder-open' : 'fa-folder-open-o';
forum.css :
Ligne 653 / 653 :
Code CSS :
.fa-folder-open-o:before, .fa-folder-open:before { content: "\f075"; }
ça ne marche pas ..
J'en peux plus de ces modifs ! Une simple image avant ça prenait du temps à faire par sois même, mais tu savais ou c’était !
La c'est du n’importe quoi !
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Citation :Il n'y a pas vraiment de raison de s'enerverLa c'est du n’importe quoi !
Nous avons déjà abordé sur le forum le sujet icônes FontAwesome et le moyen de changer ces icônes. Je vais d'ailleurs faire un tuto complet pour synthétiser les différentes questions.
Donc, le principe de FontAwesome c'est d'afficher un texte avec une police particulière qui forme une image. Du coup, tu écris genre "A" et ca t'affiche un tête de mort
.Quand tu vois
content :"fxxx";tu défini quel caractère tu veux afficher. Voici la liste des contenus possibles : http://fortawesome.github.io/Font-Awesome/icons/
Maintenant si à la place tu veux mettre autre chose qu'une icone FA, il te suffit de mettre content:""; et de mettre en background ton image.
.fa-annonce-new { content: ""; background: url(myfiles.png); width: 12px; height: 12px;) }
Swan Membre non connecté
-
Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Simple question : Mickael est ce que tu as désactivé ton cache css et rafraichi tes caches HTML et CSS ?
Swan.
Édité par Swan Le 07/03/2016 à 22h58
MickaelFR Membre non connecté
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Simple question : Mickael est ce que tu as désactivé ton cache css et rafraichi tes caches HTML et CSS ?
Swan.</div>
Bonjour <img src="/images/smileys/smile.png" alt=":)" class="smiley" />
Oui j'ai tout désactivé et rafraichi .. Mais lorsque je désactive le cache, j'ai plus d'image en header, ni image de groupe ect.. J'ignore si c'est normal ça .. <img src="/images/smileys/what.png" alt=":what" class="smiley" />
<span class="formatter-blockquote">ElenWii:</span><div class="blockquote">Bonjour MickaelFR,
<span class="formatter-blockquote">Citation:</span><div class="blockquote">La c'est du n’importe quoi !</div>Il n'y a pas vraiment de raison de s'enerver <img src="/images/smileys/wink.png" alt=";)" class="smiley" />
Nous avons déjà abordé sur le forum le sujet icônes FontAwesome et le moyen de changer ces icônes. Je vais d'ailleurs faire un tuto complet pour synthétiser les différentes questions.
Donc, le principe de FontAwesome c'est d'afficher un texte avec une police particulière qui forme une image. Du coup, tu écris genre "A" et ca t'affiche un tête de mort <img src="/images/smileys/smile.png" alt=":)" class="smiley" />.
Quand tu vois
Code CSS :
tu défini quel caractère tu veux afficher. Voici la liste des contenus possibles : <a href="http://fortawesome.github.io/Font-Awesome/icons/">http://fortawesome.github.io/Font-Awesome/icons/</a>content :"fxxx";
Maintenant si à la place tu veux mettre autre chose qu'une icone FA, il te suffit de mettre content:""; et de mettre en background ton image.
Code CSS :
</div>.fa-annonce-new { content: ""; background: url(myfiles.png); width: 12px; height: 12px;) }
Je te prie de m'excuser pour mon petit emportement, mais quand je n'arrive pas à apprendre quelque chose sans l'aide de quelqu'un ça me met hors de moi .. Ce n'est pas bien méchant, mais faut-il connaitre toutes "les astuces" ..
Les "FA" me vont, c'est pas le problème, je cherche juste à les modifier .. Je ne savais pas que content:"" désignait aussi un code de "FA"
Je vais me remettre au travail ! (enfin un petit peu, faut que je dorme aussi <img src="/images/smileys/grin.png" alt=":D" class="smiley" />) .
Merci pour la réponse.
MickaelFR Membre non connecté
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Des heures de recherches, de modifs pour .. 3 lettre à changer dans un CSS ! Sérieux
Autre petite autre question facultative .. Via le CSS, est-il aussi possible de jouer avec la couleur? ".fa-announce-new:before { content: "f07c"; color:#3E96F3; }"
(J'ai testé, mais rien) ..Merci énormément pour tous ces détails ElenWii. J'y vois bien plus clair avec tes explications
Édité par MickaelFR Le 07/03/2016 à 23h26
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
(un header .sub-header à plus de poid qu'un .subheader)
MickaelFR Membre non connecté
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Avec "Examiner l'élément", je n'ai rien à part le "Body" .. Et en rajoutant le code ci-dessus, rien non plus, ce qui me semble bizarre .. Je suis loin de m'en sortir avec cette v5
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie