Vous n'êtes pas identifié.
Alors voila, question a la con qui ne mérite pas un topic pour autent et qui ira surment dans la poubelle.
Voici ma question :
Quel est le code HTML pour faire un effet comme ceci :
comme ceci
Merci ^^ :p
EDIT : Sur d'autre site, le quote a un fond d'une autre couleur (plus clair)
Dernière modification par silverblade59 (10-07-2009 23:07:19)
Hors ligne
Y a plusieurs possibilités. Le mieux sémantiquement est d'utiliser la balise <blockquote> comme ceci :
<blockquote>comme ceci</blockquote>
Pour obtenir ce rendu :
J'ai utilisé le css suivant :
blockquote { width: 15%; margin-left: 2%; padding: 5px; border: 1px solid black; }
Hors ligne
Ok merci =D
Hors ligne
Après pour le fond t'utilise background-color biensûr.
Hors ligne
C'est possible de faire des spoiler en HTML ?
(un message cacher, il faut cliquer sur le bouton pour que l'encadrer du même type que blockquote, s'agrandit et affiche les images ou textes)
Si oui, quel est le code ?
(Je viens de me rendre compte que si je fait que des blockquote, ça va être le gros bordel sur la page et ca va prendre 1000 ans pour afficher la page ...)
Merci ^^
Hors ligne
Euh je crois qu'il faut que tu reprennes les bases de la sémantique. Je parlais des blockquote uniquement pour les citations. Pour faire un "cadre conteneur" normal, utilise les div.
Pour ce que tu demandes, c'est du javascript qu'il te faut. Voilà ce que tu dois écrire dans ta partie <head> :
<script type="text/javascript"> function spoiler (id) { if (document.getElementById(id).style.display == "block") document.getElementById(id).style.display = "none"; else document.getElementById(id).style.display = "block"; } </script>
Après au niveau de ton html :
<p onclick="javascript:spoiler('spoiler1')">Afficher spoiler</p> <p id="spoiler1" class="spoiler">Ton spoiler...</p>
Et dans ton css :
.spoiler { display: none; }
Si c'est pas assez clair je peux te faire un exemple complet dans un .html que je t'envoie.
EDIT: voilà le source promis : https://www.tamriel.fr/divers/ex_spoiler.zip
Je t'ai rajouté une propriété css pour que ça change le curseur quand tu survoles "Afficher spoiler".
Hors ligne
Merci beaucoups =D
Hors ligne