17 mars 2013
7
17
/03
/mars
/2013
11:28
Aujourd'hui, on s'amuse avec nos photos et on se personnalise notre bouille avec des fonds et des effets surprenants :
Je vous montre ici quelques exemples comme :
Dans un oeil, dans une goutte d'eau,
en reflet dans les lunettes
Mais il y en a beaucoup d'autres : dans la bouche du bébé qui baille, dans le feu, sur un panneau routier, dans les nuages, dans un coucher de soleil, une feuille....
Allez voir, c'est chez WishAFriend !
Published by Aurelie
-
dans
Gadget à blogs
16 mars 2013
6
16
/03
/mars
/2013
11:31
Published by Aurelie
-
dans
Gadget à blogs
14 mars 2013
4
14
/03
/mars
/2013
10:22
Maintenant que vous savez ce qu'est le HTML, vous allez pouvoir l'utiliser un peu.
Avant d'entrer dans le détail de l'utilisation d'une balise spécifique, je souhaite attirer votre attention sur la syntaxe à utiliser pour le HTML.
Comme pour tous les langages informatiques,la syntaxe est précise et ne supporte pas de "fautes". Un petit point, un accent, un caractère en trop ou manquant et votre code ne fonctionnera
pas.
Relisez donc toujours avec précaution vos lignes de code après les avoir inscrits (ou recopiés)
Bref, pour le HTML, ce sera toujours le même principe pour sa syntaxe :
1. Il va vous falloir "encadrer" l'élément à modifier par la balise utilisée
Je dis "encadrer" car il faudra mettre la balise "d'ouverture" au début, et ne surtout pas oublier celle de "fermeture" à la fin
Ceci se fait avec le signe <balise au début et balise/> à la fin.
Il faut bien évidemment remplacer le mot balise par celle utilisée.
(Voir la liste des principales balises
ICI)
2. A l'intérieur, vous ajoutez la balise avec ses paramètres pour préciser vos choix
Le premier paramètre est précédé du signe=
Tous
les paramètres sont encadrés par "parametre"
Les différents
paramètres sont séparés par un espace
vous "refermez" avec > avant de taper le texte à modifier
Vous refermez totalement la balise avec </balise>
Exemple
:
le code <span style="color: #ff0000;">essai</span>
donne le mot essai en rouge.
Je décode :
<
|
ce signe indique que j'ouvre une balise
|
span
|
balise pour implémenter une feuille de style
|
style
|
balise qui sert à définir la feuille de style
|
="
|
encadre la définition de ma couleur
|
color
|
indique que je définis ma couleur
|
#ff0000
|
code couleur demandé, correspond au rouge
|
</span>
|
je "referme" ma balise
|
Allez voir l'article complet sur l'utilisation de la balise MARQUEE, pour faire défiler vos
textes.
Published by Aurelie
-
dans
HTML
12 mars 2013
2
12
/03
/mars
/2013
11:50
On a souvent besoin de mettre de la couleur sur son blog pour l'égayer. Vous pouvez à ce propos consulter
mon article sur Changer les couleurs des
textes
En HTML, les codes couleurs sont sous cette forme :
Le sigle # suivi de 3 ou 6 chiffres et/ou lettres
Ce qui donne des codes assez difficiles à retenir !
On a donc souvent besoin de se référer à une palette de couleurs.
Un petit gadget très
pratique chez Google, pour définir vos couleurs et obtenir directement leur code HTML.
Published by Aurelie
-
dans
Petites astuces
8 mars 2013
5
08
/03
/mars
/2013
11:51
Published by Aurelie
-
dans
Les images
7 mars 2013
4
07
/03
/mars
/2013
11:21
-
Aujourd'hui, je vous mets au régime en vous aidant à calculer les calories de vos
repas.
Le gadget "Calculateur de calories"
Un clic sur le calculateur en haut de page.
Ensuite, vous tapez l'aliment consommé, puis chaoisissez la quantité.
Vous obtenez immédiatement les calories et informations nutritives.
Le code du gadget "Calculateur de calories"
<style type="text/css">
<!--
a.L { background-image: url('http://www.coach-gym.com/annuaire/img/calculateur_calories.gif') ; width: 126px; display: block;}
a.L:hover { background-image: url('http://www.coach-gym.com/annuaire/img/calculateur_calories2.gif') }
-->
</style>
<img src="http://www.coach-gym.com/annuaire/img/calculateur_calories2.gif" style="display: none">
<dt>
<a class="L" href="http://www.coach-gym.com/calorie.html" target="_blank"><img src="http://www.coach-gym.com/annuaire/img/vide.gif" width="126" height="38" border="0" alt="calculer calories" /></a>
</dt>
Published by Aurelie
-
dans
Gadget à blogs
4 mars 2013
1
04
/03
/mars
/2013
16:54
Des photos avec des coins arrondis, c'est plus
design !
Voyez ici comment faire.
1. Arrondir les coins des photos
Vous faites cela en
2 clics chez RoundPic :
* Vous chargez votre photo.
* Vous cliquez sur le bouton "RoundIt"
Vous obtenez votre photo avec des coins arrondis.
Les différents réglages d'arrondis
Vous pouvez régler vos arrondis : les coins à arrondir, la taille de l'arrondi, la taille de la photo, la couleur de fond...
Le bouton Preview vous sert à visualiser le résultat. Quand vous êtes satisfait, vous enregistrer votre image en cliquant sur le bouton "Download".
Un exemple ici avec une photo qui a seulement 2 coins arrondis :
Published by Aurelie
-
dans
Les images
3 mars 2013
7
03
/03
/mars
/2013
17:07
Un petit mot pour vous faire découvrir un super site, qui permet de personnaliser des images avec ce que vous voulez :
votre adresse de blog,
votre nom,
votre photo
un message...
C'est chez Glassgiant
Voici quelques exemples :
|
Votre message sur une fusée !
|
Votre nom dans du chocolat, le rêve !!!
|
|
|
On retourne à l'école !
|
Votre image sur un panneau de scores
|
|
A vous de jouer !
Published by Aurelie
-
dans
Gadget à blogs
1 mars 2013
5
01
/03
/mars
/2013
16:26
Un petit post-it personnalisé à faire avec avec CrazyProfile !
Création du post-it virtuel
Il n'y a pas plus simple puisqu'il suffit de faire bouger les curseurs de
couleurs jusqu'à obtenir la couleur souhaitée. la modification se fait en temps réel.
Ensuite, on tape son texte dans le carré blanc.
Un clic sur le boutron "Code" pour récupérer le code HTML de ton post-it.
A voir aussi
Published by Aurelie
-
dans
Les images
25 février 2013
1
25
/02
/février
/2013
15:28
Published by Aurelie
-
dans
Les images