ven.
30
sept.
2011
Tutoriel : Personnaliser un design (F 4046)
Aujourd'hui, nous vous proposons un tutoriel simple et rapide pour vous initier à la personnalisation d'un design !
Jimdo, ce sont des centaines de designs à votre disposition pour vous permettre de créer un site internet personnalisé ...mais c'est aussi un accès pratique et facile à la personnalisation et ce avec très peu de connaissances en code informatique.
Avec ce tutoriel vous allez pouvoir créer un site au design sympa, comme dans les deux exemples ci-dessous, et pour cela, c'est vraiment facile, suivez le guide !…
Un design personnalisé en 8 étapes
Ce tutoriel est basé sur le design F 4046 que vous trouverez dans la rubrique "mise en page". Vous trouverez tous les fichiers nécessaires en téléchargement (format archive .zip) ci-dessous. Dans cet exemple, le bandeau est de couleur orange, mais d'autres couleurs sont disponibles (bleu, vert ou rouge).
Suivez ensuite les étapes suivantes (et cliquez sur les images pour les agrandir) :
1. Téléchargez le fichier .zip ci-après, extrayez les fichiers (clic droit "extraire" ) et
gardez les à disposition.
Conseil : Vous pouvez déjà choisir votre couleur préférée parmi les différentes disponibles (bleu, vert, orange ou rouge).
Fichiers_design_personnalisé.zip
Archives compressées en format ZIP [20.4 KB]
Télécharger
2. Choisissez le design F4046
3. Paramétrez le motif de fond en blanc.
4. Entrez le code couleur F3F3F3 comme couleur personnalisée. Enregistrez.
5. Allez dans "fond personnalisé" et chargez une des images (de la couleur de votre choix) dont le nom commence par bg (comme "background").
Paramétrez ensuite le fond comme suit :
- répétition horizontale
- position horizontale "à gauche"
- position verticale "En haut"
- Fixer l'image "non"
6. Entrez dans le Header, allez dans "Galerie" et choisissez "transparent" (motif carrelé gris et blanc) ou chargez l'image de header issu du fichier .zip que vous aurez retravaillé avec un logiciel de retouche d'image (pour y mettre des images, un logo ? ).
7. Allez dans "Paramètres" et fixez la hauteur à 246px
8. Rendez-vous sur la colonne de droite -> Paramètres -> Site internet -> Modifier le Head, collez le code suivant puis enregistrez :
|
<style type="text/css"> /*<![CDATA[*/ div#nav_top, div#wrapper {background:none !important;} div#wrapper {margin-top: 10px;} div#sidebar .gutter { width: 210px; padding-top: 15px; margin-top: 50px; background-color: #f7f7f7 ; border: 1px solid #e9e9e9; } div#content .gutter { padding: 20px 30px 0 !important;} /*]]>*/ </style> |
Voilà, votre design personnalisé est prêt !
Astuce :
- Vous pouvez utilisez un des fichiers fournis (disponible pour chaque couleur) nommé header-........ et le retravailler avec un logiciel de retouche d'image comme l'outil en ligne www.picknik.com
- Vous pourrez y intégrer du texte dans la police d'écriture et format de votre choix, ajouter une image...etc
- Chargez ensuite ce header sur votre site et ajustez les paramètres si nécessaire pour qu'il s'adapte parfaitement au reste du design
Résumé : Le tutoriel en galerie photo
La galerie d'images nécessite au moins la Version Flash 9.0.28!
Veuillez installer la dernière version de FlashPlayer.
Commentaires: 16(Discussion fermée)
-
#1
On va essayer ça ;)
-
#2
Est-il possible de modifier mon design pour mettre le menu en haut sur mon site ? Merci de la réponse, cordialement
-
#3
Super ça! MERCI!
-
#4
Merci beaucoup de nous avoir permis d'installer ce DESIGN !!!
-
#5
Peut-on modifier la couleur , du texte du fond et la grandeur du texte
pour les rubriques, et leur emplacement ?
Merci -
#6
Merci mais un peu compliqué pour moi...
-
#7
bonjour
à partir du design F260 est il possible de faire passer les menus en haut ?
merci pour la reponse
amicalement
eric -
#8
@eveilphilbertinfootball : Non, pas avec ce design ! :(
@cvinolien41 : Il s'agit ici de la modification d'un design existant. Les options de style (couleur du texte, etc) restent accessibles pour celles bien sûr qui sont disponible sur ce design :)
@nileb : Cela fera peut-être partie d'un prochain tutoriel design. Mais en attendant je vous conseille le forum si vous souhaitez faire des modifications sur d'autres designs ;) http://fr.jimdo.com/app/forum -
#9
Bonjour,
@nileb et @eveilphilbertinfootball c'est possible seul inconvénient il faudra passer par un design personnalisé et donc apprendre les base du langage web a savoir le HTML et le CSS.
D’ailleurs pour personnaliser un design Jimdo il faut connaitre au minimum le CSS ensuite vous pouvez vous regarder divers tuto enfin de réaliser se que vous souhaitez faire vous trouverez pas mal de tuto chez Realia (http://realia.jimdo.com/)et si vous avez appris le HTML CSS vous pouvez toujours allez voir le tuto que j'ai réalisé sur la création d'un design pour Jimdo a l'adresse suivante: http://outilswebdesign.jimdo.com/français/ -
#10
bonjour a tous,
j'ai un petit soucis avec le design de mon site , au niveau de la largeur
j'aimerai élargir le "corps" et "l'en tête" :(
merci d'avance
-
#11
@angemichaeljackson : Ce n'est pas possible avec les designs Jimdo. Il faut passer par du code, peut-être ce tutoriel pourra vous aider -> http://communautefrancophone.jimdo.com/design/bases-de-la-modification-de-design-d-un-site-jimdo/
-
#12
Bonjour
J'ai choisi le disign que vous décrivez et c'est mieux que ce que j'avais ;)
Toutefois, j'ai 2 questions :
- je voudrai savoir si on peut redimensionner ou déplacer (glisser/poser)les éléments et modules de navigation (colonne de gauche)dans la page ?
- peut-on faire la première page (accueil) différente de tous les suivantes ? Je ne veux pas que les mêmes infos (compteurs, diaporama, photos, sondage,...) soient sur toutes les pages et çà me permettrait de mettre d'autres choses ou de les répartir pour alléger les pages.
Merci pour vos réponses. -
#13
@daluzgalego : content qu'il vous plaise :) Pour le reste et des modifications plus poussée sur un design, je vous renvoie vers le forum Jimdo : http://fr.jimdo.com/app/forum où vous pourrez certainement trouver des conseils. Pour ce qui est d'avoir des contenus différents sur chaque page, le principe est cependant d'utiliser la colonne de contenu (du milieu) pour les contenus différents et les colonnes (ou Sidebar) pour ce qui doit s'afficher sur tout le site...
-
#14
Merci pour votre réponse. J'ai trouvé un compromis qui m'arrange pour le contenu de la barre sur le côté (çà s'appelle : sidebar?... logique).
Maintenant, je cherche comment ajouter des séries de 2ou3 photos avec un texte (infos) à côté, comme un album. J'irai voir sur http://fr.jimdo.com/app/forum ; j'ai déjà regardé ailleurs et j'ai du mal à trouver. J'ai tenté le copier/coller de Word mais çà ne le fait pas ! Si vous avez une idée de l'endroit où je peux trouver, ce serait formidable.
En tous cas, encore merci pour votre aide. -
#15
@daluzgalego : Et le module Galerie d'Image et ses commentaires ne conviennent pas? -> http://fr.jimdo.com/wiki/Galerie_d%27images
"J'ai tenté le copier/coller de Word mais çà ne le fait pas !" -> Aïe ! Pas étonnant, c'est tout simplement à éviter voir http://fr.jimdo.com/wiki/J%27ai_copi%C3%A9/coll%C3%A9_du_texte_issu_de_Word_et_il_y_a_des_bugs_!
Sinon pour votre "album" et pour le personnalisé encore plus, pourquoi ne pas tenter de créer une présentation via notre partenaire "Calaméo" ? -> http://fr.jimdo.com/outils/widgets/
Bonne continuation -
#16
j'aime ♥
Version imprimable