« Au pays du Ventoux calme | Page d'accueil | Pronostic du grillon. »
04.05.2007
Les grandes images
Pour insérer de plus grandes images, je vais essayez d'expliquer simplement ce que Dominique, avec son talent, m'a montré.
Mais avant de faire cette modification, il faut bien être conscient que les grandes images prennent plus de place que les anciennes et que votre limite de votre blog sera plus vite atteinte. Ce n'est à mon, avis pas possible pour les blogs gratuits.
J'ai un abonnement Premium à 6 euros par mois et la limite ne m'a jamais été donné personnellement . Jean Claude a eu 500 Mo pour lui.
La première chose à faire est de libérer de la place pour la colonne du milieu.
J'ai mis une note "pour Framboisine" il y a deux jours. Il faut commencer par supprimer une colonne. Si je ne suis pas clair, demandez moi.
Une fois que vous aurez deux colonnes, une grande pour les photos, texte et musique, puis une petite pour le reste, vous pouvez continuer. Essayez d'avoir un chiffre rond pour la largeur de la grande colonne: j'ai choisi dans mon cas 150px pour la colonne gauche (left) 600px pour celle du centre et 09px pour celle de droite (right)
Il vous faut ensuite passer en "note longue" en cliquant sur "Afficher le format de note longue"
Vous inscrivez votre titre, choissisez votre catégorie comme d'habitude et vous tapez votre texte ou vous le copiez-collez depuis un autre fichier.
Vous choissisez dans le texte l'endroit où vous voulez mettre une photo grand format.
Vous devez avoir un endroit où vous stockez vos photos personnelles. Je ne met pas de photos venant d'internet, uniquement de celles que je possède, et je ne sais pas si c'est possible avec les clichés copiés depuis le web.
Dans mon logiciel, je peux voir quelles sont les dimensions de la photo en pixels. Il me faut cliquer sur "propriétés" et je lis les chiffres de la hauteur et de la largeur.
Je remplace le plus grand chiffre par 600, en gardant la proportion pour l'autre côté. Vous ferez de même en prenant comme plus grand chiffre la largeur de votre grande colonne. Puis vous noterez comme moi largeur et hauteur.
Puis vous copiez ces lignes dans un fichier texte, word ou autre.
div style="text-align: center">
a target="_blank" href="">
img src="" style="margin: 0.7em 0px; border-width: 0px; width: px; height: px " />
/a>
Vous ajouterez dans votre fichier texte devant chaque départ de ligne le signe <, sans espace entre par exemple < et div. Si votre écran n'est pas le même que le mien, il y a un signe< devant div, puis a de target, puis img, et enfin /a. Il y en aura 4 au total. Je ne peux pas le faire ici, car c'est une instruction HTML qui ne s'affichera pas sur la note enregistrée que vous lirez. Enregistrez votre fichier avec un nom facile à retrouver: Photodom pour moi.
Puis à l'endroit où vous voulez mettre la photo, vous copiez ces lignes, complètes avec vos 4 signes <
Ensuite, vous insérez grace au trombone un fichier image.
Vous aurez une ligne où entre deux guillemets se lit : "http://votre blog.com/files/nomphoto.jpg" et autre chose ensuite que vous allez ignorer. Vous copiez ce qui est entre les guillemets pour le placer deux fois dans les lignes comme ci dessous
div style="text-align: center">
a target="_blank" href="http://votre blog.com/files/nomphoto.jpg">
img src="http://votre blog.com/files/nomphoto.jpg" style="margin: 0.7em 0px; border-width: 0px; width: px; height: px " />
/a>
Il vous reste à mettre les dimmensions de la photo, devant les lettres px.
width: 450px; height: 600px par exemple pour la photo qui suit.
div style="text-align: center">
a target="_blank" href="http://votre blog.com/files/nomphoto.jpg">
img src="http://votre blog.com/files/nomphoto.jpg" style="margin: 0.7em 0px; border-width: 0px; width: 450px; height: 600px " />
/a>
C'est un peu long au début, mais avec l'exercice, je crois que cela en vaut la peine pour de beaux clichés. Il doit y avoir une autre méthode plus simple, mais elle reste à trouver . Dominique la cherche.
Mais avouez qu'il a fait un travail spendide
