7 mars 2008 5 07 /03 /mars /2008 09:19

  
Vous désirez avoir des liens qui scintillent lorsque l'on passe au dessus avec le curseur de la souris ?
 
Suivez bien "pas à pas" ces explications et ce sera vite réalisé ...
 

  • Pour tous les niveaux de blog
    (confiance, privilège ou premium)  
     
  • Le scintillement des liens se réalise via une image animée, vous devez donc créer ou trouver l'image scintillante vous convenant, des petites étoiles, des bulles, des points, tout peut convenir selon le résultat que vous désirez, il vous faudra peut-être faire de nombreux essais avant de trouver l'image idéale, ne vous découragez pas.
     
  • Hébergez votre image dans vos répertoires, ou chez votre hébergeur habituel et copiez son adresse ( http://... )
    Ne prenez jamais, sauf autorisation, l'adresse de l'image de quelqu'un d'autre sur le net.
      
  • Allez dans la partie "design"
     
  • Cliquez sur "modifier le CSS"   
      
  • Cherchez, au début de votre CSS, la ligne
    a:hover {}
     
  • Entre les parenthèses, cette ligne contient peut-être déjà des informations diverses,  de couleur et soulignement de vos liens par xemple, vous allez ajouter, entre le point-virgule et la parenthèse de fin (a:hover { blablabla; ici }) le code suivant :
      
    background:url(http://adresse_de_votre_image);
      
    ((http://adresse_de_votre_image) étant l'adresse précédement copiée)
      
    ce qui donnera par exemple comme résultat:
    a:hover {
    text-decoration:none; color:#0033FF; background:url(http://idata.over-blog.com/0/09/71/etoiles.gif);}
      

Voilà, c'est déjà terminé, regardez votre blog, actualisez votre page et passez votre souris sur les liens pour admirer votre travail.
Si cela ne fonctionne pas, vérifiez bien chaque parenthèse, points-virgules ou autres signes, chacun ont leur importance. Vérifiez également l'adresse de votre image qui doit être correcte et complète.
 
Bonne chance
   

Partager cet article
Repost0
Published by Farfouille - dans Design
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
14 janvier 2008 1 14 /01 /janvier /2008 12:25

Vous désirez un compteur de visiteurs simultanés sur votre blog ?
Vous n'avez pas compris les explications de la FAQ ou des autres aides ?
Alors tentons une méthode pas à pas, vous verrez c'est magique !
 

Il existe deux compteurs :

Le premier pour afficher le nombre de personnes présentes sur votre blog en temps réel.
Sa balise se présente sous cette forme :
<!-- counter(current) -->

Le deuxième pour afficher le nombre de connectés sur la totalité du réseau d'Over-Blog
Sa balise se présente sous cette forme :
<!-- counter(global) -->
 
  

A quel endroit ces compteurs peuvent-ils être placés :

Dans l'entête, le pied de page, un module "texte libre", un article.
/! Le code ne se place JAMAIS dans le CSS /!

  

Comment placer ces compteurs :

Le code doit être placé en mode "source", le bouton se trouve dans votre barre d'outils

1. Copiez une de ces lignes ci dessous, la partie en vert :

    Pour le compteur de visiteurs simultanés sur votre blog : 
    Il y a actuellement &nbsp;<!-- counter(current) -->&nbsp; personne(s) sur ce blog

    Pour le compteur de personnes connectées sur tout le réseau Over-blog :
   
Il y a actuellement &nbsp;<!-- counter(global) -->&nbsp; personnes sur O-B

    Pour les deux compteurs :
    Il y a actuellement &nbsp;<!-- counter(global) -->&nbsp; personnes connectées à Over-Blog dont &nbsp;<!-- counter(current) -->&nbsp; sur ce blog

2. Passez en mode "source"

3. Collez la ligne copiée à l'endroit désiré.
    (les 2 touches ctrl+v enfoncées en même temps pour coller)

4. Recliquez sur le bouton "source" pour revenir en mode normal
    Surlignez le texte obtenu, personnalisez la police, la couleur, ...

5. Le résultat sera, après validation :

    Il y a actuellement  18  personne(s) sur ce blog

    Il y a actuellement  16835  personnes sur O-B

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

 



Vous désirez faire défiler ce texte ?

 Il faut alors ajouter une balise marquee et les lignes à placer en mode source deviennent :

    Pour le compteur de visiteurs simultanés sur votre blog
   <marquee> Il y a actuellement &nbsp;<!-- counter(current) -->&nbsp; personne(s) sur ce blog </marquee>

    Pour le compteur de personnes connectées sur tout le réseau Over-blog :
   
<marquee> Il y a actuellement &nbsp;<!-- counter(global) -->&nbsp; personnes sur O-B </marquee>

    Pour les deux compteurs : 
    <marquee> Il y a actuellement &nbsp;<!-- counter(global) -->&nbsp; personnes connectées à Over-Blog dont &nbsp;<!-- counter(current) -->&nbsp; sur ce blog </marquee>

Le résultat :

 

 

    Il y a actuellement  18  personne(s) sur ce blog

    Il y a actuellement  16835  personnes sur O-B

 

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

 

 


 
La suite de la personnalisation ne dépend que de votre imagination.
Le texte, le sens et la vitesse de défilement, tout est modifiable à souhait
Les diverses aides et FAQ vous fourniront tous les renseignements utiles

Bonne chance !

 

Ajouter un compteur de personnes connectées sur la FAQ

compteur Over-blog par Vger

Insérer un texte ou une image défilant par Francisek

Ajouter un compteur de visites sur la FAQ

Compteurs par Vger

 

Partager cet article
Repost0
Published by Farfouille - dans Outils
10 janvier 2008 4 10 /01 /janvier /2008 08:00

Voici une liste d'endroits à visiter afin de trouver LE fond idéal pour votre blog
ou de chouettes textures pour n'importe lequel de vos travaux.
Quelques petits conseils à ne pas oublier lorsque vous placez un fond de blog :

- Toujours vous assurer que l'image est librement utilisable ou demander à son auteur la permission de l'utiliser.

- Enregistrer l'image sur votre PC et la charger ensuite chez votre propre hébergeur, excepté s'il est spécifiquement indiqué que vous pouvez en utiliser l'url. Utiliser l'url d'une image sans la permission du responsable du site source peut être illégal, lisez bien les informations utiles sur le site où vous trouvez votre image.

- Si vous utilisez une image, il est bienvenu, pour en remercier l'auteur, de faire un lien vers son site.

- Pensez que tout le monde n'a pas la même taille d'écran ni la même résolution, si vous choisissez de mettre un fond sous forme de grande image il vous sera plus difficile d'adapter votre design afin que cela soit cohérent pour tous vos visiteurs.

 

Voici donc ma liste de sites testés, elle s'agrandira, vous pouvez également mettre les liens de vos sites favoris en commentaire.

Bonne recherche !

 

 

Comment placer ce fond sur votre blog (over-blog V1) pour la V2 cliquez ICI

Vous devez être en mode "avancé", dans l'accueil de votre administration, à droite, vous avez la possibilité de passer en "mode avancé"

1. Chargez votre image dans votre répertoire photos.

2. A côté de la miniature de l'image chargée, vous avez une petite loupe, positionnez votre curseur sur cette loupe et faites un "clic droit", ensuite choisissez "copier le raccourci" ou "copier l'adresse du lien" (surtout PAS "adresse de l'image" !) suivant le menu proposé, cliquez sur ce choix pour enregistrer l'adresse, collez-là en attente dans un fichier bloc note.

3. Allez dans l'onglet "design".

4. Cliquez sur "modifier le CSS" dans le sous menu à droite

5. Cochez la case "je souhaite modifier moi-même le fichier CSS" - ATTENTION, toute modification érronée du fichier CSS peut gravement endommager votre blog, agissez donc prudement et, avant et après chaque modification, sauvegardez votre CSS dans un fichier bloc-note sur votre ordinateur afin d'avoir la possibilité de réparer en cas de fausse manoeuvre.

6. Au début de votre CSS, cherchez la ligne qui commence par body

7. Dans cette ligne cherchez background

8. La partie à modifier est celle comprise depuis le mot background et le premier point-virgule ;

9. Remplacez cette partie par background-image : url(URLde-votre-image) ;

10. Remplacez URLde-votre-image par l'adresse copiée au point 2 ci-dessus

11. Cliquez "enregistrer" en bas de page

12. Cliquez sur "aperçu" tout en haut à droite, votre blog s'ouvre

13. Cliquez sur le bouton "actualiser" de votre navigateur ou sur les touches ctrl + F5 de votre clavier.

14. Si tout s'est bien déroulé, votre fond est en place, admirez !  

  

 

 

Questions / Réponses

 


 

J'ai réussi à mettre mon fond de blog mais comment rendre le fond de mes articles et modules transparent ?

Cela dépendra de la configuration de votre blog car les CSS sont différents d'un modèle à l'autre, vous devez changer le "background", ou ajouter le code s'il est absent, pour un fond transparent vous mettrez ceci : background-color:transparent;

Vous modifierez, dans la partie "structure", ces lignes suivant votre situation :

#global ou #main (ou #main1, #main2, #main3) pour l'ensemble articles-modules

 pour l'ensemble articles-modules

#main #rightnav ou/et #main #leftnav (1,2 ou 3 suivant votre structure) pour les colones de modules

#main #content (1,2 ou3) pour la colone des articles

exemple de ligne modifiée : #main { margin-bottom:5px; background-color:transparent; }

Il y a de nombreux modèles de CSS différents, il vous faudra donc peut-être chercher un peu avant de trouver la bonne ligne à modifier, donc n'oubliez surtout pas, AVANT de commencer vos modifications, faites une sauvegarde de votre CSS complet dans un fichier bloc-note, ceci afin de le remettre et recommencer si vos eventuelles erreurs dénaturent votre blog.

N'oubliez pas que les points-virgule et parenthèses sont très importants !

 


 

Voir plus loin ...
 

Partager cet article
Repost0
Published by Aide-Blog - dans Design
12 décembre 2007 3 12 /12 /décembre /2007 11:55
 
Politique d'over-blog
 
Depuis début décembre, over-blog a coupé le hot-link. 
Les sites n'étant pas Over-Blog et qui affichent des images d'over-blog ne le peuvent plus. 
A la place, apparait le logo d'over-blog.
 
Cette décision a été prise afin de continuer d'assurer 
un service correct pour les utilisateurs d'over-blog.
  
                                                                               Lire l'article complet sur overfaq
   
  
Autres informations : 
Photos et Images - les Trouver, les publier, le droit d'auteur et le Hotlink
  
 
Partager cet article
Repost0
Published by Farfouille - dans News
5 octobre 2007 5 05 /10 /octobre /2007 09:30
Une chose qui ne sera jamais assez répètée, c'est de faire très très attention aux compteurs et autres gadgets (horloges, tchats, ...) que vous placez sur votre blog via un code donné par le fournisseur.

Certains sites fournisseurs de gadgets sont tout à fait corrects bien entendu, soit ils énoncent clairement la présence d'une publicité, soit ils n'en placent aucune, à l'exception de leur lien en cas de service gratuit.
 
Mais beaucoup d'autres, moins scrupuleux, se servent de ce code afin de placer des publicités sur votre blog, parfois même sans que vous ne vous en aperceviez, grâce à un système qui n'affiche pas ces publicités sur votre ordinateur ! 

Un exemple récent en est le site "compteur.cc". 
Ce site affiche des pages commerciales e-bay sur les blogs utilisant leur compteur, ce n'est déjà pas très agréable ! 
Mais plus grave, si vous avez un de leur gadget vous avez peut-être eu la désagréable surprise de voir les visiteurs de votre blog détournés de manière frauduleuse, votre blog devenant innaccessible, un piratage pur et simple !!! 
Tout cela grâce au code, en apparence anodin, que vous avez placé sur votre blog !
Volonté de compteur.cc ou problème externe avec un de leur partenaires, seul eux le savent, mais le résultat est pareil pour le bloggeur !

Heureusement, Over-blog, très réactif, a bloqué rapidement tous les scripts de "compteur.cc", nous pouvons les en remercier  :-)

Si vous disposez d'un compteur de ce site, enlevez-le rapidement et choisissez un autre fournisseur de compteur  ;-)
 
Partager cet article
Repost0
Published by Farfouille - dans News
16 septembre 2007 7 16 /09 /septembre /2007 22:00

  
Le web n'est pas une zone de non-droit,
les lois sont les mêmes que dans la vie "réelle".
 

Ce n'est pas toujours très facile de connaître ses droits et ses devoirs,
voici quelques liens qui j'espère vous aideront à y voir un peu plus clair.
 

Vous trouverez également des liens utiles pour l'apprentisage du surf en sécurité, ou encore
pour savoir ce que vous devez faire en cas de découverte de contenu illégal sur internet.

  

Le Blog de Droit sur le Droit des Blogs

Safer Internet Outils pédagogiques pour l'apprentissage du surf sur internet  

Droit du Net  Le service pratique des droits sur l'internet

Legifrance  Le service public de l'accès au droit

cnil Commission nationale de l'informatique et des libertés 

Point de contact  Signaler un contenu illicite sur internet - Conseils anti-spam, etc.

Le forum des droits sur l'internet Espace d'information et de débat  

Stratus - A t-on le droit de faire un lien vers un site ? 

Webcatraz La prison des copieurs du net (ludique mais bonnes informations)
   

 

L'Europe face au droit d'auteur
LE MONDE | 04.05.06
© Le Monde.fr

 

Partager cet article
Repost0
Published by Farfouille - dans Divers
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
2 septembre 2007 7 02 /09 /septembre /2007 22:00

 
Vous cherchez des images librement utilisables afin d'agrémenter vos articles ?

Nous vous en proposons dans une galerie que vous pouvez même mettre sur votre blog.

Vous pouvez utiliser directement ces boutons ou créer les boutons ou liens de votre choix. 
Cet album peut être directement intégré dans n'importe quel blog,
vous pouvez y puiser au fur et à mesure les images dont vous avez besoin pour vos articles.


il continuera de se remplir régulièrement


Et pour le fun, j'y ajoute un Diaporama
Bon amusement




 

 


 

 

Trouver d'autres photos ... 

 

    

Partager cet article
Repost0
Published by Farfouille - dans Images
25 août 2007 6 25 /08 /août /2007 22:00

  
Il est très simple de transformer une image, un mot ou un texte, en lien à cliquer qui conduira sur la page web de votre choix ou permettra de vous envoyer un mail.

  

  • Placez votre image ou tapez votre texte à l'endroit désiré
    (Article, message d'accueil, entête ou pied de blog, module texte libre)
      
  • Placez votre curseur contre le bord de l'image ou du texte, enfoncez le clic gauche de votre souris et maintenez le enfoncé tout en glissant sur la partie que vous désirez voir devenir un lien, cette partie devient en surbrillance
     
  • Lorsque la partie sélectionnée en surbrillance vous convient, relâchez le clic gauche et cliquez sur l'outil de travail des liens, c'est une petite icône en forme de maillon de chaîne, une pop-up de travail s'ouvrira
     
  • Entrez l'URL de la page (l'adresse) dans la case désignée "URL"
    Si vous désirez une ouverture du lien dans une nouvelle fenêtre, cliquez l'onglet "Destination", choisissez ensuite "Nouvelle Fenêtre" dans la liste déroulante "destination"
     
    Si vous désirez établir un lien de contact par mail, choisissez "E-Mail" dans la liste déroulante "type de lien" de l'onglet "Informations sur le lien" et remplissez ensuite les renseignements demandés.
     
  • Cliquez "OK" et utilisez la fonction "Prévisualiser" de votre article afin de vérifier votre lien.
      
  • Ceci était l'explication de base, il existe d'autres fonctions dans cet outil de création de liens, vous les découvrirez petit à petit en explorant, soyez patients.

 

 


La FAQ propose une explication sous forme d'animation pour apprendre à créer un lien.


PêUR vous propose une explication détaillée en images des différentes fonctionnalités de l'outil de création de liens.
 

Partager cet article
Repost0
Published by Farfouille - dans Outils

Recherche

test du compteur

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