Modifier les icônes du forum

Modifier les icônes du forum [Réglé]

"forum_annonce_topic" Créations de Thèmes

MickaelFR Membre non connecté

Booster Fusée

Le 07/03/2016 à 20h47

Booster Fusée
Voir le profil du membre MickaelFR
Inscrit le : 20/01/2014
Site internet
Groupes :

Bonjour.

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 :

<td class="forum-announce-topic">
                            # IF NOT topics.C_HOT_TOPIC #
                            <i class="fa {topics.IMG_ANNOUNCE}"></i>
                            # ELSE #
                            <i class="fa # IF topics.C_BLINK #blink # ENDIF #{topics.IMG_ANNOUNCE}-hot"></i>
                            # ENDIF #                        </td>

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

planet-truck.fr - mickaelfr.eu

Adrien.D Membre non connecté

Booster Roquette

Le 07/03/2016 à 20h59

#149225

Booster Roquette
Voir le profil du membre Adrien.D
Inscrit le : 10/02/2013
Site internet

Il faut changer le nom par 1 de la liste suivante : <a href="https://fortawesome.github.io/Font-Awesome/icons/">https://fortawesome.github.io/Font-Awesome/icons/</a>

fa-globe pour globe (pour le nom de la classe).

Administrateur de mon site perso linuxtricks.fr

MickaelFR Membre non connecté

Booster Fusée

Le 07/03/2016 à 21h20

#149226

Booster Fusée
Voir le profil du membre MickaelFR
Inscrit le : 20/01/2014
Site internet
Groupes :

Bonjour.

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 ..

planet-truck.fr - mickaelfr.eu

Adrien.D Membre non connecté

Booster Roquette

Le 07/03/2016 à 21h43

#149227

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" />

Administrateur de mon site perso linuxtricks.fr

MickaelFR Membre non connecté

Booster Fusée

Le 07/03/2016 à 22h03

#149228

Booster Fusée
Voir le profil du membre MickaelFR
Inscrit le : 20/01/2014
Site internet
Groupes :

J'ai bien compris ça

.. 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

planet-truck.fr - mickaelfr.eu

Adrien.D Membre non connecté

Booster Roquette

Le 07/03/2016 à 22h06

#149229

Booster Roquette
Voir le profil du membre Adrien.D
Inscrit le : 10/02/2013
Site internet

Essaie d'afficher le code source de la page (ou via les outils de développeur de Firefox/Chrome) pour voir si c'est bien pris en compte ?

J'avais fait le test sur des nouveaux liens (Mes messages et Sujets sans réponse)

Administrateur de mon site perso linuxtricks.fr

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 07/03/2016 à 22h54

#149233

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Bonjour MickaelFR,

Citation :
La c'est du n’importe quoi !

Il n'y a pas vraiment de raison de s'enerver

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

Le 07/03/2016 à 22h58

#149234

Booster Mortier
Voir le profil du membre Swan
Inscrit le : 31/05/2013
Site internet

Bonsoir,

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

swan_signature

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 08/03/2016 à 00h25

#149237

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

normalement, tu peux aussi modifier la couleur (cas du track/untrack par exemple). Si cela ne change rien, regarde avec "examiner l’élément ce qui force la couleur et applique la même surcharge

(un header .sub-header à plus de poid qu'un .subheader)

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 08/03/2016 à 17h58

#149252

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Ce n'est effectivement pas normal... Tu es en ligne ou en local ?

Gueral Membre non connecté

Booster Minigun

Le 08/03/2016 à 18h20

#149258

Booster Minigun
Voir le profil du membre Gueral
Inscrit le : 08/03/2016
Groupes :

MickaelFR:

Bon, j'y suis arrivé ! Plus simple tu meurs !

Des heures de recherches, de modifs pour .. 3 lettre à changer dans un CSS ! Sérieux

Bonjour Mickael

Ce serait sympa de donner ta solution au autres, ça peut aussi les intéresser.
Merci

Gueral

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 08/03/2016 à 18h38

#149263

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

La pluspart des liens ou des blocks ont des classes CSS, tu peux donc surcharger le CSS pour modifier la couleur en fonction de ton besoin :

Par exemple tu peux mettre

.forum-cat-title a { color: red; }

pour mettre en rouge tous les liens qui sont présent dans l’élément qui possède la classe

.forum-cat-title

.
Et si la classe est sur le

, tu peux directement viser la balise :

a.forum-link-cat { color: red; }

MickaelFR Membre non connecté

Booster Fusée

Le 08/03/2016 à 18h44

#149265

Booster Fusée
Voir le profil du membre MickaelFR
Inscrit le : 20/01/2014
Site internet
Groupes :

Okay. Désolé d'être un peu "novice" comparé à d'autres mais on est ici pour apprendre

..

J'avais carrément créer des classes, mais aucun effet.

Exemple :

Code CSS :

.test-class {
color# #fff;
}

Puis j'ai changé la classe dans le .tpl :

Code HTML :

<a href="xxxxxx" class="test-class"><i fa fa-cest-complique></i></a>

Mais cela n'a jamais fonctionné (pour les fonts) ..

Certainement que plus haut il doit y avoir d'autres appels de class et ça ne se mélange pas? Je sais pas ..

Dans mes tests réels, le code ci-dessous ne marche pas :

Code CSS :

.fa-announce-new:before { content: "f07c"; color:#3E96F3; }

Je vais voir avec ce que tu m'as dit pour voir si ça change quelque chose

Édité par MickaelFR Le 08/03/2016 à 18h47

planet-truck.fr - mickaelfr.eu

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 08/03/2016 à 18h51

#149270

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

A quel endroit fait tu les modifications ? forum/templates ou templates/tontheme/module/forum ?
cache CSS désactivé ? (a priori pas sur le site que tu m'as indiqué)
Combien de thème activé sur ton site ?

MickaelFR Membre non connecté

Booster Fusée

Le 08/03/2016 à 18h59

#149278

Booster Fusée
Voir le profil du membre MickaelFR
Inscrit le : 20/01/2014
Site internet
Groupes :

J'ai un seul thème "base" que je devrais copier en principe pour ne pas bosser sur le base d'origine

Concernant tous les fichiers de modif (.tpl et .css), c'est bien dans "../base/modules/forum"

Le cache se remet seul au bout d'un moment a priori, mais je général je désactive avant les modifs. Lorsque je désactive le cache, j'ai mon header (img) qui fous le camp

.. Je ne sais pas pourquoi !

Édité par MickaelFR Le 08/03/2016 à 19h00

planet-truck.fr - mickaelfr.eu

Créations de Thèmes

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie