Aide pour le codage de la version mobile
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Aide pour le codage de la version mobile
Détails techniques
Version du forum : phpBB2Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://themazerunner-forum.fr/
Description du problème
BonjourJ'ai découvert ce tutoriel permettant de personnaliser l'apparence de son forum dans sa version mobile. Toutefois, j'ai essayé de rentrer certains codes dans ma page CSS mais cela n'a pas fonctionné.
J'aimerais déjà, commencer par l'apparence générale :
Tutoriel : personnaliser l'apparence en version mobile de votre forum. a écrit:Général :
L'image de fond :
Code: Sélectionner le contenu
#page-body
L'image de fond de haut de page :
Code: Sélectionner le contenu
.mobile_title
Texte de haut de page :
Code: Sélectionner le contenu
.mobile_title_content
L'image de fond de bas de page :
Code: Sélectionner le contenu
.linklist
Texte de bas de page (nécessite la balise !important) :
Code: Sélectionner le contenu
.small
Quelqu'un pourrait-il m'expliquer comment intégrer ces balises dans le CSS ?
Est-ce que si le CSS contient déjà des éléments (comme la couleurs des titres ...) est-ce grave ?
En vous remerciant pour vos réponse et votre aide, 1BAPTISTE.
Dernière édition par 1baptiste le Jeu 26 Fév 2015 - 16:23, édité 1 fois
Re: Aide pour le codage de la version mobile
Bonjour ^^
Qu'avez-vous essayé de mettre dans votre CSS ?
Le tuto ne mentionne que les identifiants à cibler
Si vous ajoutez par exemple
Il vous faut définir au moins une propriété et une valeur pour chacun de vos blocs CSS
Par exemple
Le CSS – Comment ça marche ?
Qu'avez-vous essayé de mettre dans votre CSS ?
Le tuto ne mentionne que les identifiants à cibler
Si vous ajoutez par exemple
- Code:
.mobile_title
Il vous faut définir au moins une propriété et une valeur pour chacun de vos blocs CSS
Par exemple
- Code:
.mobile_title_content {
fontsize: 30px;
color: #FF0000;
propriete3: valeur3;
propriete4: valeur4;
}
Le CSS – Comment ça marche ?
Re: Aide pour le codage de la version mobile
En effet, j'avais juste mis :
- Code:
.mobile_title
Re: Aide pour le codage de la version mobile
N'ayant pas d'appareil mobile pour procéder à des tests, je ne saurais rien garantir.
- Code:
.mobile_title_content {
font-size: 30px;
color: #FF0000;
}
- Code:
#page-body {
background-image: url('http://hebergeur.com/uneimagedefond.jpg');
}
Re: Aide pour le codage de la version mobile
Merci ! Je vais essayer avec mon mobile et l'émulateur de Google Chrome. Je ne ferme pas le sujet au cas où ça ne fonctionne pas.
Dernière édition par 1baptiste le Mer 25 Fév 2015 - 22:16, édité 1 fois
Re: Aide pour le codage de la version mobile
Donc j'ai essayé et effectivement la photo apparait. Cependant c'était trop simple car :
Le fond des catégories masque le fond :
Peux-t-on faire en sorte que le fond des catégorie soit à 50% transparent par exemple ?
De plus, le fond du forum n'est pas centré : c'est-à-dire qu'il n'est pas adapté à la taille de l'écran :
Pour répondre à ça j'ai une hypothèse : soit il faut que je refasse un fond adapté à la taille de l'écran du téléphone. Toutefois le problème persistera pour les téléphones plus grand ou plus petit de la taille du fond que j'aurais fais. Donc selon moi, il faudrait une code qui oblige l'image à s'adapter : pour rendre cette taille universelle à tous les mobiles / tablettes.
Merci pour vos réponses ! :thanks:
Le fond des catégories masque le fond :
- Catégories qui masquent le fond:
Peux-t-on faire en sorte que le fond des catégorie soit à 50% transparent par exemple ?
De plus, le fond du forum n'est pas centré : c'est-à-dire qu'il n'est pas adapté à la taille de l'écran :
- Un fond non adapté:
Pour répondre à ça j'ai une hypothèse : soit il faut que je refasse un fond adapté à la taille de l'écran du téléphone. Toutefois le problème persistera pour les téléphones plus grand ou plus petit de la taille du fond que j'aurais fais. Donc selon moi, il faudrait une code qui oblige l'image à s'adapter : pour rendre cette taille universelle à tous les mobiles / tablettes.
Merci pour vos réponses ! :thanks:
Re: Aide pour le codage de la version mobile
bonsoir
vous pouriez rajouter ceci a votre code par exemple !
vous pouriez rajouter ceci a votre code par exemple !
- Code:
#page-body {
background-image: url('http://hebergeur.com/uneimagedefond.jpg');
width:100%;
height:100%;
}
Invité- Invité
Re: Aide pour le codage de la version mobile
C'est exactement ce que je voulais R-Max. Sinon avez vous une solution pour la couleur des catégories que j'aimerais a 50% transparente ?
Edit : Malheureusement, même avec ce nouveau code j'ai toujours le même problème .
Edit : Malheureusement, même avec ce nouveau code j'ai toujours le même problème .
Re: Aide pour le codage de la version mobile
bonjour
avec ce code ,elle s'adapte en largeur , mais elle se répète en hauteur !!
j'ai bien essayer divers code (no-repeat)sans résulta !
avec ce code ,elle s'adapte en largeur , mais elle se répète en hauteur !!
j'ai bien essayer divers code (no-repeat)sans résulta !
- Code:
#page-body {
background-image:url(http://i38.servimg.com/u/f38/18/76/86/41/drapea10.jpg);
background-size: 100% auto ;}
Invité- Invité
Re: Aide pour le codage de la version mobile
Merci R-Max, pour le fond qui s'adapte à l'écran du téléphone c'est
Toutefois, pour le second problème qui est la couleur des catégories ... c'est , il faudrait qu'elles soient toujours visibles mais qu'elles laissent apparaitre en arrière-plan le fond du forum.
Toutefois, pour le second problème qui est la couleur des catégories ... c'est , il faudrait qu'elles soient toujours visibles mais qu'elles laissent apparaitre en arrière-plan le fond du forum.
Re: Aide pour le codage de la version mobile
tu a la variable qui agi sur les couleurs !!!
Invité- Invité
Re: Aide pour le codage de la version mobile
Oui en effet, merci
Sujets similaires
» Besoin d'aide pour codage
» Besoin d'aide pour savoir comment changez la couleur du fond et du texte en version mobile svp
» INFO : Changement de la structure des liens pour passer de la version web à la version mobile et inversement.
» problème pour passer de la version mobile à la version web.
» Aide pour codage
» Besoin d'aide pour savoir comment changez la couleur du fond et du texte en version mobile svp
» INFO : Changement de la structure des liens pour passer de la version web à la version mobile et inversement.
» problème pour passer de la version mobile à la version web.
» Aide pour codage
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum