Laisse ton imagination déborder

Forum de graphisme ET de flood
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Faire une liste déroulante

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

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

MessageSujet: Faire une liste déroulante   Mar 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
Voir le profil de l'utilisateur
avatar
Kohaku

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


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

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

waaaahhhhhh super merci ^^

je l'installerai sur mon forum quand j'aurais plein de code pour la PA =)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~






Nyan Cat



NYAN NYAN NYAN NYAN NYAN NYAN NYAN NYAN NYAN 8D
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

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

Ok ^^ Je vais mettre d'autres tutos assez rapidement Very Happy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Efiàltis

Membre Très Important du forum


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

MessageSujet: Re: Faire une liste déroulante   Mer 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
Voir le profil de l'utilisateur http://warriorslgdc.forumactif.fr/
avatar
Wapi

Vétéran du forum


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

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

Très bien expliqué =)
Je vois que j'ai de la concurrence ^^

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

UN EXTRAIT DU TROISIÈME CYCLE DE LGDC !!!


Merchi Xiumi chériiiiie n_n
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wonder-land.forumactif.fr/
avatar
_Louzii

Vétéran du forum


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

MessageSujet: Re: Faire une liste déroulante   Mer 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
Voir le profil de l'utilisateur
avatar
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

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

Faut que tu marques les options que tu veux ^^ Exemple :
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Kohaku

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


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

MessageSujet: Re: Faire une liste déroulante   Mer 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

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~






Nyan Cat



NYAN NYAN NYAN NYAN NYAN NYAN NYAN NYAN NYAN 8D
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

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

Bonne questions ! J'ai essayé mais ça marche pas ! Embarassed
Wapi, tu sais toi ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
_Louzii

Vétéran du forum


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

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

    Ben, le déroulant sert à rien alors ? confused
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

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

Bah si... Une liste déroulante sert pas toujours à renvoyer à une page
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
_Louzii

Vétéran du forum


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

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

    Ben, quand je clique sur une catégorie, ça renvoie nul part...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Efiàltis

Membre Très Important du forum


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

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

Moi pareil...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://warriorslgdc.forumactif.fr/
avatar
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

MessageSujet: Re: Faire une liste déroulante   Mer 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
Voir le profil de l'utilisateur
avatar
Wapi

Vétéran du forum


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

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

Mais non =) Je vous fais sa :


Dites moi si sa marche et je vous explique =)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

UN EXTRAIT DU TROISIÈME CYCLE DE LGDC !!!


Merchi Xiumi chériiiiie n_n
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wonder-land.forumactif.fr/
avatar
Wapi

Vétéran du forum


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

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

PS : Juste la première option est cliquable ^^

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

UN EXTRAIT DU TROISIÈME CYCLE DE LGDC !!!


Merchi Xiumi chériiiiie n_n
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wonder-land.forumactif.fr/
avatar
Kohaku

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


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

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

ca marche pas xD

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~






Nyan Cat



NYAN NYAN NYAN NYAN NYAN NYAN NYAN NYAN NYAN 8D
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Flamiou

Ose à peine montrer le bout de son nez


Messages : 26
Puf : Marsun

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

Non ça marche pas ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
_Louzii

Vétéran du forum


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

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

    Non ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Dyne

S'intègre enfin au forum


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

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

Non plus chez moi. ;/

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

La véritable essence de mon bonheur.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
☀ Suny' ☀

Ose à peine montrer le bout de son nez


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

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

vous aimez ce tuto' :



la bonne réponce était : à la folie !!!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Contenu sponsorisé





MessageSujet: Re: Faire une liste déroulante   

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: