Ajouter les icônes des sujets sur la version mobile

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Ajouter les icônes des sujets sur la version mobile

Message par Mat le Mer 21 Juin 2017 - 15:42

Bonjour Wink,
je voudrais savoir comment je pourrais faire pour ajouter les icônes des sujets sur la version mobile Wink
Je parle des icônes des sujets comme celle "résolu" Wink
Merci d'avance Wink


Dernière édition par FkS_DjMat le Lun 3 Juil 2017 - 16:42, édité 1 fois
avatar

Mat
*****

Messages : 776
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Chacha le Mar 27 Juin 2017 - 9:41

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54839
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Mat le Mar 27 Juin 2017 - 15:27

Et un up Wink
avatar

Mat
*****

Messages : 776
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Chacha le Lun 3 Juil 2017 - 9:43

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54839
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Mat le Lun 3 Juil 2017 - 12:50

Et un up Wink
avatar

Mat
*****

Messages : 776
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Walt le Lun 3 Juil 2017 - 13:19

Bonjour,

Dans le template topics_list_box (version mobile), situez cet extrait :
Code:
<h3>{topics_list_box.row.TOPIC_TYPE}{topics_list_box.row.TOPIC_TITLE}</h3>

et remplacez-le par :
Code:
<h3 class="icon_topic_title_mobile" style="{topics_list_box.row.ICON}">{topics_list_box.row.TOPIC_TYPE}{topics_list_box.row.TOPIC_TITLE}</h3>

Puis ajoutez dans votre CSS :
Code:
.icon_topic_title_mobile[style*="http"] {
    padding-left: 35px;
    padding-right: 0 !important;
}

En modifiant 35px par la largeur de la plus large de vos icônes de sujet.

Cordialement,
Walt


Dernière édition par Walt le Lun 3 Juil 2017 - 13:42, édité 2 fois
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3445
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Mat le Lun 3 Juil 2017 - 13:28

Walt a écrit:Bonjour,

Dans le template topics_list_box (version mobile), situez cet extrait :
Code:
<h3>{topics_list_box.row.TOPIC_TYPE}{topics_list_box.row.TOPIC_TITLE}</h3>

et remplacez-le par :
Code:
<h3 class="icon_topic_title_mobile" style="{topics_list_box.row.ICON}">{topics_list_box.row.TOPIC_TYPE}{topics_list_box.row.TOPIC_TITLE}</h3>

Puis ajoutez dans votre CSS :
Code:
.icon_topic_title_mobile[style*="http://"] {
     padding-left: 35px;
     padding-right: 0;
     background-position: 0 40%;
}

En modifiant 35px par la largeur de la plus large de vos icônes de sujet.

Cordialement,
Walt

Merci Wink, mais elles sont en dessous, ou au dessus :p, du texte


Sinon ça fonctionne Wink
avatar

Mat
*****

Messages : 776
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Walt le Lun 3 Juil 2017 - 13:40

Avec le CSS, le résolu est celui normalement attendu : (EDIT - je viens de modifier le CSS pour qu'il prenne en compte le https)



Au passage, modifiez le CSS précédemment donné par :

Code:
.icon_topic_title_mobile[style*="http"] {
    padding-left: 35px;
    padding-right: 0 !important;
    }

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3445
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Mat le Lun 3 Juil 2017 - 16:06

Merci Wink,
Ca fonctionne, sauf pour une icône Wink
avatar

Mat
*****

Messages : 776
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Walt le Lun 3 Juil 2017 - 16:10

Comme précisé précédemment :

Walt a écrit:En modifiant 35px par la largeur de la plus large de vos icônes de sujet.

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3445
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Mat le Lun 3 Juil 2017 - 16:20

Ha oui, je devais augmenter encore plus que la plus grand des largeurs  Wink
Mais ça créent donc un espace sur les autres aussi Wink :

Je pensais à cette solution :
Agrandir mes images avec un fond transparent sur leurs droites Wink
Seul problème, ça va affecter la version PC...

C'est possible de ne toucher qu'a une seule image Wink?

Sinon deuxième solutions, agrandir les bords de mes images, pour qu'elles aient tous la même taille Wink
avatar

Mat
*****

Messages : 776
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Walt le Lun 3 Juil 2017 - 16:31

Au CSS donné précédemment, rajoutez un background-position: 0 50% !important; pour que vos icônes aillent le plus à gauche possible (actuellement il y a un petit décalage). Remettez également le padding-left à 40px.

Puis ajoutez enfin à votre CSS :

Code:
.icon_topic_title_mobile[style*="single"] {
    padding-left: 70px;
}

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3445
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter les icônes des sujets sur la version mobile

Message par Mat le Lun 3 Juil 2017 - 16:42

C'est parfait, et ça fonctionne, encore un grand merci Wink
avatar

Mat
*****

Messages : 776
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum