[Résolu] Besoin d’aide pour adapter mon site aux diverses résolutions d ‘écrans (Créer un compte)

Personne aurais une idée? Besoin d utilisateur de media queries pour adapter les parties de mon site au diferentes taille d ecrans … Help

Bonjour,

Je vous confirme 🙂

J’ai quand même suivis une grosse formation d’administrateur reseaux linux/win ou on a fait une petite partie sur le php mais je ne peu pas toutes les faire ^^
Je m’étais initié au langage C aussi histoire d apprendre les rudiment de la programmation grace au site du 0.

Je fais ca par loisir et ayant déjà investis dans un forfait hébergeur, nom de domaine ect.., je ne souhaitais pas faire plus de frais comme acheter un thème responsive par ex.

Je trouve ca beaucoup plus attrayant même si ca prend un temps fou d’essayer de le faire moi meme.
Il ne me reste que ce gros détail pour faire un grand pas.
Je compte progresser a l aide de tuto, forums:wp: et fire bug qui ma bien aidé aussi lol.

Cela reste une bonne idée quand même de trouver un theme responsive gratuit et d essayer de l’adapter a mon thème.
Mais ca risque d’être encore bcp complexe vus que les fichiers ne serons surement pas compatible du genre les fonctions ect…

Ou alors repartir de 0 avec ce theme responsive mais ca ne m’enchante pas du tout de tout refaire! 😡

La il était juste question de coller ce petit bou de code média queries :

@media screen and (max-width: 1024px) {
VotreCodeIci
}

En fin de mon fichier style.css et remplacer « votre code ici » par la partie du css a modifier en question.
Dans mon cas : .art-header qui comporte juste une image de fond qui changera suivant la taille de l’écran.

Ca parait pas si compliquer que ca.
Il y a surement un autre fichier .php a éditer mais rien de dangereux lol (enfin ca me brise quand même les noix mais faut pas le dire shuuut)

Une fois que j’aurais trouver pour le header, il suffira d’adapter pour le reste.

Mais vous n’avez pas tord, j’avoue ne pas avoir su comment appliquer la dernière réponse que j ai reçu sur ce tres bon site: http://techutile.wordpress.com/2012/02/20/changer-le-background-en-fonction-de-la-resolution-decran/ a mon fichier style.ss

Je n’ai pas voulus embêter plus la personne en question qui m’avais déja bien aidé et ce n’était pas non plus un forum.

Je vous colle la dicution

Alex | 18 mars 2014 à 16 h 26 min

Merci. J ai simplifier ma partie header qui ne comporte plus que :

.art-header
{

background-position: center;
background-image: url(images/header.png);
height: 250px;

}
Je l est donc remplacé comme vous m’avez dit par :

#art-header
{

background-position: center;
background-image: url(images/header.png);
height: 250px;

}

en fin de css j ai laisser:

@media screen and (max-width: 1280px) {
#art-header {
background-image: url(images/cicig.png);
}
}

Mais probleme quand je remplace .art-header dans mon fichier style.css par #art-header pour faire un DIV bin mon header disparait complétement en actualisant la page.

techutile | 19 mars 2014 à 8 h 12 min

Il faut mettre ID à la place du CLASS.
Cela peut donner quelque chose comme ça :

ou

Je dois pas en etre bien loin j’ai essayé plusieurs choses.

J’attend avec impatience que quelqu’un me dise espèce de con ta pas mis ca a cette endroits ….. lol