FAQ

Quel matériel utilises-tu pour tes photos ? (On remercie une certaine fille d'érable pour cette question - dont vous devez absolument découvrir le blog si vous ne le connaissez pas, d'ailleurs !)
J'utilise un appareil photo hybride Sony, un NEX F3, avec un objectif fixe 1.8/50 et avec l'objectif 18-55 d'origine. Je retouche mes photos avec le logiciel gratuit Photofiltre (pour le recadrage, les niveaux et le contraste principalement) et depuis peu, j'utilise des filtres de Picasa Web Albums qui sont vraiment pas mal.

D'où vient le meuble blanc que l'on voit sur tes photos ?
Ce meuble vient de chez IKEA.

Quoi ?? Tu as 30 ans ???
31, en fait.

Comment avoir des icônes de réseaux sociaux comme les tiennes sur mon blog ?
Vous pouvez les "fabriquer" vous-même, sur Photofiltre par exemple, en partant des logos des différents réseaux sociaux. Sinon,  il en existe des toutes faites sur Internet, ici, par exemple : http://www.noupe.com/freebie/50-free-social-media-icon-sets.html

Ensuite, après les avoir chargées sur un site d'hébergement d'images (Flickr par exemple), il faut les ajouter à un gadget HTML/Javascript dans Mise en page (pour Blogger).

Pour cela, utilisez le code suivant pour chaque icône : 
<a href="adresse du réseau social" target="_blank"><img src="url de votre icône" alt="nom du réseau social"/></a> où vous remplacerez le texte en rouge par vos propres données.

Le code target="_blank" permet d'ouvrir la page du lien dans un autre onglet, vous n'êtes pas obligé de le mettre.
Le code alt n'est pas obligatoire non plus, c'est un texte de remplacement au cas où l'image ne s'afficherait pas correctement.

Si vous voulez que l'icône change de couleur (ou de forme) au survol de la souris, c'est un peu plus compliqué. Il faut tout d'abord créer une deuxième image de la couleur (ou de la forme) que vous souhaitez voir apparaître au survol de la souris dans un logiciel comme Photofiltre (c'est assez facile à faire, demandez-moi si vous voulez que je vous explique comment procéder).
Puis, utilisez le code suivant en remplacement du précédent :
<a href="adresse du réseau social" target="_blank"><img onmouseover="this.src='url de l'image à afficher au survol'" src="url de l'icône" onmouseout="this.src='url de l'image que vous souhaitez voir apparaître une fois le survol terminé, en général l'image de départ'"/></a>

Vous pouvez ajouter des variantes pour la taille, comme height (hauteur) et width (largeur), ou encore border (bordure).
Exemple : <a href="adresse du réseau social" target="_blank"><img onmouseover="this.src='url de l'image à afficher au survol'" src="url de l'icône" onmouseout="this.src='url de l'image que vous souhaitez voir apparaître une fois le survol terminé, en général l'image de départ'" border="1" height="25" width="30" alt="nom du réseau social"/>

Pour vous donner une meilleure idée, voici le code correspondant à mon icône Twitter :
<a href="http://twitter.com/Am_and_In" target="_blank"><img onmouseover="this.src='http://farm9.staticflickr.com/8227/8509028819_5970cd8502_s.jpg'" src="http://farm9.staticflickr.com/8388/8509028823_1967172216_s.jpg" onmouseout="this.src='http://farm9.staticflickr.com/8388/8509028823_1967172216_s.jpg'" border="0" height="25" alt="Twitter"/></a>

Et voici à quoi il ressemblerait sans le changement de couleur au survol :
<a href="http://twitter.com/Am_and_In" target="_blank"><img src="http://farm9.staticflickr.com/8388/8509028823_1967172216_s.jpg" border="0" height="25" alt="Twitter"/></a>

Pour ne pas faire d'erreurs, je vous conseille de faire un copier-coller du code qui vous intéresse et de remplacer précisément les parties en rouge. Attention, s'il manque le moindre guillemet, votre code risque de ne pas fonctionner correctement.

J'espère que cette explication était assez claire. Si vous avez des questions, n'hésitez pas à me demander !

3 commentaires

  1. C'est quel jour déjà ton annif, je sens que ça approche je veux pas me rater !!!

    RépondreSupprimer
  2. Hey moiiii je voudrais savoir quel matos photo tu utlises :D

    RépondreSupprimer
    Réponses
    1. Merciii madameuuuuh d'avoir pris le temps de répondre à ma question :D <3

      Supprimer

Merci pour vos commentaires, ça me fait toujours très plaisir de vous lire et d'avoir vos avis !