Korben, roi d’internet, logo bébé avec des lunettes en mode thug life Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Korben Upgrade your mind




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:

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:


Mon site
src="http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r=https://korben.info">

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=https://korben.info

ce qui nous donne l’image suivante:

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:

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 :-))


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

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.


À découvrir

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.

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/


Mes gazouillis

eBay scanne les ports des ordinateurs des visiteurs à la recherche de programmes d'accès à distance, lorsqu'ils acc… https://t.co/Q3KV55z7AI
The Swish Machine: 70 Step Basketball Trickshot (Rube Goldberg Machine) https://t.co/ffr3hhDbrp #kbn