Problèmes [Réglé]
HTML ET CSS
Créations de Thèmes
lesnake59 Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre lesnake59
- Inscrit le : 09/04/2012
Mon thème et GamerG2 en téléchargement sur votre Site.
Je suis désolé je me suis trompé de catégorie.
Je vous remercie.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu TRD SIPM RACING</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<ul id="menu">
<li class="visite"><a href="#" class="m_accueil">Accueil</a></li>
<li><a href="#" class="m_articles">Articles</a></li>
<li><a href="#" class="m_forum">Forum</a></li>
<li><a href="#" class="m_livetv">Livetv</a></li>
<li><a href="#" class="m_calendrier">Calendrier</a></li>
<li><a href="#" class="m_contact">Contact</a></li>
</ul>
</body>
</html>
#menu{padding: 0; margin:0; list-style-type: none; width:899px; display: block; margin: 40px auto 0px auto;}
#menu li{display: block; float:left;}
#menu li a{background-image: url(images/menu.jpg); background-repeat: no-repeat; text-indent: -1000px; display: block; height:59px;}
/* Menu Normal */
#menu li a.m_accueil{width:143px; background-position: 0px 0px;}
#menu li a.m_articles{width:156px; background-position: -143px 0px;}
#menu li a.m_forum{width:128px; background-position: -299px 0px;}
#menu li a.m_livetv{width:140px; background-position: -427px 0px;}
#menu li a.m_calendrier{width:184px; background-position: -567px 0px;}
#menu li a.m_contact{width:148px; background-position: -751px 0px;}
/*Menu Roll Hover*/
#menu li a.m_accueil:hover{width:143px; background-position: 0px -58px;}
#menu li a.m_articles:hover{width:156px; background-position: -143px -58px;}
#menu li a.m_forum:hover{width:128px; background-position: -299px -58px;}
#menu li a.m_livetv:hover{width:140px; background-position: -427px -58px;}
#menu li a.m_calendrier:hover{width:184px; background-position: -567px -58px;}
#menu li a.m_contact:hover{width:148px; background-position: -751px -58px;}
/* Menu click */
#menu li a.m_accueil:active{width:143px; background-position:0px -116px;}
#menu li a.m_articles:active{width:156px; background-position: -143px -116px;}
#menu li a.m_forum:active{width:128px; background-position: -299px -116px;}
#menu li a.m_livetv:active{width:140px; background-position: -427px -116px;}
#menu li a.m_calendrier:active{width:184px; background-position: -567px -116px;}
#menu li a.m_contact:active{width:148px; background-position: -751px -116px;}
/* Menu VIsité */
#menu li.visite a.m_accueil{width:143px; background-position: 0px -58px;}
#menu li.visite a.m_articles{width:156px; background-position: -143px -58px;}
#menu li.visite a.m_forum{width:128px; background-position: -299px -58px;}
#menu li.visite a.m_livetv{width:140px; background-position: -427px -58px;}
#menu li.visite a.m_calendrier{width:184px; background-position: -567px -58px;}
#menu li.visite a.m_contact{width:148px; background-position: -751px -58px;}
Édité par lesnake59 Le 14/04/2012 à 07h32
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Je viens de déplacer ton sujet.
Concernant ton problème. C'est un menu pour PHPBoost par la suite ? Car pour le moment tu as fait un menu HTML ?
Si c'est pour PHPBoost, pourquoi ne pas profiter de l'architecture et des feuilles de style déjà mis en place pour les menus ?
ReidLos
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
ReidLos :
Bonjour,
Si c'est pour PHPBoost, pourquoi ne pas profiter de l'architecture et des feuilles de style déjà mis en place pour les menus ?
ReidLos
Si c'est pour PHPBoost, pourquoi ne pas profiter de l'architecture et des feuilles de style déjà mis en place pour les menus ?
ReidLos
parce qu'elle ne permet pas une personnalisation de chaque bouton du menu ?
@ lesnake
supprime les titres du menu, ils ne sont pas necessaires
Code HTML :
ton probleme peut etre aussi résolu en supprimant le text-indent:-1000px, mais en supprimant le texte de l'image, sinon ça fait doublon
A la base, c'est là pour cacher le texte du bouton, vu qu'il est déja sur l'image, mais en conservant quand meme le texte dans la page, surement pour des histoires de recherche sur le site ou de referencement. mais comme la largeur du menu est plus grande que le décalage, on aperçoit la fin du texte
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Citation :
parce qu'elle ne permet pas une personnalisation de chaque bouton du menu ?
C'est tout à fait possible
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
lesnake59 Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre lesnake59
- Inscrit le : 09/04/2012
Je vous remercie de m'avoir répondu.
ReidLos "Je viens de déplacer ton sujet" oui il n'y a pas de problème je me suis aperçus trop tard que je n'ai pas dans la bonne rubrique.
ReidLos "Si c'est pour PHPBoost, pourquoi ne pas profiter de l'architecture et des feuilles de style déjà mis en place pour les menus ?"
J'ai vu des fichiers design.css c'est bien cela que vous parlez ? Mais pour le menu je ne trouve pas pouvez-vous m'indiquer le chemin je vous remercie.
Je suis novice en HTML CSS PHP;
Visiteur
Boosteur Inactif
Oui, il suffit de modifier les CSS du menu horizontal.
Par exemple, on peut modifier l'apparence d'un menu en fonction de son emplacement :
Code CSS :
#header .menu_horizontal { background:#FF0000; } #sub_header .menu_horizontal { background:#00FF00; }
Ce petit code CSS change la couleur du background en fonction de la position du menu (header ou sub_header).
Pour faire ce que tu veux il suffit de regarder la source du menu et ainsi comprendre puis modifier selon tes besoins.
Encore un exemple, il est possible de donner un border-radius à gauche au premier élément d'un menu, et un border-radius à droite sur le dernier :
Code CSS :
.menu_horizontal > li:first-child { border-radius: 8px 0 0 8px; } .menu_horizontal > li:last-child { border-radius: 0 8px 8px 0 ; }
Les TPL/CSS étant modifiables à souhait, il est absolument possible de tout faire

Sinon pour les menus, les styles se trouvent dans le default.css et dans le design.css si mes souvenirs sont bons.
Édité par Visiteur Le 15/04/2012 à 00h34
lesnake59 Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre lesnake59
- Inscrit le : 09/04/2012
Je dois bien avouer que j'ai du mal à comprendre comment faire les modifications. Il y a tellement de ligne je ses pas du tout par quoi commencer. Je vais faire un tour sur le site du zéro, pour apprendre les bases.
ça serait déjà une bonne chose. Avant de faire n'importe quoi.
Et de posté un nombre incalculable de messages pour rien, a par de vous faire perdre du temps.
Merci encore.
A bientôt.
Édité par lesnake59 Le 15/04/2012 à 04h53
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement

Schyzo :
@babsolune :
Oui, il suffit de modifier les CSS du menu horizontal.
Par exemple, on peut modifier l'apparence d'un menu en fonction de son emplacement :
Ce petit code CSS change la couleur du background en fonction de la position du menu (header ou sub_header).
...
Oui, il suffit de modifier les CSS du menu horizontal.
Par exemple, on peut modifier l'apparence d'un menu en fonction de son emplacement :
Code CSS :
#header .menu_horizontal { background:#FF0000; } #sub_header .menu_horizontal { background:#00FF00; }
Ce petit code CSS change la couleur du background en fonction de la position du menu (header ou sub_header).
...
j'ai découvert cette option il n'y a pas longtemps, en effet. Bien cool, et du coup, plus de taf pour un template que l'on veut complet
..@lesnake: c'est en effet une bonne attitude. Tu verras que rien n'est compliqué, peut-etre un peu long, mais dès le cap des bases passé, tu vas vite t'amuser.
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
