Feuille de style de la version mobile

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

Résolu Feuille de style de la version mobile

Message par D.Deschamps le Lun 15 Juin 2015 - 12:10

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://ententekillersdevf.forum-actif.net/

Description du problème

Bonjour, je ne trouve pas la feuille de style de la version mobile du forum ?

Quelqu'un saurait me dire où la trouver ?

Cordialement
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par horusbk le Lun 15 Juin 2015 - 12:40

Bonjour

La version mobile n'a pas de feuille de style dédiée. Il faut passer par celle du forum.
Ce Tuto devrait vous intéresser personnaliser la version mobile

Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par D.Deschamps le Lun 15 Juin 2015 - 12:59

Il n'y a pas marqué où modifier ce css

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par horusbk le Lun 15 Juin 2015 - 13:14

Bonjour^^
Que vous voulez vous faire par "modifier ce css" ?

Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par D.Deschamps le Lun 15 Juin 2015 - 19:02

La feuille de style, comme celle pour les templates normales qui se trouve dans couleurs

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par horusbk le Lun 15 Juin 2015 - 19:13

Bonjour
Justement c'est sur cette feuille se style qu'il faut mettre vos codes CSS pour la version mobile. Elle gère les deux !

Cordialement
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par D.Deschamps le Lun 15 Juin 2015 - 19:15

ah d'accord j'ai compris merci !

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par D.Deschamps le Mar 16 Juin 2015 - 17:40

je n'arrive pas a modifier les icones de catégories

ca me modifie le fond de la catégorie entière :/

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par horusbk le Mar 16 Juin 2015 - 18:36

Bonjour,
Il faut utiliser les codes de cette partie dans le tuto que je vous ai donné plus haut :

Icône catégorie/forum :

L'image de la catégorie sans nouveau message :Code:SÉLECTIONNER LE CONTENU
Code:
.cat_no_new
L'image de la catégorie nouveau message :Code:SÉLECTIONNER LE CONTENU
Code:
.cat_new
L'image de la catégorie verrouillé :Code:SÉLECTIONNER LE CONTENU
Code:
.cat_locked
L'image du forum sans nouveau message :Code:SÉLECTIONNER LE CONTENU
Code:
.forum_no_new
L'image du forum nouveau message :Code:SÉLECTIONNER LE CONTENU
Code:
.forum_new
L'image du forum verrouillé :Code:SÉLECTIONNER LE CONTENU
Code:
.forum_locked

Ces codes vous devez les mettre dans votre feuille de style de la manière suivante :

Code:
.forum_no_new
{
background:url(URL DE VOTRE IMAGE); no-repeat!important;
}

.forum_no_new >> à remplacer par le code de votre choix ci-dessus
URL DE VOTRE IMAGE >> lien de votre imge PNG/JPEG/GIF

Faites attention à la taille de vos images ! Faites plusieurs essais avec différentes tailles de votre image afin de trouver la bonne taille.

Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par D.Deschamps le Mar 16 Juin 2015 - 21:20

c'est bon super merci !

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par D.Deschamps le Mer 17 Juin 2015 - 22:24

Sinon, est-ce possible de modifier le texte "Index" en autre chose ? je sais pas comment faire

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par horusbk le Jeu 18 Juin 2015 - 7:08

Bonjour
Quel texte index?

Cordialement
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par D.Deschamps le Jeu 18 Juin 2015 - 10:35

l'index en haut comme ici :


D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par horusbk le Jeu 18 Juin 2015 - 13:14

Bonjour,

Normalement le nom INDEX doit prendre le nom de votre forum. Vérifier que le champ "nom du site" est renseigné dans Général > Configuration.

Si ce champ est rempli, peut-être que cela vient d'un problème au niveau des templates mobile (si vous les avez modifié) ou de votre CSS pour mobile.

PS: Je serais intéressé par savoir comment vous avez réussi à rendre opaque le menu déroulant, mettre le lien de la chatbox et de mettre un espace entre chaque forum.

Cordialement,
1baptiste

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par mariok13 le Jeu 18 Juin 2015 - 14:43

bonjour moi aussi je suis interessé

mariok13
****

Messages : 420
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Feuille de style de la version mobile

Message par D.Deschamps le Jeu 18 Juin 2015 - 15:57

J'ai tout fais en css avec, opacity, margin

Et un simple lien dans les templates pour la chatbox

voila Smile

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par D.Deschamps le Ven 19 Juin 2015 - 22:58

Savez vous quel code appartient au bouton retour ?

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de style de la version mobile

Message par kiwi14637 le Sam 20 Juin 2015 - 11:45

Bonjour,

La feuille de style version mobile est accessible en ajoutant ?mobi à l'adresse de la feuille de style actuelle.
Exemple pour vous : http://ententekillersdevf.forum-actif.net/178-ltr.css?mobi
Pour le nom "INDEX", il est bien modifié en version mobile, sur votre forum.

Pour le bouton "Retour" :
Code:
#HTML
<a href="/" class="mobile_prev_button">
   <p>Retour</p>
</a>
Code:
#CSS
.mobile_prev_button, .mobile_next_button {display: inline-block;position: absolute;height: 26px;-webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2);margin: 0;padding: 0 5px;border: 1px solid rgba(0,0,0, 0.4);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: none #9fb3cc;background: -webkit-gradient(linear, left top, left bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa));background: -moz-linear-gradient(top, #9fb3cc, #5b80ab);background: -ms-linear-gradient(top, #9fb3cc, #5b80ab);/*background: -o-gradient(linear, left top, left bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa));background: gradient(linear, left top, left bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa));*/}.mobile_prev_button p, .mobile_next_button p {color: #fff;font-size: 10px;font-weight: bold;line-height: 26px;margin: 0;text-align: center;text-shadow: 0 -1px 0 rgba(0,0,0, 0.4);z-index: 2;}.mobile_prev_button {left: 12px;}.mobile_next_button {right: 12px;}.mobile_prev_button p {padding: 0 0px 0 15px;background: url("http://illiweb.com/fa/mobile/inner-left-arrow.png") no-repeat scroll left center transparent;}.mobile_next_button p {padding: 0 15px 0 0px;background: url("http://illiweb.com/fa/mobile/inner-right-arrow.png") no-repeat scroll right center transparent;}

Bon appétit !

kiwi14637
# Tropactif #

Masculin
Messages : 1388
Inscrit(e) le : 19/05/2010

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

Résolu Re: Feuille de style de la version mobile

Message par D.Deschamps le Dim 21 Juin 2015 - 22:17

ah d'accord ! super ! merci beaucoup !

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Feuille de style de la version mobile

Message par MlleAlys le Jeu 25 Juin 2015 - 22:29

..Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys 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