5 avril 2010 1 05 /04 /avril /2010 06:30

Mise à jour le 05/04/2010

   
Mettre en valeur une image avec un cadre peut se faire de diverses façons, soit avec un logiciel de travail d'image, soit directement dans vos articles, en créant un contour ou un tableau autour de votre image, soit via le CSS.  

 

 

Créer un cadre-tableau via l'éditeur d'articles Over-blog 
 

Pour tous niveaux (confiance, privilège et premium)

 

Vous devez être en "édition avancée" dans l'éditeur d'articles.

 

L'icone de tableaux se trouve dans votre barre d'outils inférieure, c'est une petite représentation de tableau (cela ressemble à un calendrier avec un crayon), positionnez votre curseur à l'endroit désiré dans votre article et ensuite cliquez sur cette icône, une pop-up de travail s'ouvre, vous aurez plusieurs valeurs à y spécifier.

  • Les nombres de lignes et colonnes.
    (1 seule de chaque si c'est un encadrement pour une image)
  • Les dimensions du tableau
    (vous pouvez laisser les cases vides, le tableau s'adaptera à l'image)
  • L'alignement.
    (gauche, droite ou centré)
  • Les valeurs en pixel de bordure, d'espacement dans et entre les cellules.
    (ce sont elles qui sont intéressantes dans le cas d'un encadrement d'image)

Si vous cliquez sur l'onglet "avancé", vous pourrez également spécifier une couleur de fond et une couleur de bordure.

 

Bordure 10

Espacement 10

Contour 10

bordure et fond
de la cellule
colorisés

Bordure 3

Espacement 10

Contour 10

bordure et fond
de la cellule
colorisés

Bordure 1

Espacement 0

Contour 10

bordure et fond
de la cellule
colorisés

Bordure 0

Espacement 0

Contour 10

bordure et fond
de la cellule
colorisés

 Note :
Le résultat obtenu est différent selon le navigateur utilisé pour regarder le blog,
le rendu est très différent entre Internet Explorer et Firefox.

A vous de tester à présent ...

 

 

Créer un tableau à l'aide de Photoshop  
  

 

 

Créer un contour personnalisé via le CSS - Over-Blog  
  

Vous pouvez, via le CSS, programmer un contour qui sera automatiquement ajouté à toutes vos images sur le blog, ou seulement dans vos articles, ou encore dans une colonne bien précise, c'est vous qui choisissez l'endroit où ajouter les informations. 


 

3 choses sont modifiables :

  • La taille de la bordure en nombre de pixels : img { border:0px solid #FFFFFF;  } 
  • La couleur de la bordure par son code : img { border:0px solid #FFFFFF;  }
  • La forme de la bordure : img { border:0px solid #FFFFFF;  }
      

Comment trouver les codes de couleurs :

Les différents modèles de bordures :

  • solid pour un contour plein
  • dotted pour un effet de pointillés
  • dashed pour des tirets
  • groove ou ridge pour des effets 3D
  • double pour une double ligne,
    en ajoutant une valeur totale (2 lignes et espace) par : border-width: 0px;

    ce qui donne par exemple : border:1px double #D2A770; border-width:4px;
Partager cet article
Repost0
Published by Farfouille - dans Images
3 février 2010 3 03 /02 /février /2010 15:48

mise à jour 03/02/2010


 

Les albums photos over-blog permettent de présenter vos photos en diaporamas.


Pour cela, vous devez créer un répertoire d'images dans vos documents, télécharger vos photos dans ce répertoire et ensuite transformer ce répertoire en un album, suivez les instructions présentes dans votre administration de blog, c'est très simple.

 

Ensuite, dans la partie "configurer", choisissez l'endroit de votre blog où vous désirez placer le module des albums.

 

Si vous désirez un peu plus de fun, vous pouvez également présenter d'autres modèles de diaporamas dans vos articles, il faut alors se tourner vers un sercive externe.


De nombreux sites vous offrent des possibilités pour créer un diaporama, certains vous permettent même de l'intégrer à votre blog en vous fournissant le code nécessaire.
  
Parfois, les codes ne fonctionnent pas sur Over-Blog, c'est normal car toutes les balises ne sont pas acceptées. Dans ce cas vous pouvez faire un lien vers le diaporama directement, et même intégrer ce lien dans une image.


Attention aussi aux publicités que ces services imposent parfois dans leurs services gratuits, certaines sont assez "encombrantes".

 
Pour placer un diaporama dans un article ou un module, vous devez être en fonctions avancées et coller ce code en mode source (html). 
 
Il ne vous reste qu'à tester afin de trouver votre site de diaporamas préféré, 
bon amusement  :-)
  


   
PS : Pensez toujours à bien lire les conditions d'utilisation de chaque site et respectez les droits d'auteurs  :-)) 
  

Partager cet article
Repost0
Published by Farfouille - dans Images
27 août 2008 3 27 /08 /août /2008 07:35

 

Question souvent posée, comment réduire facilement la taille de vos photos ?

Si vous utilisez Windows XP,
il existe un petit utilitaire très pratique à intégrer dans le système,
 
"Image Resizer"
 

Après installation, il vous suffira de faire un clic droit sur la photo
(ou le groupe de photos), et choisir "Resize Pictures" dans le menu
afin d'avoir accès aux différentes propositions de réduction des images.
 

Vous pourrez télécharger le logiciel sur le site Microsoft

Vous pourrez trouver des explications pour utiliser ce logiciel ici ou

Bon Travail



Partager cet article
Repost0
Published by Farfouille - dans Images
6 juin 2008 5 06 /06 /juin /2008 07:26

 

Vous avez un blog et désirez en agrémenter les pages par des images ou photos, prises par vous même ou trouvées sur le net. C'est possible, mais il faut cependant respecter les lois et les bons usages, je vais tenter, le plus simplement possible, de vous expliquer l'ABC de ces lois et bons usages, pour plus d'informations vous trouverez des liens en bas d'article.

 

Trouver des images et photos librement utilisables

Que vous cherchiez une image bien précise ou que vous tombiez par hasard sur une image que vous désirez présenter sur votre blog, la première chose à faire est de vous assurez que vous avez le droit de publier cette image.

La première autorisation qu'il vous faut trouver, c'est celle de l'auteur de l'image, il vous faut donc parcourir le blog ou le site afin d'en trouver le règlement ou un lien de contact, vous devez vous assurer que vous recevez cette autorisation de l'auteur lui-même.
Si vous êtes l'auteur de cette image pas de problème pour ce point, bien entendu.

Si cette image présente une personne, vous devez également recevoir l'autorisation de publication de cette personne, certaines dérogations existent pour les personnages publics ou les foules, vous trouverez plus d'informations via les liens de bas de page.

Pour certains objets, notamment les oeuvres d'art ou certains bâtiments, vous devrez également obtenir l'autorisation de l'artiste ou de l'architecte. Ne négligez pas ce point même si vous êtes l'auteur de la photo car certaines choses ne peuvent être publiées sans payer un droit, vous trouverez de plus amples informations via les liens de bas de page.

Le Droit d'auteur est quelque chose de très complexe, cependant il est tout à fait possible de trouver un grand nombre d'images et photos librement utilisables, n'hésitez pas à suivre les liens en bas de page.

 

Placer les images ou Photos sur votre blog

Vos images sont trouvées et les autorisations obtenues, il vous faut à présent les mettre sur votre blog, certains d'entre vous utilisent le "copier/coller" ou la prise d'URL sur d'autres sites, c'est autorisé dans certains cas mais en général défendu et même parfois illégal, cela se nomme le Hotlink, ce sera le sujet d'un des chapitres suivants.

Si ce sont vos propres photos que vous désirez mettre en ligne, vous avez deux possibilités, la première est de les héberger dans vos répertoires over-blog en suivant les explications de la FAQ, la seconde est de les héberger chez un hébergeur spécialisé ou dans l'espace que vous propose peut-être votre Fournisseur d'accès Internet.

Les photos doivent impérativement rester en ligne sur le net car il sera impossible à vos visiteurs de les voir si vous tentez de placer un lien depuis votre ordinateur (seul vous y avez accès), ou si vous retirez l'image de vos répertoires après le chargement. Vous verrez ces images parce que le cache de votre navigateur les garde en mémoire, mais vos visiteurs ne les verront pas.

Si ce sont des images trouvées sur le net que vous désirez mettre en ligne, vous avez plusieurs possibilités.
- Vous pouvez d'enregistrer l'image sur votre ordinateur, vous faites un clic droit, choisissez "enregistrer l'image sous ..." dans la liste et enregistrez à l'endroit voulu sur votre ordinateur, ensuite vous chargerez cette image dans vos répertoires ou chez un hébergeur.
- Certains hébergeurs spécialisés, comme imageshack, permettent de charger une image directement du site d'origine à votre espace chez eux, voir leurs FAQ spécifiques pour connaître la marche à suivre.
- Certains sites d'images librement utilisables autorisent le hotlink et fournissent même, sous chaque image, le code à utiliser, ce code est à placer en mode source dans vos articles over-blog. Attention tout de même à choisir des sites sérieux qui ne placeront pas de multiples publicités sur votre blog grâce à ce code.
 

Conseil : Lorsque vous débutez, enregistrez les images sur votre ordinateur et chargez vos images dans vos répertoires de la manière la plus simple, les autres possibilités pourront être explorées au fur et à mesure.
 
Si votre image est hébergée ailleurs, vous devez être en éditeur mode avancé (over-blog) afin d'avoir accès à la partie "html" de votre barre d'outils. Cliquez "html" et collez-y ce code :
<img src="URL de l'image">
URL de l'image
étant l'URL de votre image chez l'hébergeur choisi.

 

Les Remerciements

Certains auteurs n'acceptent de prêter leurs images qu'à certaines conditions de citations ou liens, vous devez bien entendu respecter leurs désidératas.

D'autres auteurs offrent librement leur travail à qui le désire, sans obligation de citation ni de lien, dans ce cas le bon usage veut que tout de même vous le remerciez et lui laissiez l'attribution de son travail, vous êtes bien entendu libre de le faire ou non, mais remercier un auteur et le citer en présentant son travail l'encouragera à continuer de donner l'autorisation d'utiliser son matériel, de plus cela est légitime car ce n'est pas votre travail mais le sien, il est tout à fait possible que ce remerciement soit très discret afin de ne pas dénaturer votre article, voici quelques idées ...

- Un lien vers le site ou blog de l'auteur peut être inséré dans l'image, c'est totalement invisible et donc discret.
- Le nom de l'auteur peut être ajouté sous la photo, avec un lien vers son site ou blog inséré dans ce nom.
- Si la modification est permise par l'auteur, son nom peut être ajouté sur l'image avec un logiciel de travail d'images.
- Vous pouvez, tout en bas de votre article, écrire une phrase de remerciement, elle peut être écrite en plus petit que votre article et même se trouver sous une ligne de séparation de votre texte.

Ce ne sont que quelques idées, votre imagination fournira ce qu'il vous convient ...

Un lien permanent dans votre module de liens sera également une façon de remercier un auteur dont vous utilisez régulièrement des images.

Pensez également à remercier votre hébergeur d'images avec un lien s'il vous fourni ce service gratuitement, de même si vous utilisez un logiciel d'images gratuit tel Photofiltre, un lien les remercie en les faisant connaitre, et de plus cela permet à d'autres personnes de bénéficier de leurs services.

Les liens se feront vers la page d'accueil du site ou blog, sauf en cas d'accord préalable, ceci parce que la création de liens répond elle aussi à certaines lois et certains usages.

 

Le Hotlink

Le Hotlink est l'action d'utiliser une image depuis sa source, en en utilisant l'URL ou en effectuant un simple copier/coller.

Il est interdit de faire du Hotlink sans avoir au préalable obtenu l'autorisation du site "source".

Pourquoi ?
Parce que certains sites payent leur "bande passante" (débit, quantité d'informations transmises) et que chaque fois qu'une de leurs images est affichée ailleurs, de la bande passante est utilisée, ces personnes payent donc alors que leurs images sont affichées ailleurs, peut-être sur votre blog ! Pas très sympa et, bien entendu, illégal !
Cette bande passante, est parfois gratuite mais limitée par mois et lorsque le débit alloué est épuisé, le site n'est plus affiché.
L'usage du Hotlink a également l'inconvénient de ralentir le site d'origine.

Certains sites permettent le Hotlink, ils vous fournissent généralement, dans ce cas, les différents codes que vous pouvez utiliser afin d'en afficher les images sur votre blog.

 

Les liens pour en savoir plus

Vous désirez vous informer plus amplement ?
Pas de problème, suivez ces liens ...

Partager cet article
Repost0
Published by Farfouille - dans Images
11 mai 2008 7 11 /05 /mai /2008 22:12

 
Vous désirez publier certaines photos sur le net mais ne voulez pas que l'on vous les copie ?

Alors ne les publiez pas car il y a toujours une possibilité de copier des images !

Vous pouvez bien entendu bloquer le "clic droit" (dans l'onglet configuration> options globales > réglages avancés) de votre administration Over-blog, cependant la prise d'image par le clic droit n'est qu'une des nombreuses façon de prendre une image.

En dernier recours, quelqu'un qui désire vraiment votre image fera une simple capture d'écran, rapide et efficace !

Donc, si vous désirez protéger vos images à 100%, ne les publiez pas !
 


 
Vous désirez publier vos création tout en les protégeant par le droit d'auteur ?
 
Rien de plus simple, vous n'avez absolument aucune démarche à accomplir !
En effet, du seul fait de leur création et leur originalité, vos œuvres sont protégées !
(Valable en Belgique et France, renseignez-vous pour les autres pays)
 
Cependant, en cas d'éventuel besoin de preuve, il vous faut prévoir une de ces possibilités :
 
- Vous envoyer à vous-même une enveloppe fermée contenant vos créations sur clé USB, CD ou autre support au choix, cet envoi sera de préférence fait par recommandé avec accusé de réception, vous le conserverez en lieu sûr avec le récépissé, et bien entendu sans l'ouvrir, la date de la poste sera votre preuve.
 
- Faire établir un acte authentique par un notaire qui conservera les documents (renseignez-vous pour les tarifs)
 
- Faire enregistrer vos créations auprès des divers services trouvables dans chaque pays  (Voir les services de finances, d'auteurs, ..., renseignez-vous bien des tarifs appliqués)
 


 
La mise en ligne sans autorisation d'une œuvre protégée constitue un délit de contrefaçon puni civilement et pénalement, le risque encouru est une forte amende et/ou une peine de prison.
  

 
Attention : Ce n'est pas parce qu'un auteur autorise une publication sur un site que d'autres peuvent également la publier sans lui en demander la permission au préalable.
 


 
Si vous désirez publier vos images en les protégeant un minimum, vous pouvez, avec un logiciel de travail d'image, y mettre une signature, ou vous pouvez utiliser une astuce avancée de notre génie Francisek : Mettre un copyright sur ses images
 



 
Partager cet article
Repost0
Published by Farfouille - dans Images
11 mai 2008 7 11 /05 /mai /2008 21:21


Le site http://www.artabus.com/  propose gratuitement un générateur
qui, en quelques secondes, transformera vos photos, simple et rapide !
 
N'hésitez pas à tester ce Photographe virtuel   
   

   


    

 

Merci à Only pour l'adresse de ce générateur

Partager cet article
Repost0
Published by Farfouille - dans Images
7 avril 2008 1 07 /04 /avril /2008 20:06
           
  
           
  
Avatars de Prénoms
Alexandre ~ Fulbert ~ Gauthier ~ Irène ~ Jules ~ Julie ~ Marcellin ~ Stanislas
Partager cet article
Repost0
Published by Farfouille - dans Images
9 mars 2008 7 09 /03 /mars /2008 10:26


Vous désirez mettre facilement des smileys dans les commentaires et articles Over-blog ?

Très simple, vous regardez le code indiqué sous le smiley désiré et vous l'insérez dans des double-points (:) comme cela  :0000:

Allez-y, testez dans les commentaires ci-dessous

Amusez-vous bien, cela fonctionne sur tous les over-blogs !

J'ai retiré quelques smileys avec des armes,
la liste complète se trouve par exemple chez
Francisek

 


0001


0002


0003


0004


0005


0006


0007


0008


0009


0010


0011


0012


0013


0014

 
0125


0016


0017


0018


0019


0020


0021


0022


0023

 


0025


0026


0027


0028


0029


0030


0031


0032


0033


0034


0035


0036


0037


0038


0039


0040


0041


0042


0043


0044


0045


0046


0047


0048


0049


0050


0051


0052


0053


0054


0055


0056


0057


0058


0059


0060


0061


0064

 


0065


0066


0067


0068


0069


0070


0071


0072


0073


0074


0075


0076


0077

 
0085


0079


0080


0081


0082


0083


0084

 


0087


0088


0089


0090


0091


0092


0093


0094


0095


0096


0097


0098


0099


0100


0101


0102


0103


0104


0107

 
0108

 


0109


0110


0111


0112


0113


0114


0115


0116


0117


0118


0119


0120


0121


0122


0123


0124

 
Partager cet article
Repost0
Published by Farfouille - dans Images
21 janvier 2008 1 21 /01 /janvier /2008 08:41

Bientôt la Saint-Valentin !
  
Voici pour vous 14 avatars Spécial amour  :-)
 

Avatar Amour  Avatar Amour  Avatar Amour  Avatar Amour  

Avatar Amour  Avatar Amour  Avatar Amour  Avatar Amour  Avatar Amour  

Avatar Amour  Avatar Amour  Avatar Amour  Avatar Amour  Avatar Amour  

Partager cet article
Repost0
Published by Farfouille - dans Images
8 septembre 2007 6 08 /09 /septembre /2007 22:00
Voici pour vous des bannières d'entête à complèter avec Paint ou n'importe quel autre logiciel, ajoutez-y le nom de votre blog, vous pouvez les utiliser librement, elles ont toutes été créées depuis mes photos personnelles.
  
 

      
 
      
 
      
 
      
 
  
 
  

Cliquez sur une miniature pour voir l'image en grandeur réelle

Partager cet article
Repost0
Published by Farfouille - dans Images

Recherche

test du compteur

Il y a actuellement    personnes connectées à Over-Blog dont    sur ce blog