• Les titres clicable


    Jeudi 31 Mai 2012 à 18:46
    skyz

    Je sais pas comment sa s'appel ni comment on fait mais je voudrai bien savoir, enfaite tu vois sur le blog de mizura ?

    http://mizura-creation.eklablog.com/

    Dans son menu par example si tu veux avoir tous les tutos tu doit cliquer dessu et je voudrai bien savior comment ont fait on ma dejas dit que cettai super compliquer .... mais si tu as dejas fais le tuto c'est que je le trouve pas ... je suis bigleuse et pas qu'un peu %D


    En tous cas merci si tu peux repondre

    Vendredi 1er Juin 2012 à 20:04
    Nagalia

    En fait, c'est juste un spoiler ;)

    Met ça dans le css

    input.nav {background: none;

        height: auto;

        border: none;

        box-shadow: none

    }  


    Et dans le HTML d'un module, ce qui va faire les "titres cliquable"

    <div class="quotetitle">

    |<input class="nav" style="height: HAUTEUR DE L'IMAGE; width: LARGEUR DE L'IMAGEpx; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" src="URL_DE_IMAGE" type="image" />|

    </div>

    <div class="quotecontent">

    <div style="display: none;"> 

     

    Contenu

     

    </div> 

    </div>  

    Vendredi 1er Juin 2012 à 20:14
    skyz

     Sa me fais sa c'est normal ?

    Vendredi 1er Juin 2012 à 20:55
    Nagalia

    <input class="nav" style="height: HAUTEUR DE L'IMAGE; width: LARGEUR DE L'IMAGEpx; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" src="URL_DE_IMAGE" type="image" />

    Il faut que tu remplace par ton image ;)

    Vendredi 1er Juin 2012 à 21:03
    skyz

    Heu c'est pas une image que j'ai mis '-'

    Vendredi 1er Juin 2012 à 21:10
    Nagalia

    Ah, j'ai pas compris ce que tu voulais faire alors ^^'

    C'était quoi ta question?

    Vendredi 1er Juin 2012 à 21:11
    skyz

    Ben enfaite j'ai fais sa: et je voudrai qu'on clique dessu pour voir le menu 

    Tous se qui est divers

     et je voudrai qu'on clique dessu pour voir le menu 


    Vendredi 1er Juin 2012 à 21:38
    Nagalia

    Ah ok ^^'

    C'est exactement la même chose, sauf que tu définis le bouton du spoiler avec du texte au lieu d'une image:

    <div class="quotetitle">

    <input class="nav" style="height: HAUTEUR DE L'IMAGE; width: LARGEUR DE L'IMAGEpx; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" value="TEXTE" type="button" />

    </div>

    <div class="quotecontent">

    <div style="display: none;"> 

    Contenu

    </div> 

    </div>  

    Samedi 2 Juin 2012 à 11:57
    Nagalia

    C'est pas hauteur de l'image, c'est hauteur du texte désolé ^^'

    Pour la hauteur, tu met la taille que fait ton texte (40 ~ 50px ici je pense)
    Pour la largeur, la place que te prend ton texte en px
    Pour le texte, ben ce que tu m'as dit:  Tous se qui est divers

    Samedi 2 Juin 2012 à 16:09
    skyz

    Sa ne marche pas.... je met l'url de cette image: 

    Et sa me met comme en haut '-'




    Vous devez être membre pour poster un message.