Cadre comme un spoiler
yooyoo12
Messages postés
308
Date d'inscription
Statut
Membre
Dernière intervention
-
yooyoo12 Messages postés 308 Date d'inscription Statut Membre Dernière intervention -
yooyoo12 Messages postés 308 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
depuis ce matin je me bas avec mon script, je souhaite avoir un cadre (qui auras un style via css)
avec un signe + et - a sa droite, lorsqu'on clique sur le "+" ce cadre se déroulerai vers le bas, affichant ce qui été cacher. et lorsque on clique sur le "-" on re-cache tout le contenue.
j'ai telecharger des script de spoilers, mais je n'arrive pas à les intégré :S
merci beaucoup
depuis ce matin je me bas avec mon script, je souhaite avoir un cadre (qui auras un style via css)
avec un signe + et - a sa droite, lorsqu'on clique sur le "+" ce cadre se déroulerai vers le bas, affichant ce qui été cacher. et lorsque on clique sur le "-" on re-cache tout le contenue.
j'ai telecharger des script de spoilers, mais je n'arrive pas à les intégré :S
merci beaucoup
A voir également:
- Cadre comme un spoiler
- Comment faire un cadre sur word - Guide
- Spoiler impression - Guide
- Télécharger logiciel cadre photo gratuit pour pc - Télécharger - Montage photo
- Dans la présentation à télécharger, déplacez l'image dans le cadre sans en modifier la taille. redressez l'image pour que le niveau de la mer soit à l'horizontale. faites correspondre : la ligne avec le niveau de la mer ; le point avec le sommet de la grande voile. combien d'oiseaux sont dans le cadre ? - Forum Word
- Dans le document à télécharger, positionnez l'image dans le cadre gris. mettez un espace de 1 cm autour de l'image. comment se prénomme la personne recherchée ? ✓ - Forum LibreOffice / OpenOffice
11 réponses
salut!
j'ai voulu la même chose il n'y a pas si longtemps. J'ai trouvé ceci (je ne sait plus où, désolé) :
on peut personnaliser le "afficher" et "cacher".
j'ai voulu la même chose il n'y a pas si longtemps. J'ai trouvé ceci (je ne sait plus où, désolé) :
<table classe="spoiler" style=border="0" width="100%">
<tbody>
<tr>
<td>
<div style="margin: 5px 10px 10px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>spoiler</b> <input style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" 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'; }" type="button" value="Afficher"></div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 2px;">
<div style="display: none;">
<div><br>votre texte ici<br></div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
on peut personnaliser le "afficher" et "cacher".
merci, c'est presque cela, je vais essailler de voir si je peut pas remplacer le gros bouton par des images et mettre le cadre noir.
salut, c'est re-moi, en fait ce que je souhaite faire serait exactement ceci:
lorsque c'est fermer (avec le signe cotée) => https://imageshack.com/
lorsque c'est ouvert (avec le signe moins a cotée) => https://imageshack.com/
lorsque c'est fermer (avec le signe cotée) => https://imageshack.com/
lorsque c'est ouvert (avec le signe moins a cotée) => https://imageshack.com/
Je vais voir ce que je peux faire...
Mais cette capture d'écran vient t-elle d'une page web? Car dans ce cas, on peut regarder dans le code source de la page?
Peux tu alors me passer le lien?
Mais cette capture d'écran vient t-elle d'une page web? Car dans ce cas, on peut regarder dans le code source de la page?
Peux tu alors me passer le lien?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
non j'ai fait sa avec photoshop :]
j'ai fait une impression d' écran d'un morceaux de ma page, et coller dessous.
et après un petit cadre noir avec les signe + et -
vive le bidouillage!!!
j'ai fait une impression d' écran d'un morceaux de ma page, et coller dessous.
et après un petit cadre noir avec les signe + et -
vive le bidouillage!!!
ok!
voilà
J'ai fais ce que j'ai pu, mais je n'arrive vraiment pas à mettre le petit bouton à droite dans le noir...
Lorsque tu prendra le code, prends aussi les codes CSS dans "Head" du html.
voilà
J'ai fais ce que j'ai pu, mais je n'arrive vraiment pas à mettre le petit bouton à droite dans le noir...
Lorsque tu prendra le code, prends aussi les codes CSS dans "Head" du html.
ahh merci beaucoup, mais pour le botton "+", tu n'est pas obliger de le faire en boutton, il peut être aussi en image (si sa facilite les choses)
J'ai éssayé, mais au contraire, ca ne me facilite pas les choses...
En fait, le code que je t'ai passé lors du premier poste, je l'avais pris sur le net... Je n'ai fait que travaillé l'apparence. J'aurais été incapable de trouver ce scripte moi même, même si en l'étudiant, j'arrive à me repérrer...
Je vais voir si je peux mettre une image... mais ce n'est pas sur...
Aussi, y'a bien une solution pour mettre le bouton à droite, mais ce ne sera pas stable : le bouton changera de place suivant le navigateur internet, et même suivant la police d'écran par défaut sur chaque ordinateur... C'est donc vivement déconseillé...
Pour l'instant, niveau HTML, il est au normes W3C.
En fait, le code que je t'ai passé lors du premier poste, je l'avais pris sur le net... Je n'ai fait que travaillé l'apparence. J'aurais été incapable de trouver ce scripte moi même, même si en l'étudiant, j'arrive à me repérrer...
Je vais voir si je peux mettre une image... mais ce n'est pas sur...
Aussi, y'a bien une solution pour mettre le bouton à droite, mais ce ne sera pas stable : le bouton changera de place suivant le navigateur internet, et même suivant la police d'écran par défaut sur chaque ordinateur... C'est donc vivement déconseillé...
Pour l'instant, niveau HTML, il est au normes W3C.
