effets DHTML dans WordPress (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 25)
  • Auteur
    Messages
  • #453279
    bloingo
    Participant
    Chevalier WordPress
    115 contributions

    – Version de WordPress :2.2.1
    – Thème utilisé :faut que j’en change
    – Plugins en place : plein qui se marchent les uns sur les autres, .. et qui marchent pas
    – Nom de l’hebergeur : OVH
    – Adresse du site :http://www.bloingo.fr/ &  » ailleurs « 

    Bonjour tout le monde, j’espere que tout le monde va bien 🙂

    Alors, voila, ma question sera courte ; est-ce que je peux faire dans wordpress ce que j’ai vu ici:
    http://www.keen.nl/
    en fait c’est exactement ce que voudrais obtenir pour l’affichage des billet, .. juste le titre, 1 clic, et hop, en voiture Simone ! .. j’en ai un peu raz le pompon des ( ) et autres  » lire la suite « 
    c’est bien un effet DHTML au fait ??
    @+ de vous lire avec plaisir, et merci pour toute réponse 🙂

    #606141
    shunny
    Membre
    Initié WordPress
    30 contributions

    Moi je penses que c’est plutôt fait avec de la technologie Ajax comme mootools. Tu peux voir à quoi ça ressemble ici : http://demos.mootools.net/Fx.Slide.

    Donc le site que tu as montré à peut-etre utilisé ça et modifié l’effet du slide.
    Je penses que faire ça doit pas être très dur, il faut juste les librairies et changer les Id des divs etc…

    #606142
    LH
    Membre
    Chevalier WordPress
    372 contributions

    Salut,

    Apparemment, l’auteur a codé le Javascript lui même:
    http://www.keen.nl/library/scripts/system.js

    Pour faire la même chose, tu as tout plein de librairies open source:
    – jQuery
    – Mootools
    – Prototype & Scriptaculous
    – YUI
    etc…

    jQuery est le choix intégré pour les futures versions de WP… Mais tu peux choisir ce qui te plaît le plus 😋

    Have Fun

    #606143
    bloingo
    Participant
    Chevalier WordPress
    115 contributions

    merci shunny et LH d’avoir pris du temps pour répondre à ma question 🙂
    ( et m’avoir donné des pistes, je vais fouiller )
    pour le reste, je vais continuer mes recherches …….. c’est que je suis une truffe 3.0 dans ces trucs :(
    … je sais que le Codex et la recherche sont mes amis …. mais y aurait pas un(e)  » happy expert  » ( et sympathique, bien sur ) qui pourrait me  » soluce  » le probleme en moins de 4 ans ( c’est le temps que j’estime à ce jour pour m’en sortir tout seul … )
    en tous cas, merci encore et @ + 🙂

    #606144
    la dinde
    Membre
    Maître WordPress
    806 contributions

    Ah! J’adore cela , en effet j’avais vu avec Mootools mais cela semblait fort compliqué pour moi, je suis pire que Bloingo 🙂

    Donc si la/le gentil/le « happy expers » passe par chez toi je suis preneuse
    ( rhoo comment je me la joue faignasse tssss)
    C’est vrai que l’effet est plus sympathique que le
    Maintenant si cela sera possible ds Wp2.3 je peux attendre, sa sortie est « prévue » pour le 20 septembre 07

    #606145
    alakhnor
    Participant
    Maître WordPress
    996 contributions

    Ce site là est fait avec une bibliothèque spécifique apparemment.

    #606146
    AmO
    Participant
    Maître WordPress
    4447 contributions

    Et ca n’est pas de l’ajax, juste un effet JS tout con.

    Finalement c’est juste un effet du type :
    http://demos.mootools.net/Fx.Morph

    Sauf qu’on passe de cacher à visble…
    Pas compliqué à faire 🙂

    Contacte moi en pv bloingo, je verrai si je pe l’appliquer sur ton thème 😉

    #606147
    la dinde
    Membre
    Maître WordPress
    806 contributions

    Effet The Mighty Accordion non? effet accordéon,
    dont le plugin se trouve http://docs.mootools.net/Plugins/Accordion.js Cela pourrait peut-être t’aider AmO?
    Ou Fx.Slide =>cela
    Bref faudrait que Bloingo aille voir 🙂
    Faudrait que je me lance mais les explication en anglais :(….

    #606148
    alakhnor
    Participant
    Maître WordPress
    996 contributions

    Non, même pas un accordéon, juste un cacher/montrer de base. En jquery, ça se fait en 2 lignes.

    #606149
    la dinde
    Membre
    Maître WordPress
    806 contributions

    J’aurai mieux fait de me taire 🙂
    Deux lignes j’imaginais une code long comme un jour sans pain, dans ma prochaine vie je deviendrai informaticienne…
    Si celle ou celui qui fera éventuellement ces deux lignes pouvait venir expliquer comment elle/il a fait ,cela sera sympa 😇

    #606150
    alakhnor
    Participant
    Maître WordPress
    996 contributions

    En jquery, pour faire au plus simple, ça serait un truc du genre :


    $(document).ready(function() {

    $(‘#showhide’).css({ display: « none » });
    $(‘#showhide’).click(function() {$(‘#switch’).slideToggle();});

    });

    showhide étant l’id sur lequel clicker, et switch celui qui s’affiche ou se cache.

    #606151
    AmO
    Participant
    Maître WordPress
    4447 contributions

    Ca fait 6 lignes ca :D

    Et il fait bosser avec les classes et non les ID 😉

    #606152
    la dinde
    Membre
    Maître WordPress
    806 contributions

    Rhoooo AmO!! pas bienG heinG ( si tu comptes les sauts de lignes cela fait 8:D… je sors!)

    Pour le reste je ne sais pas puisque j’y pige nada et j’aurai été bien incapable d’écrire ne fusse que la première ligne ==> Merci Alakhnor
    Je terminer de « customiser » mon thème et j’essaye de coller ce brol quelque part, si cela fonctionne Alakhnor tu seras bénit et vénérer ainsi que les tiens jusqu’à la centième génération :D

    #606153
    alakhnor
    Participant
    Maître WordPress
    996 contributions

    En même temps, si tu utilises les classes, tu vas pas facilement reconnaître quel partie cacher/montrer.

    Et pi y a que 2 lignes de jquery, na ! 😋

    #606154
    AmO
    Participant
    Maître WordPress
    4447 contributions
    alakhnor wrote:
    En même temps, si tu utilises les classes, tu vas pas facilement reconnaître quel partie cacher/montrer.

    Et pi y a que 2 lignes de jquery, na ! 😋

    Mais avoir plusieurs fois le meme ID sur une page c’est pas conforme W3C.

15 sujets de 1 à 15 (sur un total de 25)
  • Vous devez être connecté pour répondre à ce sujet.