Snap.com, c’est sympa mais j’ai mieux

Voici une recette de mon cru que je suis fier de vous présenter !

Vous connaissez tous Snap.com ? Reflechissez mieux, je suis sûr que oui !
Il s’agit d’un site pseudo moteur de recherche qui propose surtout comme service d’afficher une fenĂŞtre avec la capture Ă©cran de votre site.
Pour vous montrer, ca donne ça:

screenspa4zf4 Snap.com, cest sympa mais jai mieux

Hmmm… c’est sympa non ? Mais ça le serait encore plus si ça ne passait pas par Snap.com et encore plus si il n’y avait pas ce petit moteur de recherche et leur logo partout !

Alors voici comment j’ai fait ! Ca se passe juste avec du xhtml et de la CSS !

Pour le HTML, c’est simple:

Petites explications. Vous crĂ©ez un lien html pointant vers le site de votre choix. Vous appliquez un style appelĂ© “screen” (class=”screen”). Le target=”_blank” veut dire que le lien s’ouvrira dans une nouvelle fenĂŞtre.
A l’intĂ©rieur du lien (dans les balises a href) vous placez le texte de votre lien mais aussi une balise image pointant vers l’url que vous placerez dans des balises

généralement utilisées pour mettre en gras mais qui seront utiles pour la CSS:

"http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r="

et après le symbole “=” vous rajoutez le lien de votre site.

Ce service non rĂ©fĂ©rencĂ© chez msnsearch permet d’avoir une capture Ă©cran d’un site en passant juste l’url. J’en connaissais un autre mais ça m’est sorti de la tĂŞte… Si vous le connaissez, n’hesitez pas a le poster dans les commentaires !

Exemple:

http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r=http://www.korben.info

ce qui nous donne l’image suivante:

 Snap.com, cest sympa mais jai mieux

Ensuite, ca se passe au niveau de la CSS.
Dans votre feuille de style vous rajoutez le code suivant:

a.screen b { position:absolute; visibility:hidden; /* hide the image */ } a.screen:hover { text-decoration:none; z-index:1000; background:url(shadow.gif) no-repeat; } a.screen:hover b { visibility:visible; /* make the image visible */ z-index:500; border:solid 1px #ccc; } a.screen:hover b img { margin:0px; }

En gros, ce qui se trouve dans les balises b sera masqué.
Lorsque vous passerez la souris sur le lien, l’image sera rendu visible et encadrĂ© par un bord de 1 pixel avec un effet d’ombrage qui est en rĂ©alitĂ© l’image shadow.gif (faites clic droit -> tĂ©lĂ©charger pour l’enregistrer sur votre disque dur)

Et ca donnera ça:

image1vw9 Snap.com, cest sympa mais jai mieux

Sympa non ?
Vous pouvez aller tester la chose sur le site www.exchangefortravel.org dans le menu Ă  droite.

Et comme c’est que de la CSS, vous allez pouvoir le personnaliser comme bon vous semble !

J’suis pas sympa quand mĂŞme ? :-) Puis si il y a un warrior parmi vous, il peut rĂ©aliser un petit framework pour faire cela facilement (voir un plugin spip), je me ferais un plaisir d’heberger sa crĂ©ation (et pourquoi pas de l’utiliser :-))

F*ck MySpace

TrouvĂ© sur le net, un document dĂ©truisant MySpace… J’ai envie de dire pourquoi pas !

bandeaumyspacevv2 F*ck MySpace

J’ai trouvĂ© ça amusant et comme ça a un bon cĂ´tĂ© R3b3llzzz, j’ai envie de vous le faire partager !

Petit extrait:

Pourquoi boycotter MySpace ?

La logique est simple. La chose la plus complexe aujourd’hui pour les sites internet qui tirent leurs
revenus de la publicité est de créer du contenu. Le contenu du réseau MySpace est créé à 100% par
ses utilisateurs. MySpace a Ă©tĂ© rachetĂ© 580 millions de dollars et en vaudrait aujourd’hui 10 fois plus.
Tout ça grâce Ă  chacun de ses utilisateurs… Et cet argent ne sert qu’Ă  renforcer le pouvoir et le
contrĂ´le social sur les populations.
Mais au-delà de ça, ça fait encore plus mal de voir des groupes punk ou skins, qui se revendiquent
anti-capitalistes et prétendent défendre des alternatives, se vendre sans sourciller chez MySpace, endessous
d’un beau bandeau de pub pour Air France, Meetic ou SFR.
Et pire encore, de moins en moins de gens semblent se poser la question, lâ??effet de mode a marchĂ©
en un temps-record, parfois mĂŞme dès les premiers rĂ©pĂ©titions ;”il nous faut un MySpace !”.
Un gadget stupide gavĂ© de pubs, devenu vital, avec d’acharnĂ©s dĂ©fenseurs qui voient rouge dès qu’on
leur parle de ce que ça représente.
Certains prĂ´nent le DIY mais ne sont pas foutus de passer plus d’une demi-heure pour faire un site
qui va diffuser leur zique et servir de vitrine au monde entier. Les mecs passent des heures et des
heures a torcher des morceaux, soigner des mĂ©lodies, mettre sur papier et en musique ce qu’ils ont
dans les tripes… et balancent ça au monde entier sur des sites tous ripoux remplis de pubs,
appartenant Ă  la lie de l’humanitĂ©.. parce que c’est simple, facile et que presque tout le monde en a
un. Et tant pis si on alimente les caisses d’une pourriture faf ultra puissante pour faire connaitre ses
chansons anti-militaristes super-engagées, le manque de temps ou de compétences techniques à bon
dos !
Le jour oĂą on distribuera Ă  l’entrĂ©e des concerts le catalogue Dell ou des dĂ©pliants promo pour le
Crédit Lyonnais et MMA (qui auront bien sûr subventionné le concert), on en trouvera toujours pour
venir expliquer que c’est subversif et que ça nuit au système… excusez-nous par avance de pas ĂŞtre
convaincu.

C’est en PDF et ça se trouve par ici.

3000 fonds d’Ă©cran gratuits

Ce site propose environ 3000 fonds d’Ă©cran de très bonne qualitĂ© et le tout gratuitement !

A visiter d’urgence si vous cherchez un nouveau wallpaper pour 2007 !

1600cat7005va1 3000 fonds décran gratuits

Ca se passe par lĂ : http://wallpaper.dontloveme.com/

Pas la forme

Hello,

En ce moment, les news se font un peu plus rare sur mon site pour 2 raisons.

Tout d’abord parce que j’ai beaucoup de taf en ce moment et donc pas trop le temps de rallonger des journĂ©es de 24h :-)
Ensuite parce que j’ai la crĂŞve depuis fin dĂ©cembre et que ça ne passe pas… Ca dure 2 jours, ca va mieux 3 jours et ça revient 2 fois pire…

Je pense que je suis très fatiguĂ©… Donc a part me coucher tĂ´t, il n’y a pas grand chose Ă  faire…

Merci donc de votre indulgence et de votre fidélité ! Promis, dès que ça va mieux vous allez le voir !

@+

Ajoutez des effets Ă  votre site

SimpleJS est un petit Javascript de 14kb qui possède quelques fonctions bien sympa a ajouter Ă  votre site. Chaque dĂ©mo est illustrĂ©e de son code HTML et permet des effets de fondu, d’apparition, de slideshow et j’en passe.

logosjsmnon8 Ajoutez des effets Ă  votre site

Ce script fonctionne sur IE 6 et 7 , Firefox 2.0 et Opera 9. Pas de news au sujet de Safari. En tout cas, il est très simple d’utilisation. Dès que j’aurais un moment, je pense que je jouerai un peu mieux avec !

Si ca vous dit, ca se trouve ici: http://simplejs.bleebot.com/

Un bug dans l’Ă©cran

Un bug mais pas n’importe quel bug ! Un vrai insecte qui s’est glissĂ© dans l’Ă©cran de ce pauvre possesseur de Mac.

C’est pour cela qu’il a postĂ© cette vidĂ©o et ecrit sur ce forum, afin de demander de l’aide pour savoir si il peut quand mĂŞme faire jouer la garantie !

Quoiqu’il en soit, tout le monde hallucine ou rigole a la vue de cette vidĂ©o: