Ajouter les icônes des sujets sur la version mobile

3 participants

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

Mat
Membre habitué

Masculin
Messages : 1494
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
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 Mar 27 Juin 2017 - 9:41

Ajouter les icônes des sujets sur la version mobile UmaslZ4Bonjour,

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 »
Chacha

Chacha
Modéractif
Modéractif

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

Voir le profil de l'utilisateur https://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 Mar 27 Juin 2017 - 15:27

Et un up Wink
Mat

Mat
Membre habitué

Masculin
Messages : 1494
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
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 Lun 3 Juil 2017 - 9:43

Ajouter les icônes des sujets sur la version mobile UmaslZ4Bonjour,

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 »
Chacha

Chacha
Modéractif
Modéractif

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

Voir le profil de l'utilisateur https://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 Lun 3 Juil 2017 - 12:50

Et un up Wink
Mat

Mat
Membre habitué

Masculin
Messages : 1494
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
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 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
Walt

Walt
Modéractif
Modéractif

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

Voir le profil de l'utilisateur
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 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
Ajouter les icônes des sujets sur la version mobile Direct21

Sinon ça fonctionne Wink
Mat

Mat
Membre habitué

Masculin
Messages : 1494
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
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 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)

Ajouter les icônes des sujets sur la version mobile DEhgjBC

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
Walt

Walt
Modéractif
Modéractif

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

Voir le profil de l'utilisateur
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 Lun 3 Juil 2017 - 16:06

Merci Wink,
Ca fonctionne, sauf pour une icône Wink
Ajouter les icônes des sujets sur la version mobile Direct22
Mat

Mat
Membre habitué

Masculin
Messages : 1494
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
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 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
Walt

Walt
Modéractif
Modéractif

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

Voir le profil de l'utilisateur
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 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 :
Ajouter les icônes des sujets sur la version mobile Direct23
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
Mat

Mat
Membre habitué

Masculin
Messages : 1494
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
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 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
Walt

Walt
Modéractif
Modéractif

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

Voir le profil de l'utilisateur
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 Lun 3 Juil 2017 - 16:42

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

Mat
Membre habitué

Masculin
Messages : 1494
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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