#1 10-07-2009 23:05:54

silverblade59
Compagnon
Lieu: Lomme (59)
Date d'inscription: 06-07-2009
Messages: 72
Site web

HTML

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

 

#2 11-07-2009 09:37:46

Nazgul
Administrateur
Lieu: Annecy
Date d'inscription: 15-09-2007
Messages: 2260

Re: HTML

Y a plusieurs possibilités. Le mieux sémantiquement est d'utiliser la balise <blockquote> comme ceci :

Code:

<blockquote>comme ceci</blockquote>

Pour obtenir ce rendu :

https://www.tamriel.fr/divers/ex_blockquote.jpg

J'ai utilisé le css suivant :

Code:

blockquote {
    width: 15%;
    margin-left: 2%;
    padding: 5px;
    border: 1px solid black;
}

Hors ligne

 

#3 11-07-2009 10:56:18

silverblade59
Compagnon
Lieu: Lomme (59)
Date d'inscription: 06-07-2009
Messages: 72
Site web

Re: HTML

Ok merci =D  biggrin

Hors ligne

 

#4 11-07-2009 11:18:49

Nazgul
Administrateur
Lieu: Annecy
Date d'inscription: 15-09-2007
Messages: 2260

Re: HTML

Après pour le fond t'utilise background-color biensûr.

Hors ligne

 

#5 11-07-2009 13:16:37

silverblade59
Compagnon
Lieu: Lomme (59)
Date d'inscription: 06-07-2009
Messages: 72
Site web

Re: HTML

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

 

#6 11-07-2009 15:35:58

Nazgul
Administrateur
Lieu: Annecy
Date d'inscription: 15-09-2007
Messages: 2260

Re: HTML

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> :

Code:

<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 :

Code:

<p onclick="javascript:spoiler('spoiler1')">Afficher spoiler</p>
<p id="spoiler1" class="spoiler">Ton spoiler...</p>

Et dans ton css :

Code:

.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

 

#7 11-07-2009 16:30:11

silverblade59
Compagnon
Lieu: Lomme (59)
Date d'inscription: 06-07-2009
Messages: 72
Site web

Re: HTML

Merci beaucoups =D

Hors ligne

 

Pied de page des forums

Propulsé par PunBB
© Copyright 2002–2005 Rickard Andersson
Traduction par punbb.fr