Modifier la barre acceuil,message,deconnexion ...

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

Résolu Modifier la barre acceuil,message,deconnexion ...

Message par TheOsheyn le Mer 21 Mar 2012 - 18:43

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 (:


Dernière édition par TheOsheyn le Mer 21 Mar 2012 - 19:17, édité 1 fois

TheOsheyn
Nouveau membre

Messages : 3
Inscrit(e) le : 21/03/2012

http://goldpearl.forumgratuit.org
TheOsheyn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la barre acceuil,message,deconnexion ...

Message par Roxy. le Mer 21 Mar 2012 - 18:52

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,

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la barre acceuil,message,deconnexion ...

Message par TheOsheyn le Mer 21 Mar 2012 - 18:54

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;
}

TheOsheyn
Nouveau membre

Messages : 3
Inscrit(e) le : 21/03/2012

http://goldpearl.forumgratuit.org
TheOsheyn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la barre acceuil,message,deconnexion ...

Message par Matriochka le Mer 21 Mar 2012 - 19:07

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 Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la barre acceuil,message,deconnexion ...

Message par TheOsheyn le Mer 21 Mar 2012 - 19:14

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

TheOsheyn
Nouveau membre

Messages : 3
Inscrit(e) le : 21/03/2012

http://goldpearl.forumgratuit.org
TheOsheyn a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum