tim10 Posted July 22, 2015 Share Posted July 22, 2015 Bonjour Donc voila voulant voir ce que ça donne sur un téléphone mobile je me suis rendu compte que c'était une catastrophe ... Barre de recherche complètement décalée à droite, des blocs non alignés, une mise en page horrible ... enfin rien à voir avec la version que l'on retrouve sur l’ordinateur ... Je voudrais donc savoir si il y a moyen de régler cela, ou tout simplement avoir la même mise en page que sur l'ordinateur. Je vous remercie d'avance Link to comment Share on other sites More sharing options...
tim10 Posted July 23, 2015 Author Share Posted July 23, 2015 (edited) up (voici mon site (pas du tout finit ^^) d'ailleurs: http://dariluxe.fr/ ) Edited July 23, 2015 by tim10 (see edit history) Link to comment Share on other sites More sharing options...
Alex--77 Posted July 23, 2015 Share Posted July 23, 2015 (edited) Si tu as des connaissance en css, faut faire les modifications css, regarde du côtés des Media Queries . Sinon fallait choisir un thème responsive... Edited July 23, 2015 by Alex--77 (see edit history) Link to comment Share on other sites More sharing options...
tim10 Posted July 23, 2015 Author Share Posted July 23, 2015 Bonjour, merci pour ta réponse, le theme est celui par défaut, le bootstrap, n'est il par responsive ? Link to comment Share on other sites More sharing options...
Alex--77 Posted July 23, 2015 Share Posted July 23, 2015 Bonjour, si normalement il est responsive mais si tu as fais des modifications CSS du thème il faut ensuite gérer les versions mobile et tablette.Si tu changes un élément HTML de position, taille ou autre il ne va pas deviner ce qu'il faudra faire pour la version mobile. Link to comment Share on other sites More sharing options...
tim10 Posted July 23, 2015 Author Share Posted July 23, 2015 Tu m'éclair un peu plus, merci, par contre n'étant pas un grand expert je voudrais savoir comment et où faire les changements qui affecteront la version mobile, merci Link to comment Share on other sites More sharing options...
Alex--77 Posted July 23, 2015 Share Posted July 23, 2015 Soit tu fais une feuille de style spéciale pour le mobile (mobile.css) et tu mets toutes tes règles CSS dedans. Ensuite ne pas oublier de l'intégrer dans le header.tpl sinon ta feuille de style ne se chargera jamais. Si tu veux faire propre, il faudrait détecter le device en JavaScript ou php, pour charger la feuille de style quand on est sur mobile. Sinon la méthode barbare, tu mets toutes tes règles css pour le mobile dans le fichier global.css ou évantuellement de voir si il n'y a pas un fichier repsonsive.css qui existe déjà. Link to comment Share on other sites More sharing options...
tim10 Posted July 23, 2015 Author Share Posted July 23, 2015 Je te remercie pour ta réponse, je vais essayer de suivre tes instructions (même si je sens que je vais galérer un peu ^^) Link to comment Share on other sites More sharing options...
Alex--77 Posted July 23, 2015 Share Posted July 23, 2015 Il n'y a pas de soucis. Si tu suis un tuto sur les media Queries et si tu as des bases en CSS tu ne devrais pas trop galérer. Et c'est en codant qu'on apprend Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now