CSS - Menu de gauche (suite)

 Blog4ever - CSS Modèle 5 
 Blog4ever - CSS Modèle 5 

Possibilité d'utiliser le système barre de boutons pour le menu de gauche, cet article fait suite à la page de mes explications générales[ici].

CSS - Menu de gauche aspect boutons


Sans ajout de bouton, uniquement en CSS, modifications du fond et des bordures comme pour le menu du haut voir les articles sur ce sujet, liens en bas de page.


#menu_gauche ul li a{
background: transparent; 
border: 4px outset #FBB420;
color: #FFFFFF;
padding: 3px 0 3px 2px;
margin: 0 0 0 0;
width: 170px;
line-height: 25px;
text-decoration: none;
font-family: Trebuchet MS;
font-weight: bold;
font-size: 11pt;
}



Dans la première capture le fond est transparent et ci-dessous une image change complétement l'aspect.


background: url(http://www.blog4ever.com/artimages/490070915020807.jpeg);



Au survol la couleur du texte change mais il est également possible de mettre un image différente ou un fond en couleur.


#menu_gauche ul li a:hover{
background: url(http://www.blog4ever.com/artimages/490070915020807.jpeg);
border: 4px outset #FBB420;
color: #EE8320;
margin: 0 0 0 5px;
line-height: 25px;
padding: 3px 0 3px 0;
font-family: Comic Sans MS;
font-weight: bold;
font-size: 12pt;
}



Egalement changement de fond pendant le chargement de la page.


#menu_gauche ul li a:active {
background: url(http://www.blog4ever.com/artimages/490070915021055.gif);
border: 4px inset #FBB420;
color: #344566;
}





Articles sur le même sujet :

  1. CSS - Menu du haut
  2. CSS - Menu du haut (suite 1)
  3. CSS - Menu du haut (suite 2)





Article ajouté le 2008-04-12 , consulté 309 fois

Commentaires


test51 site : test51.blog4ever.com/blog/index-202876.html | le 01/06/2008 à 09:30:15
Bonjours,
Avec mon blog j'ai un petit probleme, j'ai voulu metre le dernier exemple pour mon blog mais quand je passe ma souris dessu je n'est que le texte avec un nouveau font et pas toutes la case. J'esperer que tu m'a compris et que tu pourra m'aider.
Merci d'avance et a bientot.
P.S. : Si tu pourrais me reondre a mon email sa serait pas mal merci.
imad68 site : http://imad-educ.blog4ever.com | le 08/08/2008 à 19:50:42
Bonsoir Monsieur Papyclic

Votre travail continue toujours de susiter mon intérêt, des fois je réussie vos astuces, parfois c'est le contraire.
Cette fois, j'ai un problème concernant cette bande qui se trouve dans la partie contenu forum (Non et description de la catégorie du foum) dommage que je ne peux pas l'adresse de l'image pour qu'elle apparaisse bien.

A chaque fois que j'effectue un changement au niveau du CSS cette bande qui se trouve dans la partie contenu(forum) vire au noir et comme la couleur de texte est noire aussi, elle n'apparait pas et c'est désagréable pour les visiteurs.
J'ai trouvé un truc pour éviter cela mais c'est momentanné, je supprime le Diz per pour retrouver le model graphique tout en recopiant le CSS bien sur et je l'active ensuite pour remettre le CSS à nouveau, mais si j'effectue un changement la bande noir revient,j'ai changé la couleur de texte en blanc pour qu'elle apparaisse sur la bande mais sur la page d'accueil tout est devenu blanc surtout les liens.
Avez-vous un truc pour régler cela définitivement s'il vous plaît aidez-moi.
PapyClic le 10/08/2008 à 18:18:26
Bonjour Imad68
Désolé de répondre avec retard, je viens de regarder le CSS de ton blog. Sous DizPerso le fond du forum est le fond de page et la couleur des caractères également.
J'ai remarqué que le fond du body, du cadre sont transparent, il y a un # et pas de code.
Si j'ai bien compris le problème, il faut mettre le fond de page (body) par exemple en bleu (background:#000099) et les caractères en blanc (#FFFFFF) pour voir son action sur le forum.
Si le bleu te conviens pas et pour éviter que tout le blog soit sur ce fond, il faut mettre la couleur souhaitée ou une image dans la partie "Cadre" en background puis la couleur des caractères bien lisible.

Voilà ce que je peux te dire si j'ai bien compris.

Bravo! pour les effets boutons...
Tiens-moi au courant du résultat.
Bonne continuation
Cordialement

Nota: pour des problèmes de ce genre ouvres un nouveau sujet sur mon forum... d'avance merci.
cs3000 le 16/12/2008 à 11:53:39
Bonjour,

Je souhaiterais savoir s'il est possible dans le menu de gauche "Partie Photos" de supprimer la fonctionnalité Diaporama.

Par contre j'aurais souhaité pouvoir disposer de cette fonctionnalité pour chacune des catégories de photos que j'ai créee

Merci

Poster un commentaire





http://
Merci de recopier le nombre présent à gauche dans la case de texte ci-dessous ( Pourquoi ? )



Liens

Voir les articles de la catégorie " Blog4ever "

Imprimer cet article
Retour aux articles