Archive pour le ‘Conneries’ catégorie

Défoulez vous sur une poupée vaudou Internet Explorer

18 mars 2010

Pour faire suite au post précédent : http://blog.yann.info/2010/03/18/il-ne-faut-plus-utiliser-internet-explorer-6/

Développeurs, plutôt que de bricoler des hacks IE, passez vos nerfs sur la poupée vaudou IE que vous pouvez fabriquer vous-même : tutorial-making-the-ie-voodoo-doll/

ie vaudou

Menu Yvette Horner en jQuery (menu accordéon)

15 mars 2010

Voici comment créer un menu accordéon avec jQuery. On crée des titres (h3) à qui l’on affecte la classe menuYvette et sous chaque titre on créé une div avec la classe divEtte.
Démo ici.

<h3 class='menuYvette'>Mon menu 1</h3>
    <div class="divEtte">
        Mon contenu &agrave; afficher
    </div>
 
 
<h3 class='menuYvette'>Mon menu 2</h3>
    <div class="divEtte">
        Coucou ici le contenu 2
    </div>
 
 
<h3 class='menuYvette'>Mon menu 3</h3>
    <div class='divEtte'>
        Enfin &agrave;  moi ! le contenu 3
    </div>

Chevelure d’Yvette oblige, j’ai pris du orange

h3.menuYvette{
    background-color : #D64203;
    cursor:pointer;
}

cursor:pointer; est important car il permet d’obtenir la « main » au survol des titres menuYvette ce qui permet au visiteur de savoir qu’il peut cliquer !

Le but est de masquer au démarrage l’ensemble des div de contenu divEtte pour ne les afficher qu’au cas par cas, en fonction du clic sur le titre correspondant.

$(document).ready(function() {
  $('.divEtte').hide(); // Au départ on masque toutes les div de contenu "divEtte"
 
    $('.menuYvette').click(function() { // action sur clics d'élément de classe menuYvette
           
            $(this).siblings('div:visible').slideUp(); // on enroule les soeurs (siblings) "divEtte"
                if($(this).next('div:hidden')){
                    $(this).next('div:hidden').slideDown(); // on déroule le contenu s'il était masqué
                }
   
    });

});

Merci Yvette !
yvette horner

Article fortement inspiré du blog de Arnaud Koncina, j’ai simplement ajouté la possibilité de rétracter la div en re-cliquant sur le même titre et mis des classes sur les titres pour rendre à Yvette ce qui est à Yvette ;)

Le porte chat !

15 mars 2010

Votre adorable petit compagnon est un tantinet sauvage quand il s’agit de monter en voiture ? Vous aimez faire de belles ballades en famille, mais la culpabilité de laisser seul votre chat à la maison à jouer au baby-foot alors qu’il pourrait prendre l’air vous ronge et vous empêche de profiter pleinement de ce doux moment familial ? Ne vous inquiétez pas ! une solution existe !
Porte chat

Failblog.org : ouf ! le ridicule ne tue pas !

14 mars 2010

Un blog qui regroupe les plus beaux « fails ». Un « fail » c’est un échec, un ratage, un grand moment de solitude etc… Bref un moment de honte que chacun voudrait enterrer très profond, sauf que pas de chance pour ceux-là, ils ont été filmés ou photographiés… et en plus répertoriés sur le net.

Failblog.org et http://failblog.fr
Quelques exemples :
http://failblog.files.wordpress.com/2010/02/epic-fail-gas-pumping-fail.jpg

http://failblog.files.wordpress.com/2010/02/129103945712486000.jpg

http://failblog.files.wordpress.com/2010/02/129103205509686634.jpg

http://failblog.fr/fail/fail-freddym.jpg

failblog

Copier/Coller

10 mars 2010

Un cadeau de naissance pour jumeaux
copier_coller
n’existe pas en version couper/coller ;)

Chanson Française (ou Grolandaise) de qualité

20 février 2010


Merci à notre président !


non ce n’est pas Chuck Norris !

Hadopi : Pascal le grand reuf

17 février 2010

Le désespoir d’un père dont le fils télécharge… heureusement pascal le grand reuf est là !

Quel beau cadeau de naissance !

16 février 2010

Vous êtes à court d’idées pour un cadeau de naissance, ne cherchez plus !

Je ne traduit pas… Moi ça me fait rire en tout cas !

disponible ici

Le débilitron : changez le contenu d’un site en texte débile !

16 février 2010

Si vous ne savez pas quoi faire, voici de quoi vous faire sourire : le débilitron, vous entrez l’adresse web (URL) d’un site et vous validez le formulaire. Résultat : les mots sont changés et ça vous donne un texte complètement débile et souvent drôle !

Bon, c’est pas nouveau mais si vous ne connaissiez pas, voilà qui est fait !