Aide pour passage en responsive design

[Matthieu]

Bonjour la communauté,

Je suis à la recherche d'une âme charitable qui serait partante pour m'accompagner dans l'adaptation de mon template en responsive design.

Pour cela je me dois d'être honnête. J'ai une connaissance très très très maigre du HTML, aucune du CSS et encore moins de javascript. Par contre, je suis patient, curieux et clairement impliqué

Autre point qui me parait important à souligné : j'ai adapté le template Cape Town en site monopage après avoir suivi un tuto sur Jimdo Support Center.
Je ne sais donc pas si ça complique la tâche... Mais ça prouve bien que je suis volontaire

Matthieu

[Matthieu]

Petit Edit:

De ce que je peux voir sur mon mobile (FireFox ou Chrome), le contenu (image et texte) s'adapte déjà à la taille de l'écran et une partie de la structure du site aussi (header et Menu).

En fait, si je ne dis pas de bêtise, la SEULE chose à modifier est l'arrière-plan qui a pu me permettre de faire un site monopage. A ce sujet, j'ai juste dû ajouter du code dans l'éditeur du header.
Mais peut-être que c'est une bêtise ? Haha

Si vous voulez voir le site : frenchmeetenglish.fr

Par avance, merci pour votre aide

[FredVig]

Bonjour
TOUS les designs Jimdo passeront en responsive design dans quelques temps (délai indéterminé, mais c'est le travail actuel de l'équipe)
- Vous pouvez utiliser les 2 templates Déjà en responsive :
Miami, Malaga,
et les 2 prochains en cours de responsivité :
Copenhague et Shangaï

Adapter le code pour améliorer l'adaptativité conduit à un apprentissage des principes du CSS et de l'html. Dans les pré-requis, lisez les tutos sur la modification de head dans ce forum, ainsi que les recommandations des posts référencés ici :
http://www.jimdoforum.fr/t616-personnalisez-la-version-mobile-de-jimdo-facilement?highlight=mobile

Dans le cas de votre site, il semble assez lisible sur une fenêtre étroite, vous n'aurez sans doute pas grand chose à modifier.
L'arrière-plan devrait disparaître sur mobile (dans la plupart des cas). Sans doute aurez-vous quelques modifications à appliquer sur le fond bleu lorsque la fenêtre descend en dessous d'une valeur.
étudier les media queries : @media
Ce sont des codes qui conditionnent d'autres propriétés : "si la fenêtre est inférieure à telle valeur, alors, changez telle valeur de tel élément"

[Contenu sponsorisé]