Bonsooir !
J'ai installé 4 menus déroulant sur mon forum. A la base je voulais des menus horizontaux ou lorsqu'on passe la souris, ça se déroule. Après avoir testé tout ce que je trouvais sur la toile, j'ai opté pour le plu simple... En lisant http://www.css-actif.com/t15457-menu-deroulant-en-css ça je me suis dis tiens on va tenter d'enlever la transition xD Mais ça ne l'a pas fait donc je suis perdu xD
Autre détail, j'aimerais mettre deux polices / transformation pour le titre puis les liens en dessous... Mais ou il me met tout en uppercase ou il me met tout en lowercase... Ce que je voulais c'est le titre ' inscription" en uppercase et le reste en lower ou normal.
Après y avoir passé la soirée je finis par demander de l'aide xD Merci d'avance.
Le css :
- Code:
-
.md{
padding:5px;
margin:auto;
display: block;
border: none;
background-color:#EAEFF8;
-webkit-border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
border-radius: 22px 22px 22px 22px;
font-family:Arial;
font-size: 10px;
letter-spacing: 2px;
text-transform:uppercase;
color: #c71a40;
transition-property:height;
transition-duration:1s;
transition-timing-function:linear;
transition-delay:2s;
/* Safari */
-webkit-transition-property:height;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:linear;
-webkit-transition-delay:2s;}
.sl2{
color:#737373;
letter-spacing: 2px;
font-size: 11px;
text-transform:uppercase;
color: #a1b0d1;
}
Le html :
- Code:
-
<table>
<tbody>
<tr>
<td>
<select onchange="location = this.value" style="width: 120px;" class="md">
<option class="sl" selected="selected">Inscription</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/t54-contexte-bienvenue-en-afrique">Contexte</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/t55-reglement-a-lire">Règlement</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/t57-les-groupes">Groupes</option>
</select>
</td>
<td>
<select onchange="location = this.value" style="width: 120px;" class="md">
<option class="sl" selected="selected">Personnage</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/f14-take-me-please">Scenarios</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/t66-liens-avant-inscription">Liens avant inscrip</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/t45-bottin-des-avatars">Bottin</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/f15-introduce-yourselves">Votre fiche</option>
</select>
</td>
<td>
<select onchange="location = this.value" style="width: 120px;" class="md">
<option class="sl" selected="selected">News</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/f5-news-annonces">News & annonces</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/f82-les-intrigues">Les intrigues</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/f71-checking-point">Checking point</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/f8-invites">Partie invité</option>
</select>
</td>
<td>
<select onchange="location = this.value" style="width: 120px;" class="md">
<option class="sl" selected="selected">Partenariat</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/t63-demande-boutons">Demandes</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/t88-nous-lier-fiche">Nous lier</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/t64-partenaires-rpg-et-autres">Partenaires</option>
<option class="sl2" value="http://thisisafrica.1fr1.net/f22-fiches-vip">Fiches</option>
</select>
</td>
</tr>
</tbody>
</table>
Sam 30 Mar 2024, 22:07 par 
