[Réglé] Remplacer icones forums/sujets

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bugs, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Remplacer icones forums/sujets

Messagepar Nothal » 22 Sep 2013 à 13:35

Bonjour.

J’essaie en vain de comprendre comment remplacer les icônes forums/sujets, par des icons Font Awesome.
Vu sur quelques demos ici : http://demo.rockettheme.com/phpbb3/?style=kirigami
Mais ils sont tous payants et je ne trouve pas de styles gratuits pour voir comment faire.
Modifié en dernier par Nothal le 01 Oct 2013 à 15:09, modifié 1 fois.
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 14:43

Re: Remplacer icones forums/sujets

Messagepar cabot » 22 Sep 2013 à 14:25

Hello,

Sur le style indiqué, ce sont des images qui sont utilisées.
Mais c'est tout de même possible d'utiliser la font. Il suffit d'utiliser les conditions pour ajouter des classes. :wink:
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26865
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Remplacer icones forums/sujets

Messagepar Nothal » 22 Sep 2013 à 14:48

Ha non non, tu ne regardes pas les bonnes démos, ce ne sont que les premières de la liste : Corvus, Praxis, Stratos, Occulus....
Oups, c'est moi qui est mis un mauvais lien.

Dans le HTML, ces icônes correspondes à :
Code: Tout sélectionner
<div class="forum-icon read"></div>

La structure entière :
Code: Tout sélectionner
<li class="row">			
  <div class="forum-icon read"></div>			
  <dl class="icon">				
    <dt title="No new posts">			
      <a class="forumtitle" href="./viewforum.php?style=103&amp;f=9">Third Forum</a><br>	
      Sample of a third category description.  
    </dt>				
    <dd class="topics">0 <dfn>Topics</dfn></dd>			
    <dd class="posts">0 <dfn>Posts</dfn></dd>			
    <dd class="lastpost noposts"><span>No posts<br>&nbsp;</span></dd>		
    <dt class="clear"></dt>			
  </dl>		
</li>

Et dans le CSS :
div.forum-icon:before {
content: "f";
}
div.forum-icon:before, div.topic-icon:before {
content: attr(data-icon);
font-family: 'RocketThemeForum';
font-size: 27px;
font-variant: normal;
font-weight: normal;
line-height: 1;
margin-left: 6px;
margin-top: 7px;
position: absolute;
text-transform: none;
}

Il s'agit donc bien de font.
Mais de là à comprendre comment class="forum-icon read" peut changer par rapport au status du forum, mystère...
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 14:43

Re: Remplacer icones forums/sujets

Messagepar cabot » 22 Sep 2013 à 14:59

Ok, mais ça ne change rien à ce que je te disais. Il suffit d'utiliser les conditions pour ajouter des classes. ^^

Regarde par ici. :wink:
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26865
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Remplacer icones forums/sujets

Messagepar Nothal » 22 Sep 2013 à 15:57

Il suffit d'utiliser les conditions pour ajouter des classes.

Désolé, je ne sais pas du tout comment m'y prendre.
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 14:43

Re: Remplacer icones forums/sujets

Messagepar cabot » 22 Sep 2013 à 16:16

Sur la page que je t'ai indiqué, tu as des variables de ce genre, S_UNREAD_FORUM, S_LOCKED_FORUM, etc.

Exemple d'utilisation, on ajoute une classe sur un forum non lu :
Code: Tout sélectionner
<!-- IF forumrow.S_UNREAD_FORUM -->class="paslu"<!-- ENDIF -->

Pour aller un tout petit peu plus loin, si le forum n'est pas lu alors on met une classe paslu, sinon on met la classe dejalu :
Code: Tout sélectionner
class="<!-- IF forumrow.S_UNREAD_FORUM -->paslu<!-- ELSE -->dejalu<!-- ENDIF -->"
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26865
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Remplacer icones forums/sujets

Messagepar Nothal » 22 Sep 2013 à 18:17

En mettant :
Code: Tout sélectionner
class="<!-- IF forumrow.S_UNREAD_FORUM -->icon-forum_unread<!-- ELSE -->icon-forum_read<!-- ENDIF -->

Quel bonheur ! c'est bon, les icônes s'affichent.
Je pensais continuer de cette façon :
Code: Tout sélectionner
class="<!-- IF forumrow.S_UNREAD_FORUM -->icon-forum_unread<!-- ELSE -->icon-forum_read<!-- ENDIF -->
	<!-- IF forumrow.S_LOCKED_FORUM -->icon-locked_forum_unread<!-- ELSE -->icon-locked_forum_read<!-- ENDIF -->
	<!-- IF forumrow.S_IS_LINK -->icon-link_unread<!-- ELSE -->icon-link_read<!-- ENDIF -->"

Mais là ça ne va plus,du grand n'importe quoi en regardant le code source qui affiche les class les unes derrière des autres.
Code: Tout sélectionner
<div class="icon-forum_readicon-locked_forum_readicon-link_read"></div>
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 14:43

Re: Remplacer icones forums/sujets

Messagepar cabot » 22 Sep 2013 à 18:27

Et oui, il faut mettre un espace entre les noms de classes, qu'il y ait des conditions ou pas.

Code: Tout sélectionner
class="<!-- IF forumrow.S_UNREAD_FORUM -->icon-forum_unread<!-- ELSE -->icon-forum_read<!-- ENDIF --><!-- IF forumrow.S_LOCKED_FORUM --> icon-locked_forum_unread<!-- ELSE --> icon-locked_forum_read<!-- ENDIF --><!-- IF forumrow.S_IS_LINK --> icon-link_unread<!-- ELSE --> icon-link_read<!-- ENDIF -->"


Edit : certaines conditions sont inutiles dans cette partie de code :
Code: Tout sélectionner
<!-- IF forumrow.S_LOCKED_FORUM --> icon-locked_forum_unread<!-- ELSE --> icon-locked_forum_read<!-- ENDIF --><!-- IF forumrow.S_IS_LINK --> icon-link_unread<!-- ELSE --> icon-link_read<!-- ENDIF -->

Les ELSE ne renverront pas un statut non lu ou lu car les conditions sont sur le lock et le forum/lien.

En revanche, tu as déjà les classes pour les forum lus ou non lus ici :
Code: Tout sélectionner
<!-- IF forumrow.S_UNREAD_FORUM -->icon-forum_unread<!-- ELSE -->icon-forum_read<!-- ENDIF -->

Donc ça class="icon-forum_unread" ou class="icon-forum_read"
Tu as juste besoin d'ajouter à la suite :
Code: Tout sélectionner
<!-- IF forumrow.S_LOCKED_FORUM --> icon-locked<!-- ENDIF -->
Et :
Code: Tout sélectionner
<!-- IF forumrow.S_IS_LINK --> icon-link<!-- ENDIF -->

A la rigueur, même la classe icon-forum_read ne sert à rien, mais tu peux la garder au cas où.

Pour simplifier, voilà ce que je ferais :
Code: Tout sélectionner
<li class="row<!-- IF forumrow.S_IS_LINK --> f-lien<!-- ENDIF --><!-- IF forumrow.S_LOCKED_FORUM --> f-locked<!-- ENDIF --><!-- IF forumrow.S_UNREAD_FORUM --> f-unread<!-- ENDIF -->">


Avec tout ça, tu déclares une icône par défaut sur la balise row, tu déclares uniquement une couleur sur la classe f-unread, et tu déclares des icônes différentes sur les classes correspondantes aux forums lockés et aux forums de lien.
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26865
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Remplacer icones forums/sujets

Messagepar Nothal » 22 Sep 2013 à 20:40

J'ai testé ce que tu as marqué :
Code: Tout sélectionner
<!-- IF forumrow.S_IS_LINK --> f-lien<!-- ENDIF --><!-- IF forumrow.S_LOCKED_FORUM --> f-locked<!-- ENDIF --><!-- IF forumrow.S_UNREAD_FORUM --> f-unread<!-- ENDIF -->

ça semble marcher, mais je ne sais pas comment créer ce fichu forum "lien", pour voir si la font s'affiche.
En tout cas "locked" s'affiche parfaitement.
J'arrête pour aujourd'hui(mal au crâne), demain je fais un compte test pour vérifier tout ça.
Milles merci pour le mal que tu te donnes.
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 14:43

Re: Remplacer icones forums/sujets

Messagepar cabot » 22 Sep 2013 à 21:27

Dur le mal au crane ? :lol:
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26865
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Remplacer icones forums/sujets

Messagepar Nothal » 01 Oct 2013 à 15:08

Bonjour.
Désolée pour ce silence.
Oui vraiment mal au crane ! Mare de tous ses codes, alors j'ai joué quelques jours à Rift.
Plus aucun jeu ne me plait depuis TERA qu'est un jeu vraiment magnifique, mais trop ennuyeux au lvl60.

J'ai changé pas mal d'icônes par des fonts, je pense avoir avoir saisi le principe, donc je ferme le sujet et j'en ouvre un autre en
cas de blocage.
Merci pour tout l'aide.
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 14:43

Re: Remplacer icones forums/sujets

Messagepar cabot » 01 Oct 2013 à 15:23

Pas de prob.

Si tu as besoin, je te ferai un exemple sur un forum test.
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26865
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Remplacer icones forums/sujets

Messagepar Nothal » 01 Oct 2013 à 15:33

Il y aura encore des questions, c'est sûr !
Je vais déjà voir pour faire la mise à jour. Première fois, donc j'ai un peu peur de mal m'y prendre.
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 14:43

Re: Remplacer icones forums/sujets

Messagepar cabot » 01 Oct 2013 à 15:37

Aide-toi de ce sujet.
Comme ton style est en héritage, tu n'as que très peu de modifications à faire. :wink:
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26865
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Remplacer icones forums/sujets

Messagepar Nothal » 01 Oct 2013 à 16:06

Faut que je relise le tout pour ne pas me planter.
Nothal
Posteur néophyte
Posteur néophyte
 
Messages: 58
Enregistré le: 01 Aoû 2013 à 14:43


Retourner vers Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité