• Pour faire ça à la main

    :: Relook Manuel ::

    La base de travail :

    :: Connectez-vous à votre blogg avec votre navigateur internet dans la partie administration.

    :: Accédez à nouveau à votre blogg en mode consultation. Modifiez et différenciez par couleurs toutes les parties qui composent votre blogg (titre, sous-titre, moi, thèmes, archives...).
    Affichez ensuite le résultat dans votre navigateur (Faites F11 avec internet explorer pour avoir le maximum de surface d'affichage).

    :: Puis appuyez sur la touche « print screen » du clavier.
    :: Ouvrez THE GIMP.
    :: Faites nouveau fichier en 1024x768 (ou de la taille d'affichage de votre écran).
    :: Puis faites édition coller.

    Vous avez maintenant votre blogg comme image à l'écran.

    :: Sauvegardez cette image sous le nom de « base ».jpg (maximum) ou dans le format propriétaire de votre THE GIMP.

    :: Ensuite vous allez sélectionner (avec l'outil sélection) chacun des différents carrés que vous souhaitez modifier et les enregistrer sous le nom qui lui correspond (titre.jpg ou .gif pour le tire, sous-titre.jpg, moi.jpg. themes.jpg ET SURTOUT SANS ACCENT .

    Dans ces carrés vous allez poser votre relooking dans l'espace de sa taille. Vous pouvez là laisser aller votre imagination en composant votre design, en jouant sur les formes et les couleurs comme sur les contrastes, dégradés, fondus et autre joyeusetés.

    :: Après avoir modifié tous les carrés de différentes tailles et trouvé la bonne image pour illustrer votre thème, vous devez recomposer succintement les carrés modifiés en les replaçant sur la page « base » (ils doivent pouvoir recouvrir exactement les carrés de couleur). Vous aurez ainsi une première idée de ce que peux donner votre blogg.

    Astuce :
    Jouez sur la couleur du fond de la page base pour que ça reste joli à l'œil.

    Sachez également que vous pouvez, ensuite, modifier la taille des carrés du blogg en ligne pour les caler à la taille de l'image.

    Travaillez au moins le titre, les plus patients feront LA TOTALE.


    Le fond :

    Recherchez des images de fonds d'écrans sur le web et les récupérer (toujours ce fameux clic droit. Faire enregistrer l'arrière-plan sous... pour la récupération. La fonction enregistrer l'image-sous permet de ne récupérer que l'image.
    Gardez à l'esprit qu'un fond se répète à l'infini par défaut (je vous expliquerai plus tard comment bloquer le repeat). Donc il faut que :
    - soit l'image de fond a la taille du blogg (la taille 1024x768 est la mini). Mais là ça fait une très grande image bien lourde.
    - Ou alors l'image .gif ou .jpg qui se répète ne pèse que quelques ko (comme le fond rayé de « BLOGG Design ») et là ça s'affiche tout de suite (c'est au choix).

    EN LIGNE, LES IMAGES !!!

    Mettre ses images sur le web :

    1) J'ai un hébergement :

    Vous devez vous rapprocher de votre fournisseur d'accès pour savoir comment et ou mettre vos images dans le répertoire qui vous est réservé en ligne (c'est souvent expliqué sur la page des abonnés ou en lien sur la page d'accueil). Créez un nouveau répertoire nommé "images"dans votre espace.
    Les autres (qui ont déjà un espace web) je vous conseille également de créer un répertoire au nom de votre blogg.
    Si votre hébergeur vous donne la possibilité de passer par du FTP (voir avec vos paramètres d'accès pour mettre à jour FILEZILLA ou consorts). Utilisez de préférence cette façon de procéder. Là aussi chacun a sa manière.

    2) je n'ai pas d'hébergement :

    :: Créez un nouveau thème ou un nouveau blogg dédié pour mettre ces images.
    :: Dans l'ajout de texte d'un thème on peut mettre une image (bouton parcourir...), créez un theme par image.
    :: Affichez chacunes des images de vos thèmes dans le navigateur. Faites un clic droit dessus et notez l'url dans l'onglet propriétés.

    Mettez en ligne toutes vos images qui composent le blogg avant de modifier la CSS.

    Les url des images :

    Avant d'insérer les images dans votre blogg il faut connaître leur adresse sur le web.
    Cette adresse sera de la forme

    http://www.temca.net/images/titre.jpg ou .gif

    ou

    perso.wanadoo.fr/votre_nom/blogg/titre.jpg ou .gif

    ou

    http://www.blogg.org/afficher_image.php?id=21452&img_x=

    (pour ceux qui auront leurs images hébergées par blogg.org)

    :: Tapez dans votre navigateur l'adresse des images que vous avez mis en ligne.
    :: Ouvrez le bloc-note de windows et copiez y toutes les adresses.

    Exemple :
    http://www.temca.net/images/titre.jpg

    http://www.temca.net/images/sous-titre.jpg

    http://www.temca.net/images/themes.gif

    Ensuite tout ce passe dans la CSS

    Suite dans :: LA CSS (Cascding Style Sheet – Feuilles de Style en Cascade) ::


  • Commentaires

    1
    bzoubzou
    Lundi 4 Octobre 2004 à 21:30
    blogatti...
    ji comprend rien ...lol
    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    2
    petirenar
    Vendredi 12 Novembre 2004 à 14:36
    ton bloog
    sympa par ici..mieu,bcp mieu quie le mien:normal j'arrive pas à mettre des textes et des photos..t'aurai pas des tuyaux par hazard stp?la je suis nouvelle sur le net donc j'arrive pas trop à faire des trucs..enfin bon..@+et merci d'avances..
    3
    Chris
    Jeudi 18 Novembre 2004 à 12:08
    Pour petirenar
    Que dire de plus à part de bien lire les tutos que j'ai écris dans ce blog ? Pose moi des questions auquelles je peux répondre
    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :