Modifier la barre acceuil,message,deconnexion ...

[TheOsheyn]

Bonjour,

Je suis en train de modifier mon forum mais quand je souhaite modifier avec mes propres images la barre acceuil,calendrier,profil,message....,ça me met mon image en tout petit mais l'ancienne barre du thème de base reste car ce n'est pas en image


Je voudrai savoir comment enlever le texte de cette barre et mettre mon texte en image à la place.Faut-il un code CSS ou autre chose? Pour expliquer l'image,je voudrai enlever le texte et le fond vert de la barre

Merci (:

[Roxy.]

Bonsoir,
D'après votre image, vous avez du css approprié à la barre de navigation. Pouvons-nous avoir votre css en totalité ?
Sinon, avez-vous mis les images dans : Affichages > Gestion des images ?

Cordialement,

[TheOsheyn]

J'ai commencé par mettre celle de l'accueil mais je n'ai pas touché mon CSS,le voici quand même ^^

Code:

a
{
text-decoration: none;
}

 body { background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}






a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}




.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #EF9279;
}









body {background-repeat: no-repeat;}

Body { background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}



a.forumlink{

font-family:font; verdana
padding-right:20px;
color:#923740;
font-size: px;
display:block;


}
a.forumlink:hover{

font-family:font; verdana
padding-right:20px;
color:#ffffff;
font-size: px;

}


a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}

a.forumlink {
 text-transform: uppercase;
 font-size: 14px;
 color: ;
 font-family: 'verdana';
 }





.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;  background-color: #E5F0D1;}

.derniers_sujets{
color:#923740;
margin-top: 3px;
width: 160px; /*Modifie pour avoir la largeur que tu souhaite*/
padding: 3px;
border: 1px double #ffffff; /*Contour autour de ton texte*/
background-color: #E5F0D1; /*Fond de ton texte*/
-moz-border-radius-topleft: 10px; /*Pour arrondir le bord en haut à gauche*/
-moz-border-radius-bottomright: 10px; /*Pour arrondir le bord en bas à droite*/
}

.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
border: 1px dotted #ffffff;
background-color: #E5F0D1;
-moz-border-radius: 7px 0px 4px 0px;
width: 160px;
color:#923740;}

.titre_categorie {
      background: #EDD8A9; /*fond*/
      -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/
      -moz-border-radius-topright: 50px; /*arrondi angle droit*/
      -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/
      -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/
      margin-top: 10px; /*ne pas modifier*/
      margin-bottom:-5px; /*a modifier selon vos goûts*/
      text-align: center; /*alignement du texte*/
      height: auto; /*hauteur à modifier selon vos goûts*/
      width: 100%; /*largeur à modifier selon vos goûts*/
      margin-left: 0px; /*pour déplacer la position des titres des catégories*/
      padding-top: 5px !important; /*espace entre la bordure et le texte*/
      padding-bottom: 0px !important; /*espace entre la bordure et le texte*/
      -moz-text-shadow:  2px 2px 2px #B47D7B; /*ombre sur le texte*/
      -webkit-text-shadow:  2px 2px 2px #B47D7B; /*ombre sur le texte*/
      text-shadow:  2px 2px 2px #923740; /*ombre sur le texte*/
border: 1px solid #923740;
}



a.mainmenu {
text-decoration: none;
-moz-border-radius :5px;
-webkit-border-radius: 5px;
background-color:#C6E09F;
border-left:1px solid #ED9D81;
border-right:1px solid #ED9D81;
border-bottom: 2px solid #ED9D81;
border-top: 1px solid #ED9D81;
color:#923740;
font-size:10px;
font-variant:verdana;
padding-right:10px;
text-align:center;}


.tableauqueel{
background-color : #E2ECC5;
-moz-border-radius:0px;
Border-top:2px solid #E2ECC5;
border-bottom:4px solid #A7BE84;
border-left:10px solid #E2ECC5;
border-right:10px solid #E2ECC5;
}

.partiedroite {
font-size : 12px;
border-left : 3px dotted #A7BE84;
padding-left : 10x }

.groupes{
background-color:#DEE6C0;
border: 1px color #923740;
-moz-border-radius : 5px 5px 5px 5px;
height:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:3px;
font-size:10px


}

#table_head
{
width: 928px;
height: 150px;
background-color: transparent;
background-image: url(http://nsa20.casimages.com/img/2011/05/29/110529125853120193.png);
background-repeat: no-repeat;
margin: auto;
}

#table_foot
{
width: 928px;
height: 150px;
background-color: transparent;
background-image: url(http://nsa20.casimages.com/img/2011/05/29/110529125903529847.png);
background-repeat: no-repeat;
margin: auto;
}

[Matriochka]

Bonjour,

Aucun code, il vous suffit d'aller dans PA ► Affichage ► En-tête et navigation ► "Afficher seulement des images dans la barre des liens". Cochez "Oui".

Supprimez ensuite cette partie de votre CSS :

Code:

a.mainmenu {
text-decoration: none;
-moz-border-radius :5px;
-webkit-border-radius: 5px;
background-color:#C6E09F;
border-left:1px solid #ED9D81;
border-right:1px solid #ED9D81;
border-bottom: 2px solid #ED9D81;
border-top: 1px solid #ED9D81;
color:#923740;
font-size:10px;
font-variant:verdana;
padding-right:10px;
text-align:center;}

Car elle ne vous sera plus utile

[TheOsheyn]

Oh merci beaucoup,ça marche ♥ Problème résolu,encore merci ^^