Overblog Suivre ce blog
Administration Créer mon blog
1 janvier 2006 7 01 /01 /janvier /2006 16:14

Comment créer facilement votre background, des images, des avatars ... avec des générateurs online ou des logiciels gratuits

 

Tous les articles de ce sommaire ont été transférés sur les Nouvelles Ficelles d'Anna K :

  1. Afficher une infobulle sur une photo
  2. Afficher une infobulle sur une photo avec jquery
  3. Agrandir et déplacer une photo d'un clic de souris dans une highslide
  4. Agrandir plusieurs photos d'un clic de souris dans une lightbox
  5. Agrandir une photo d'un clic de souris
  6. Agrandir une photo d'un clic de souris dans une Ibox
  7. Agrandir une photo d'un clic de souris dans une PopBox
  8. Agrandir une photo d'un clic de souris dans une Slimbox
  9. Agrandir une photo d'un clic de souris dans une lightbox
  10. Agrandir une photo d'un clic de souris dans une lightview
  11. Agrandir une photo d'un clic de souris dans une liteBox
  12. Ajouter des commentaires à ses photos 
  13. Ajouter des reflets sur ses photos
  14. Ajouter des reflets sur ses photos avec reflection
  15. Ajouter des vagues sur ses photos
  16. Ajouter divers effets sur ses photos
  17. Ajouter un effet glossy sur ses photos
  18. Ajouter un effet étoile filante sur ses photos
  19. Arrondir ses photos 
  20. Arrondir ses photos avec corner
  21. Concevoir sa bannière d'entête avec des générateurs
  22. Concevoir ses boutons avec des générateurs
  23. Concevoir ses boutons en HTML
  24. Concevoir son background avec des générateurs
  25. Concevoir son background opaque
  26. Créer un carroussel de photos avec imageFlow
  27. Créer un carroussel de photos avec mooFlow
  28. Créer un carroussel de photos avec mootools
  29. Créer un rollover
  30. Créer un slideshow avec Galleria
  31. Créer un slideshow avec NoobSlide (Sample 1)
  32. Créer un slideshow avec NoobSlide (Sample 2)
  33. Créer un slideshow avec NoobSlide (Sample 4)
  34. Créer un slideshow avec NoobSlide (Sample 5)
  35. Créer un slideshow avec NoobSlide (Sample 6)
  36. Créer un slideshow avec clearbox
  37. Créer un slideshow avec easyAlbum
  38. Créer un slideshow avec hoverBox
  39. Créer un slideshow avec lytebox
  40. Créer un slideshow avec prettyPhoto
  41. Créer un slideshow avec thickbox
  42. Créer un slideshow multipages avec Lightbox2
  43. Créer un zoom sur une image
  44. Déplacer une photo sur l'écran
  45. Dérouler le background avec Peel
  46. Encadrer ses photos
  47. Fabriquer ses BD
  48. Fabriquer ses blinkies
  49. Fabriquer ses curseurs
  50. Fabriquer ses dolls
  51. Fabriquer ses gifs animés
  52. Fabriquer ses gifs avec fond transparent
  53. Fabriquer ses glitters
  54. Fabriquer ses guntars
  55. Fabriquer ses tags
  56. Fabriquer son avatar
  57. Fabriquer un maker Drag and Drop
  58. Faire défiler plusieurs photos
  59. Faire défiler une photo
  60. Faire défiler votre blog
  61. Faire neiger sur le blog
  62. Incliner ses photos avec Instant
  63. Installer un favicon
  64. Retoucher ses photos en ligne
  65. Réaliser des diaporamas en ligne
  66. Réaliser un fondu enchainé de background
  67. Réaliser un menu déroulant de photos
  68. Réaliser un portfolio en ligne
  69. Réaliser une capture d'écran
  70. Transformer ses photos en 3D
  71. Transformer ses photos en code ASCII
  72. Transformer ses photos en dessin au crayon
  73. Transformer ses photos en mosaïque
  74. Transformer ses photos en oeuvre de Modigliani
  75. Transformer ses photos en oeuvre de Warhol
  76. Transformer ses photos en polaroïd
  77. Transformer ses photos en puzzle
Repost 0
1 janvier 2006 7 01 /01 /janvier /2006 16:04
Repost 0
1 janvier 2006 7 01 /01 /janvier /2006 16:00

Ce sommaire n'est sans doute pas le 1er que vous regardez : que peut-on trouver d'intéressant à un tableau. En fait, un blog n'est qu'une suite de tableaux encastrés les uns dans les autres et vous allez vous rendre compte que pour faire une mise en page équilibrée, vous y aurez souvent recours.

 

ENCADREMENTS ET BORDURES 
    Les bordures - Généralités
    Encadrer toute la page
    Encadrer l'entête
  Les articles
    Encadrer la date
    Encadrer tous les articles
    Elargir l'encadrement de tous les articles
    Encadrer avec une texture tous les articles
    Réaliser un encadrement simple avec texture d'un article
    Réaliser un encadrement double avec texture d'un article
    Réaliser un encadrement simple avec couleur d'un article
    Réaliser un encadrement double avec couleur d'un article
    Encadrer le titre de tous les articles
    Modifier l'encadrement de tous les encarts
    Encadrer les lignes en fin d'articles
    Encadrer tous les commentaires
    Encadrer les résumés d'article(liste récapitulative)
    Encadrer le titre de la page des CGU
    Encadrer l'article des CGU
    Encadrer le titre dans la page de recherche
  Les modules
    Encadrer tous les modules
    Encadrer les entêtes de tous les modules
    Réaliser l'encadrement de tous les modules avec une texture
  Les fenêtres
    Encadrer le contenu de la fenêtre Newsletter
    Encadrer le contenu de la fenêtre Commentaires
    Encadrer le contenu de la fenêtre Recommander
  Images
    Encadrer toutes les images avec une bordure
    Encadrer toutes les images avec une texture
  Effets avec la souris
    Encadrer tous les liens au passage de la souris
LIGNES
  Le séparateur
    Modifier tous les séparateurs
  Dans tout le blog
    Modifier la ligne entre l'entête le le corps
    Modifier la ligne en haut du pied-de-page
    Modifier les 2 lignes de chaque côté de la colonne centrale
  Les articles
    Insérer des lignes importées dans les articles
    Modifier la ligne entre le titre de l'article et la date
    Remplacer la ligne entre la date et l'article par une image
    Modifier la ligne en pointillé au-dessus de "publié par" en fin d'article
    Modifier la ligne de séparation dans les résumés d'articles
Repost 0
1 janvier 2006 7 01 /01 /janvier /2006 15:30

Ce sommaire n'est sans doute pas le 1er que vous regardez : que peut-on trouver d'intéressant à un tableau. En fait, un blog n'est qu'une suite de tableaux encastrés les uns dans les autres et vous allez vous rendre compte que pour faire une mise en page équilibrée, vous y aurez souvent recours.

  1. Réaliser un tableau
  2. Changer le fond des cellules d'un tableau au survol de la souris - 1ère partie
  3. Changer le fond des cellules d'un tableau au survol de la souris - 2ème partie
  4. Surligner les colonnes d'un tableau avec tableclothes
  5. Trier les colonnes d'un tableau avec sorttable
  1. Créer des encadrements
  2. Réaliser des encadrements arrondis
  3. Encadrer un article
  1. Créer ses iframe
  1. Créer un textarea
Repost 0
1 janvier 2006 7 01 /01 /janvier /2006 15:00
Repost 0
1 janvier 2006 7 01 /01 /janvier /2006 13:00
Ce gif signifie que l'article décrit une astuce contenant du javascript, form ou iframe et que celle-ci n'est donc réalisable que sur les blogs en Privilège et Premium

HEBERGEMENT DES IMAGES
  Héberger des images de petite taille sur Over-blog
  Trouver l'adresse d'une image hébergée chez Over-blog
  Héberger des images de grande taille chez un hébergeur
METTRE DES IMAGES A DIFFERENTS ENDROITS DU BLOG

Tout le Blog

  Agrandir toutes les images du blog au passage de la souris

  Modifier les bordures de toutes les images au passage de la souris

Entête et Pied de Page
  Mettre une image de grande taille dans son entête ou son pied de page
Colonne centrale

  Installer des gifs animés
  Mettre une image devant la date
  Mettre une image devant le titre des articles

  Mettre une image sous le titre des articles
  Mettre une image dans un article
  Mettre une image à la fin des articles

  Mettre une image à gauche des liens des articles
  Mettre une image en postant un commentaire
  Mettre votre logo automatiquement dans les réponses aux commentaires
  Mettre une image après chacune de vos réponses aux commentaires
    Mettre une image devant Ajouter un commentaire
Colonnes latérales
  Installer un avatar

  Utiliser les modules Images aléatoires et Albums Photos
  Mettre une image entre chaque module
  Mettre une image devant le titre des modules
    Mettre une image entre le titre et le contenu du module

  Mettre une image dans le module Recommander

  Mettre une image dans la zone de saisie du module Newsletter
    Mettre une image dans la zone de saisie du module Recherche
    Mettre un gif News à côté du 1er article du module Articles récents
Fenêtres
  Mettre une image devant le titre de la fenêtre Newsletter
  Mettre une image devant le titre de la fenêtre Commentaire
    Mettre une image devant le titre de la fenêtre Recommander
Repost 0
1 janvier 2006 7 01 /01 /janvier /2006 12:30

Les articles de ce sommaire ont été transféré sur les nouvelles ficelles d'Anna K.

 

(Tous les blogs) Gestion des photos

  1. Afficher une infobulle sur une photo
  2. Afficher une infobulle sur une photo avec jquery
  3. Agrandir et déplacer une photo d'un clic de souris dans une highslide
  4. Agrandir plusieurs photos d'un clic de souris dans une lightbox
  5. Agrandir une photo d'un clic de souris
  6. Agrandir une photo d'un clic de souris dans une Ibox
  7. Agrandir une photo d'un clic de souris dans une PopBox
  8. Agrandir une photo d'un clic de souris dans une Slimbox
  9. Agrandir une photo d'un clic de souris dans une lightbox
  10. Agrandir une photo d'un clic de souris dans une lightview
  11. Agrandir une photo d'un clic de souris dans une liteBox
  12. Créer un carroussel de photos avec imageFlow
  13. Créer un carroussel de photos avec mooFlow
  14. Créer un carroussel de photos avec mootools
  15. Créer un rollover
  16. Créer un slideshow avec Galleria  
  17. Créer un slideshow avec NoobSlide (Sample 1)
  18. Créer un slideshow avec NoobSlide (Sample 2)
  19. Créer un slideshow avec NoobSlide (Sample 4)
  20. Créer un slideshow avec NoobSlide (Sample 5)
  21. Créer un slideshow avec NoobSlide (Sample 6)
  22. Créer un slideshow avec easyAlbum
  23. Créer un slideshow avec hoverBox
  24. Créer un slideshow avec lytebox
  25. Créer un slideshow avec prettyPhoto
  26. Créer un slideshow avec thickbox
  27. Créer un slideshow multipages avec Lightbox2
  28. Créer un zoom sur une image
  29. Déplacer une photo sur l'écran
  30. Dérouler le background avec Peel
  31. Faire défiler plusieurs photos
  32. Faire défiler une photo
  33. Faire défiler votre blog
  34. Faire neiger sur le blog
  35. Installer un favicon
  36. Réaliser des diaporamas en ligne
  37. Réaliser un fondu enchainé de background
  38. Réaliser un menu déroulant de photos
  39. Réaliser un portfolio en ligne
Repost 0
1 janvier 2006 7 01 /01 /janvier /2006 12:00

Les articles de cette catégorie ont été transférés sur Les Nouvelles ficelles d'Anna K.

 

  1. Cacher un texte en HTML - New !!
  2. Créer des textes animés en flash
  3. Créer sa signature manuscrite
  4. Créer un message qui se déroule lettre à lettre
  5. Créer une bannière défilante
  6. Créer une fenêtre pop up avec effet Ibox
  7. Créer une fenêtre pop up avec effet Lightwindow - New !!
  8. Créer une fenêtre pop up avec message personnalisé
  9. Créer une fenêtre pop up qui disparaît avec WindowGrowl
  10. Créer une fenêtre pop up slideshow avec du texte avec NoobSlide - New !!
  11. Créer une infobulle avec Prototip
  12. Ecrire en arabe
  13. Ecrire en bretzel
  14. Ecrire en chinois
  15. Ecrire en hiéroglyphes
  16. Ecrire en multicolore
  17. Ecrire un texte en building
  18. Espacer tous les mots dans un article
  19. Espacer tous les mots du blog
  20. Espacer toutes les lettres dans un article
  21. Espacer toutes les lettres du blog
  22. Faire clignoter une phrase
  23. Faire défiler une phrase
  24. Faire rebondir une phrase
  25. Fixer la vitesse d'une phrase défilante
  26. Installer une nouvelle police sur votre blog - 1ère étape
  27. Installer une nouvelle police sur votre blog - 2ème étape
  28. Installer une nouvelle police sur votre blog - 3ème étape (création)
  29. Ouvrir et fermer un texte - New !!
  30. Ouvrir et fermer un texte - Lire la suite - Javascript - New !!
  31. Ouvrir un texte - Lire la suite - CSS et HTML - New !!
  32. Réaliser un nuage de tags à partir d'un texte - New !!
  33. Transformer la 1ère lettre de chaque paragraphe en lettrine - New !!
  34. Transformer un texte au passage de la souris - New !!
Repost 0
1 janvier 2006 7 01 /01 /janvier /2006 12:00
Repost 0
1 janvier 2006 7 01 /01 /janvier /2006 11:56

 

 

A COLLER EN HTML EN PERSONNALISANT LES LIENS ET LES ADRESSES DES IMAGES QUI COMPOSENT LE MENU

 

<style media="all" type="text/css"><!--
.nav {
float:left;
height:35px;
background: url(http://idata.over-blog.com/0/09/36/86/Menu/bg.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
width:100%;
z-index:100;
margin:0;
padding:0;
}

.nav .table {
display:table;
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0;
padding:0;
list-style:none;
display:table-cell;
white-space:nowrap;
}

.nav li {
margin:0;
padding:0;
height:auto;
float:left;
}

.nav .select a {
display:block;
height:35px;
float:left;
font-weight:bold;
background: url(http://idata.over-blog.com/0/09/36/86/Menu/bg.gif);
padding:0 30px 0 30px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#dfdfdf;
}


.nav .select a:hover,
.nav .select li:hover a {
background: url(http://idata.over-blog.com/0/09/36/86/Menu/hover.gif);
padding:0 30px 0 30px; 
cursor:pointer;
color:#2b3238;
}

.nav .select a b{
    font-weight:bold;
    }

.nav .select a:hover b,
.nav .select li:hover a b {
display:block;
float:left;
padding:0 30px 0 15px;
background:url(http://idata.over-blog.com/0/09/36/86/Menu/hover.gif) right top;
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}

.nav .sub {
display:table;
margin:0 auto;
padding:0;
list-style:none;
}

.nav .sub_active .current_sub a,
.nav .sub_active a:hover {
background:transparent;
color:#2b3238;
}

.nav .select :hover .select_sub,
.nav .current .show {
display:block;
position:absolute;
width:100%;
top:35px;
background:url(http://idata.over-blog.com/0/09/36/86/Menu/back.gif);
padding:0;
z-index:100;
left:0;
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a,
.nav .current .show .sub li a {
display:block;
float:left;
background:transparent;
padding:0 10px 0 10px;
margin:0;
white-space:nowrap;
border:0;
color:#000000;
}

.nav .current .sub li.sub_show a {
color:#2b3238;
cursor:default;
}

.nav .select .sub li a {
    font-weight:normal;
}

.nav .select :hover .sub li a:hover,
.nav .current .sub li a:hover {
visibility:visible;
color:#909090;
}
--></style>
<div class="nav">
<div class="table">
     
<ul class="select">
<li>
          <a href="http://www.trezeguet-david.com" target="_self"><strong>Accueil</strong></a>
        </li>
</ul>
<ul class="select">
<li>
          <a href="http://www.trezeguet-david.com" target="_self"><strong>Biographie</strong></a>
<div class="select_sub">
           
<ul class="sub">
<li>
                <a href="http://www.trezeguet-david.com/categorie-167892.html" target="_self">Biographie</a>
              </li>
<li>
                <a href="http://www.trezeguet-david.com/categorie-167913.html" target="_self">Palmares</a>
              </li>
</ul>
</div>
</li>
</ul>
<ul class="select">
<li>
          <a href="http://www.trezeguet-david.com" target="_self"><strong>Juventus</strong></a>
<div class="select_sub">
           
<ul class="sub">
<li>
                <a href="http://www.trezeguet-david.com/categorie-167894.html" target="_self">Championnat</a>
              </li>
<li>
                <a href="http://www.trezeguet-david.com/categorie-285504.html" target="_self">Ligue des Champions / Europa League</a>
              </li>
<li>
                <a href="http://www.trezeguet-david.com/categorie-167901.html" target="_self">Interview</a>
              </li>
</ul>
</div>
</li>
</ul>
<ul class="select">
<li>
          <a href="http://www.trezeguet-david.com" target="_self"><strong>H&eacute;rcules</strong></a>
<div class="select_sub">
           
<ul class="sub">
<li>
                <a href="http://www.trezeguet-david.com/categorie-11579525.html" target="_self">Championnat</a>
              </li>
<li>
                <a href="http://www.trezeguet-david.com/categorie-11580602.html" target="_self">Interview</a>
              </li>
</ul>
</div>
</li>
</ul>
<ul class="select">
<li>
          <a href="http://www.trezeguet-david.com/categorie-167895.html" target="_self"><strong>France</strong></a>
        </li>
</ul>
</div>
</div>

Repost 0
Published by Anna K
commenter cet article