Entassement des créations d'Aëlys
 
Colorful Bubble Elegance Temptation Elegance Design GFX-Art
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-45%
Le deal à ne pas rater :
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre 14 couverts – ...
339 € 622 €
Voir le deal

Partagez
 

 Menu déroulant

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Aëlys
.Hakuna Matata ~
.Hakuna Matata ~
Aëlys

Informations personnelles

Féminin
Âge : 32


Messages : 178
Date d'inscription : 03/06/2009
Localisation : Dans mes logiciels !


Menu déroulant Empty
MessageSujet: Menu déroulant   Menu déroulant EmptyJeu 10 Déc - 15:22





Code:
<form name="Menuderoulant" method="post">
<select name="wxlmenu" size="1" style="border: medium none ; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: tahoma; color: rgb(68, 68, 68); font-size: 12px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<option value="LE LIEN (http:// .... )" target="blank_">  NOM DU LIEN </option>
<option value="LE LIEN (http:// .... )" target="blank_">  NOM DU LIEN </option>
<option value="LE LIEN (http:// .... )" target="blank_">  NOM DU LIEN </option>
<option value="LE LIEN (http:// .... )" target="blank_">  NOM DU LIEN </option>
<option value="LE LIEN (http:// .... )" target="blank_">  NOM DU LIEN </option>
 
</select> <input style="border: medium none ; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: tahoma; color: rgb(141, 106, 145); font-size: 12px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" onclick="location =

document.MenuderoulantselonDark.wxlmenu.options

[document.MenuderoulantselonDark.wxlmenu.selectedIndex].value;" value="GO!" type="button">




- Donc, pour les modifications.

Vous remplacer LE LIEN (http:// .... ) par l'adresse du site.
Vous remplacer NOM DU LIEN par le nom ou le titre.




- Alors, pour changer le fond de votre menu déroulant.

Code:
<select name="wxlmenu" size="1" style="border: medium none ; background: rgb(255, 255, 255)

Vous garder tout mais changer rgb(255, 255, 255) par un autre code rgb.
Exemple pour rose :

Code:
<select name="wxlmenu" size="1" style="border: medium none ; background: rgb(251, 8, 139)

Pour trouver le code RGB ; je vous conseille d'avoir photoshop ou autre.
Le code rgb est le dosage de rouge, vert et bleu, ou en anglais ''red, green, bleu''
En utilisant photoshop et en choisisant votre couleur, vous prenez le nombre en dessous de 255 a coté de R et vous le placez en premier.
Pour le deuxieme nombre, vous prenez celui qui se trouve a coté de V
Et le troisieme a coté de B.
( Version francaise )
Pour la version anglaise de photoshop ou d'autre photofiltre, je crois même qu'avec paint ca fonctionne, c'est R après G après B.


- Police

Vous devez modifier dans ce code

Code:
<select name="wxlmenu" size="1" style="border: medium none ; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: tahoma;

Le dernière point font-family: tahoma;
Vous remplacez tahoma par votre police Wink


( Vous suivez encore ? x3 )

- Changez la couleur du texte.

Pour ceci, vous restez dans le même principe que le fond.
Et oui, encore le code RGB

Code:
<select name="wxlmenu" size="1" style="border: medium none ; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: tahoma; color: rgb(68, 68, 68);

Sauf que cette fois-ci vous modifier les nombres la dernière partie, donc color: rgb(68, 68, 68)

Cette fois-ci prenons du bleu, le code sera

Code:
<select name="wxlmenu" size="1" style="border: medium none ; background: rgb(8, 117, 251) none repeat scroll 0% 0%; font-family: tahoma;


- Taille du texte

Code:
<select name="wxlmenu" size="1" style="border: medium none ; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: tahoma; color: rgb(68, 68, 68); font-size: 12px;

Pour modifier la taille du texte, il vous suffit de changez dans cette partie-ci '' font-size: 12px; '' la taille en pixel.
Par exemple 8px, 48px, etc ...


- Modifier le GO!

Il suffit de suivre les mêmes règles qu'au dessus, mais en prenant le code de fin.
Donc, celui-ci :

Code:
 </select> <input style="border: medium none ; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: tahoma; color: rgb(141, 106, 145); font-size: 12px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" onclick="location =

document.MenuderoulantselonDark.wxlmenu.options

[document.MenuderoulantselonDark.wxlmenu.selectedIndex].value;" value="GO!" type="button">

En suivant tout ce qui est dit précedement ^^


Et voilà, fini =D
Merci d'avoir bien suivit ce tutoriel =D.
Et bonne utilisation ^^
Revenir en haut Aller en bas
https://le-placard-d-aelys.forumactif.com
 

Menu déroulant

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
{* Le placard d'Aëlys } ~ :: Mes aides :: HTML-
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit