Script de moteur de recherche

Et oui, un site sans moteur de recherche, ça le fait pas, mais car il y a un mais, si vous cherchez sur Google, en premier vous tomberez sur le moteur de recherche de Goolgle adsense qui pour ma part est nul car la plupart du temps il vous donne des réponses complètement à côté de la plaque et la rémunération c'est carrément de l'arnaque.

Je vous propose donc ici un petit script de moteur de recherche que vous n'avez qu'a insérer dans votre site ou bon vous semble et croyez les réponses sont cohérentes.

LE SCRIPT ICI

Dans la partie rouge vous mettez bien sûr l'adresse URL de votre site.
Dans la partie bleue vous mettez le chiffre du nombre de réponses que vous souhaitez voir apparaitre sur la page des résultats.

Voila, j'espére que cela vous rendra service et que 30 secondes vous direz merci Internaaze.

Rejoignez la communauté SCIencextrA

↑ Grab this Headline Animator

Comment changer de texte au passage de la souris

Comment changer de texte au passage de la souris en mode confiance et supérieur

Mise à jour le 22/01/2006 00:30

Cet article a pour but de modifier un texte au passage de la souris. Personnellement je n'en vois pas trop l'intérêt mais:

1 / Un bloggueur me l'a demandé, donc ça doit avoir un intérêt
2 / Çà marche en mode confiance, avec Internet Explorer et Firefox
3 / Après 2 semaines sans nouvel article, il fallait bien mettre quelque chose
4 / Vous trouverez bien une utilité à cette méthode

1 / Le vif du sujet

La code suivant, à adapter selon vos besoins, est à saisir en mode source dans un article, un texte libre, l'entête ou le pied de page de votre blog:

HTML

<span onmouseover="this.innerHTML='Magique!!!!'"
onmouseout="this.innerHTML='Survolez-moi'">Survolez-moi</span>

Survolez-moi

• onmouseover="this.innerHTML='...'" détermine la phrase qui va être écrite au passage de la souris (dans l'exemple: Magique!!!!)


• onmouseout="this.innerHTML='...'" détermine la phrase qui va être écrite après le passage de la souris (dans l'exemple: Survolez-moi, soit la même phrase que celle par défaut)



• <span>...</span> entre ces 2 balises notez la phrase par défaut.

Pour ce code, sachez que la majeur partie des balises fonctionne:

<DIV> <SPAN> <H1> <H2> <H3>...

2 / Pour aller plus loin

• Vous pouvez appliquer le style, la couleur et la taille de police que vous voulez à ce texte, via l'attribut style

HTML

<span onmouseover="this.innerHTML='Magique!!!!'"
style="FONT-SIZE: 40px; COLOR: indianred; FONT-FAMILY: Comics"
onmouseout="this.innerHTML='Survolez-moi'">Survolez-moi</span>

Survolez-moi

• Vous pouvez utiliser des phrases avec saut de ligne, pour cela vous devez intégrer une balise de saut de ligne <br/> mais il faudra veiller à "protéger" les caractères < et > par un backslash ""

HTML

<span onmouseover="this.innerHTML='Saut de<br/>ligne!!'"
style="FONT-SIZE: 40px; COLOR: orange; FONT-FAMILY: Comics"
onmouseout="this.innerHTML='Survolez-moi'">Survolez-moi</span>

Survolez-moi

• Cette protection par backslash "" doit être aussi appliquée au caractère apostrophe " ' "

HTML

<span onmouseover="this.innerHTML='C'est magique<br/>Isn't it?'"
style="FONT-SIZE: 40px; COLOR: seagreen; FONT-FAMILY: Comics"
onmouseout="this.innerHTML='Survolez-moi'">Survolez-moi</span>

Survolez-moi

3 / Exemples d'application

Question pour un champion:

Je suis un légume aprécié des lapins, je donne les fesses roses aux enfants, je peux être préparé en gateau, rapée ou vichy, je suis, je suis...je suis?

source:peutetreunereponse.over-blog.com

Créer un lien "Lire la suite..."

Comment puis-je faire un lien "Lire la suite..." afin de ne pas afficher tout mon article qui es très long?

Cette question a souvent été posée sur le forum, avec des solutions peu convainquantes: Créer 2 articles, créer 2 blog, etc...

Depuis la v1.91, Over-blog propose aux blogs Premiums cette possibilité.

Voici une solution en CSS avec une pointe de javascript accessible même en confiance!

ATTENTION: contrairement aux Premiums, cette méthode ne permet pas d'afficher un thumbnail et n'allège pas, en terme de poids, la page d'accueil (L'article est bien là en entier mais caché).

Merci à Fabrice qui a débloqué mon code pour Firefox ;-)






1 / Ce qu'il faut faire

Au préalable, et une fois pour toute, renseignez cette ligne tout à la fin de votre CSS:


CSS

#cache {display:none}




Ensuite écrivez entièrement votre article. Une fois mis en forme, il suffit d'ajouter ces quelques lignes de code en mode source (HTML) juste à l'endroit où l'on veut le lien "Lire la suite..."


HTML

Lire la suite...



Sous ce lien, Il ne vous reste plus qu'à encadrer le texte à afficher lors du clique par des balises

comme ci-dessous


HTML

... le texte à cacher ...

2 / Explications

On crée un lien "Lire la suite..." qui ne pointe nul part (href=#nogo). Par l'evenement onclick (au clique) on impose au pavé de texte compris dans le block

d'apparaître en forçant son affichage (document.getElementById('cache').style.display = 'block') ce dernier étant non affiché par défaut via le CSS (#cache {display:none}). Enfin, toujours par l'evenement onclick (au clique) on impose au lien de ne pas s'afficher (this.style.display = 'none')


3 / Attention

Cette méthode ne fonctionne qu'avec l'affichage d'un article à la fois, en effet, si, sur une même page contenant plusieurs articles, vous utilisez la méthode sans modification, quand vous allez cliquer sur un lien "Lire la suite..." le navigateur ne va pas savoir quel identifiant "cache" il doit faire apparaître (car plus d'un identifiant "cache" par page).

Pour contourner ce problème il suffit pour chaque article de changer le nom de l'identifiant, par exemple cache1, cache2, cache3, toto, titi, tata... dans :

*
#cache1 {display:none}
*
document.getElementById('cache1').style.display = 'block'
*
et

Liens utiles

* Une solution altérnative proche de celle-ci en plus réfléchie :) par Brendufat

source:peutetreunereponse.over-blog.com

Rejoindre la communauté de BLOgixtrA

Promouvoir cet article