Laisse ton imagination déborder
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Laisse ton imagination déborder

Forum de graphisme ET de flood
 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment :
Disque dur SSD CRUCIAL P3 1 To (3D NAND NVMe PCIe M.2)
Voir le deal
65.91 €

Partagez | 
 

 Faire une liste déroulante

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Flamiou
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

Faire une liste déroulante _
MessageSujet: Faire une liste déroulante   Faire une liste déroulante EmptyMar 22 Mar - 18:15

Faire une liste déroulante


    Voici un petit code, simple à mettre en place qui peut donner de jolis effets originaux à vos présentations Very Happy



    Code:
    <select style="font-family: arial; color: #000000; border: 2px solid darkgreen; padding:3px; background-color: #AFFDB7; width: 200px;"><option>Titre de la liste</option>
    <option>1ere option</option>
    <option>2e option</option>
    <option>3e option</option></select>

    Là pas de miracle, il faut le connaître ou le mettre quelque part où vous pouvez le retrouver facilement ^^
    Comme vous le voyez il s'agit de la balise select qui permet de créer ce menu déroulant. Ensuite, on lui applique un style. Là nous avons comme police arial et comme couleur de police le noir. La bordure fait 2 pixels. Solid signifie pleine. Si j'avais mis dotted, elle aurait été en pointillés. Padding permet de créer des marges intérieures pour éviter que le texte ne soit collé à la bordure. Background-color, c'est le vert du fond et enfin width c'est la taille en largeur de mon menu.

    Bien sûr, on pourrait aussi appliquer un style particulier à une des options. Comme ceci :


    Code:
    <select style="font-family: arial; color: #000000; border: 2px solid darkgreen; padding:3px; background-color: #AFFDB7; width: 200px;"><option>Titre de la liste</option>
    <option style="letter-spacing: 4px;">1ere option</option>
    <option style="color: red;">2e option</option>
    <option style="font-size: 18px;">3e option</option></select>


    Si vous avez des questions ou si je n'ai pas été claire, n'hésitez pas à me le dire. Ceci est mon premier tutoriel ^^
    Et maintenant, à vous d'essayer !

    © Marsun - ne pas copier sans autorisation

Revenir en haut Aller en bas
Kohaku
Kohaku

A décidé d'apprécier le forum


Féminin
Messages : 261
Age : 26
Puf : Kohaku

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 10:28

waaaahhhhhh super merci ^^

je l'installerai sur mon forum quand j'aurais plein de code pour la PA =)
Revenir en haut Aller en bas
Flamiou
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 10:41

Ok ^^ Je vais mettre d'autres tutos assez rapidement Very Happy
Revenir en haut Aller en bas
Efiàltis
Efiàltis

Membre Très Important du forum


Féminin
Messages : 631
Age : 26
Puf : Efiàltis
Professeur : Xiumi

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 11:58

Oh c'est trop bien ! Je vais tout de suite essayer, pour mettre les liens dedans !
Revenir en haut Aller en bas
http://warriorslgdc.forumactif.fr/
Wapi
Wapi

Vétéran du forum


Féminin
Messages : 1229
Age : 26
Puf : Wapi ou Blue

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 12:45

Très bien expliqué =)
Je vois que j'ai de la concurrence ^^
Revenir en haut Aller en bas
http://wonder-land.forumactif.fr/
_Louzii
_Louzii

Vétéran du forum


Féminin
Messages : 1161
Puf : By Loulou ou _Louzii
Professeur : Xiumi

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 12:59

    Très bien expliqué ! Merci beaucoup !

    Z'ai une question =B
    A quoi serve les option dans le défilé ? Parce que quand je le mets sur mon forum, ben, ça fait rien What a Face

    EDIT : Faudrait que tu demandes des points à Xiumi =D
Revenir en haut Aller en bas
Flamiou
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 13:49

Faut que tu marques les options que tu veux ^^ Exemple :
Revenir en haut Aller en bas
Kohaku
Kohaku

A décidé d'apprécier le forum


Féminin
Messages : 261
Age : 26
Puf : Kohaku

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 14:45

yes et comment on met les liens dans le truc ? imaginons : "laisse ton imagination déborder" et quand on le chosis dans la liste ca nous envoie sur le forum
Revenir en haut Aller en bas
Flamiou
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 14:56

Bonne questions ! J'ai essayé mais ça marche pas ! Embarassed
Wapi, tu sais toi ?
Revenir en haut Aller en bas
_Louzii
_Louzii

Vétéran du forum


Féminin
Messages : 1161
Puf : By Loulou ou _Louzii
Professeur : Xiumi

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 15:35

    Ben, le déroulant sert à rien alors ? confused
Revenir en haut Aller en bas
Flamiou
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 16:57

Bah si... Une liste déroulante sert pas toujours à renvoyer à une page
Revenir en haut Aller en bas
_Louzii
_Louzii

Vétéran du forum


Féminin
Messages : 1161
Puf : By Loulou ou _Louzii
Professeur : Xiumi

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 17:01

    Ben, quand je clique sur une catégorie, ça renvoie nul part...
Revenir en haut Aller en bas
Efiàltis
Efiàltis

Membre Très Important du forum


Féminin
Messages : 631
Age : 26
Puf : Efiàltis
Professeur : Xiumi

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 19:23

Moi pareil...
Revenir en haut Aller en bas
http://warriorslgdc.forumactif.fr/
Flamiou
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 19:55

Non je dis ça sert PAS toujours à renvoyer ^^ C'est aussi pour indiquer une liste de chose.
Pour les liens j'ai tenté mais ça ne fonctionne pas. J'essaye une autre méthode...

EDIT : d'après mes recherches pour renvoyer vers une autre page, on est obligé de passer par du Javascript pale
Revenir en haut Aller en bas
Wapi
Wapi

Vétéran du forum


Féminin
Messages : 1229
Age : 26
Puf : Wapi ou Blue

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 20:58

Mais non =) Je vous fais sa :


Dites moi si sa marche et je vous explique =)
Revenir en haut Aller en bas
http://wonder-land.forumactif.fr/
Wapi
Wapi

Vétéran du forum


Féminin
Messages : 1229
Age : 26
Puf : Wapi ou Blue

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyMer 23 Mar - 20:59

PS : Juste la première option est cliquable ^^
Revenir en haut Aller en bas
http://wonder-land.forumactif.fr/
Kohaku
Kohaku

A décidé d'apprécier le forum


Féminin
Messages : 261
Age : 26
Puf : Kohaku

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyJeu 24 Mar - 17:28

ca marche pas xD
Revenir en haut Aller en bas
Flamiou
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyJeu 24 Mar - 21:57

Non ça marche pas ^^
Revenir en haut Aller en bas
_Louzii
_Louzii

Vétéran du forum


Féminin
Messages : 1161
Puf : By Loulou ou _Louzii
Professeur : Xiumi

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyVen 25 Mar - 18:14

    Non ^^
Revenir en haut Aller en bas
Dyne
Dyne

S'intègre enfin au forum


Féminin
Messages : 138
Age : 26
Puf : Dyne©.
Professeur : Xiumi

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyDim 10 Juil - 11:54

Non plus chez moi. ;/
Revenir en haut Aller en bas
☀ Suny' ☀
☀ Suny' ☀

Ose à peine montrer le bout de son nez


Féminin
Messages : 14
Age : 26
Puf : Crokette :P
Professeur : -

Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante EmptyDim 25 Sep - 13:12

vous aimez ce tuto' :



la bonne réponce était : à la folie !!!
Revenir en haut Aller en bas

Contenu sponsorisé





Faire une liste déroulante _
MessageSujet: Re: Faire une liste déroulante   Faire une liste déroulante Empty

Revenir en haut Aller en bas
 

Faire une liste déroulante

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Laisse ton imagination déborder :: Codes hlm :: Tutoriaux-
Sauter vers: