Code Pour Menu Bouton_activeCode Pour Menu Bouton_hoverCode Pour Menu Fb-hoverCode Pour Menu Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Code Pour Menu EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Code Pour Menu EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Code Pour Menu EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Code Pour Menu EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Code Pour Menu EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Code Pour Menu EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Code Pour Menu EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Code Pour Menu EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

Code Pour Menu

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Invité
Invité




Code Pour Menu Empty
{ Code Pour Menu }

Description : Apreçu :

Ce code vous permet d'insérer un menu " esthétique " et de classer vos liens..

Aperçu:

Code Pour Menu 2ng7ntl

Code:

Code à insérer dans la feuille CSS : h2 {
text-align: center;
color: #code couleur titre;
font-size: 12px;
font-family: verdana;
padding: 1px;
margin : 2px;
border-bottom : 2px solid #code couleur du soulignement du titre;

}

#subnav A:link, #subnav A:visited, #subnav A:active {

font-family: verdana;
font-size: 10px;
text-align: center;
padding: 2px;
color: #code couleur du texte du menu;
background-color: #code couleur du fond du menu;
line-height: 12px;
display: block;
border-bottom: 1px solid #code couleur des lignes entre les cases menu;
}

#subnav A:hover {
color: #code couleur du texte après surlignement;
background-color: #code couleur du fond du menu après surlignement;
}

Code à insérer dans votre sujet, votre entête, etc :

Code:
<h2>title</h2>
<div id="subnav">
<a href="">menu</a>
<a href="">menu</a>
<a href="">menu</a>
<a href="">menu</a>
<br>
</div>

Informations Générales:

Pseudo du Créateur:

Maple

Date de Création

29 / 09 / 2009 .

Code testé sous...

FireFox 3.0, IE7, IE8 et Google Chrome

Approuvé par:

Pitbull
MessageSujet: Code Pour Menu   Code Pour Menu EmptyMar 29 Sep 2009, 02:59
Revenir en haut Aller en bas
Invité
Invité




Code Pour Menu Empty
Salut,

Ta proposition est validée.
J'ai ajouté IE7, IE8 et Google Chrome car testé par moi.
Déplacé dans la bonne section.
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyMar 29 Sep 2009, 07:25
Revenir en haut Aller en bas
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Code Pour Menu Empty
Bonjour désolé je sais pas si j'ai le droit de poser une question ici (sinon je supprimerais mon message) : comment fait-on pour diminuer la taille (longueur) du menu ?
Vu que moi avec le même code ça me le mais sur toute la longueur de mon tableau :s
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyJeu 29 Oct 2009, 16:57
Revenir en haut Aller en bas
Invité
Invité




Code Pour Menu Empty
Salut,

Tu pose la question au bon endroit.
Mais je ne comprend pas trop.
Cela fait l'effet sur tout le tableau ?
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyVen 30 Oct 2009, 07:49
Revenir en haut Aller en bas
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Code Pour Menu Empty
Oui comme la deuxième colonne de mon tableau est assez large la longueur de ce menu est aussi grande dessus donc cela fait l'effet sur toute la colonne et j'aimerais réduire ces traits du menu...
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyVen 30 Oct 2009, 12:38
Revenir en haut Aller en bas
Invité
Invité




Code Pour Menu Empty
Tu peux me mettre un lien vers le forum ?
Ici ou en MP.

Merci cela me permettra de mieux comprendre.
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyVen 30 Oct 2009, 12:40
Revenir en haut Aller en bas
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Code Pour Menu Empty
Je l'ai utilisé pour faire un autre tableau mais je te le montre par exemple sur mon forum ici
Le menu concerne les liens importants est comme tu peux le voir les traits s'étendent sur tout le carré violet pour ce tableau ça ne me gêne pas comme le carré est petit mais dans le tableau que j'ai fait récemment comme il n'y a pas de carré encadrant et que ce n'est qu'un tableau en 3 colonnes et bien le menu s'étend encore plus et n'est pas aussi petit que sur l'image du tuto :/

Alors est-ce possible de réduire longueur & largeur ?
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyVen 30 Oct 2009, 12:44
Revenir en haut Aller en bas
Invité
Invité




Code Pour Menu Empty
Oui c'est possible de régler la longueur et la hauteur.
tu ajoute :
width : X px; (Longeur)
heigth: X px; (Hauteur)
A ajouter dans ton CSS.

Si ca fonctionne pas donne moi ton code CSS et html de cette partie du tableau pour vérification
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyVen 30 Oct 2009, 13:17
Revenir en haut Aller en bas
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Code Pour Menu Empty
Je t'ai envoyé un mp =)

Parce que ça fonctionne pas ...
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyVen 30 Oct 2009, 15:43
Revenir en haut Aller en bas
Invité
Invité




Code Pour Menu Empty
Oui je viens d'y répondre.
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyVen 30 Oct 2009, 16:03
Revenir en haut Aller en bas
http://elegance-design.forumactif.com
Sayuri
Sayuri
{ Membre }
{ Membre }

Féminin Messages : 179



Code Pour Menu Empty
Merci =)
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyVen 30 Oct 2009, 16:05
Revenir en haut Aller en bas
Invité
Invité




Code Pour Menu Empty
Bonsoir !
Bien voilà, j'ai test ce code il y à quelque heure et sa a parfaitement marché,
Ma problématique maintenant c'est comment centrer le tout ?
j'ai testé plusieurs solution et il n'y a rien à faire sa refuse de bouger !
je vous remercie d'avance pour vos réponses.
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyLun 02 Nov 2009, 13:29
Revenir en haut Aller en bas
http://hentai-rp.forumactif.com/forum.htm
CottonTIGE
CottonTIGE
{ Membre }
{ Membre }

Féminin Messages : 8



Code Pour Menu Empty
Bonjouuuuur =)
J'ai essayer de mettre ce petit tableau une de mes signatures..
Mais ça me fait le même problème que Sayuri ><
Puis-je avoir de l'aide 'w' ?
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyMer 04 Nov 2009, 19:00
Revenir en haut Aller en bas
Invité
Invité




Code Pour Menu Empty
Salut,

Je viens d'être informé que ce tuto serait un plagiat.

Site original :
HTTP://HEAVENLY.DREAM.FREE.FR/CSS.PHP?PAGE=CODEMENU1

Pourrait-on avoir des complément d'infos ?
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyDim 15 Nov 2009, 07:30
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



Code Pour Menu Empty
Le tutoriel étant plagié, je l'envoies à la corbeille.
Un MP d'avertissement sera envoyé en Maple.
MessageSujet: Re: Code Pour Menu   Code Pour Menu EmptyDim 15 Nov 2009, 08:50
Revenir en haut Aller en bas
Contenu sponsorisé




Code Pour Menu Empty
MessageSujet: Re: Code Pour Menu   Code Pour Menu Empty
Revenir en haut Aller en bas
 

Code Pour Menu

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

 Sujets similaires

-
» Problème pour la Chatbox, et besoin d'aide pour un code
» Code pour PA pour une vraiment NULEE XD
» Menu interactif pour son forum
» Un effet de style différent pour chaque lien du menu
» Un style différent pour chaque lien du menu (messages)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit