Feuille de style de la version mobile

5 participants

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

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

horusbk
*****

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

http://horus.forumactif.com/
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 Lun 15 Juin 2015 - 12:59

Il n'y a pas marqué où modifier ce css
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 Lun 15 Juin 2015 - 13:14

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

Cordialement,
1baptiste
horusbk

horusbk
*****

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

http://horus.forumactif.com/
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 Lun 15 Juin 2015 - 19:02

La feuille de style, comme celle pour les templates normales qui se trouve dans couleurs
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 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

horusbk
*****

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

http://horus.forumactif.com/
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 Lun 15 Juin 2015 - 19:15

ah d'accord j'ai compris merci !
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 D.Deschamps 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

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

Feuille de style de la version mobile 09615175839Icône catégorie/forum :

Feuille de style de la version mobile CategoryL'image de la catégorie sans nouveau message :Code:SÉLECTIONNER LE CONTENU
Code:
.cat_no_new
Feuille de style de la version mobile Category_newL'image de la catégorie nouveau message :Code:SÉLECTIONNER LE CONTENU
Code:
.cat_new
Feuille de style de la version mobile Category_lockedL'image de la catégorie verrouillé :Code:SÉLECTIONNER LE CONTENU
Code:
.cat_locked
Feuille de style de la version mobile Folder_bigL'image du forum sans nouveau message :Code:SÉLECTIONNER LE CONTENU
Code:
.forum_no_new
Feuille de style de la version mobile Folder_new_bigL'image du forum nouveau message :Code:SÉLECTIONNER LE CONTENU
Code:
.forum_new
Feuille de style de la version mobile Folder_locked_bigL'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

horusbk
*****

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

http://horus.forumactif.com/
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 Mar 16 Juin 2015 - 21:20

c'est bon super merci !
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 D.Deschamps 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

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 Jeu 18 Juin 2015 - 7:08

Bonjour
Quel texte index?

Cordialement
1baptiste
horusbk

horusbk
*****

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

http://horus.forumactif.com/
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 Jeu 18 Juin 2015 - 10:35

l'index en haut comme ici :

Feuille de style de la version mobile Captur10
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 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

horusbk
*****

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

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

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

Message par mariok13 Jeu 18 Juin 2015 - 14:43

bonjour moi aussi je suis interessé
mariok13

mariok13
****

Messages : 421
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 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

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 Ven 19 Juin 2015 - 22:58

Savez vous quel code appartient au bouton retour ?
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 kiwi14637 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://2img.net/i/fa/mobile/inner-left-arrow.png") no-repeat scroll left center transparent;}.mobile_next_button p {padding: 0 15px 0 0px;background: url("http://2img.net/i/fa/mobile/inner-right-arrow.png") no-repeat scroll right center transparent;}

Bon appétit !
kiwi14637

kiwi14637
Membre habitué

Masculin
Messages : 1387
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 Dim 21 Juin 2015 - 22:17

ah d'accord ! super ! merci beaucoup !
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.
  • 0

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

Message par MlleAlys Jeu 25 Juin 2015 - 22:29

.Feuille de style de la version mobile HURHAdp.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 Feuille de style de la version mobile Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Feuille de style de la version mobile 50378

A bientôt sur ForumActif Smile
MlleAlys

MlleAlys
Membre actif

Messages : 5767
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