Problème avec l'affichage de la police

2 participants

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

Résolu Problème avec l'affichage de la police

Message par Filanta Lun 26 Aoû 2013 - 16:44

Bonjour bonjour I love you 
Alors tout d'abord, j'utilise la version phpBB2 et je navigue sous firefox !

Ensuite, voilà mon problème, il concerne la police avec laquelle s'affichent les pseudos dans les catégories. Ils ne s'affichent pas de la même façon de partout sur le forum, regardez :
Un endroit : https://i.servimg.com/u/f76/11/01/14/82/5_bmp10.jpg
Un autre endroit : https://i.servimg.com/u/f76/11/01/14/82/6_bmp10.jpg

Le premier s'affiche avec la police que j'utilise pour les pseudos dans le profil et à d'autres endroits sur le forum (titres des catégories, du QEEL et sur la PA aussi).
Le deuxième, je pense que la police c'est du Comic sans ms, mais je ne sais pas d'où il sort, je n'en ai noté nul part scratch 

Quoi qu'il en soit, les deux versions me déplaisent...
J'aimerais que tout s'affiche comme ça : https://i.servimg.com/u/f76/11/01/14/82/7_bmp10.jpg

Je vous donne mon CSS, s'il y a besoin d'un ou plusieurs templates en particulier, n'hésitez pas à me demander ! Mr. Green 



Code:
/* Justification & List Automatique */
.postbody {display: block;padding-left: 15px;padding-right: 15px;text-align:justify;}

.maintitle{margin-top:-50px;}

/*ENLEVER LE SOULIGNEMENT DES LIENS*/
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}

/* supprimer la marge du bas et du haut */
body{margin-top: 0px;}
body{margin-bottom: 0px;}


/*code et citer*/
        .quote { background-color: #FFFFFF;
        -moz-border-radius:20px; border-top: 2px #DDAB73 solid;
  color: #4A5345;
  font-style: normal;
  font-size: 11px;
        }
        .code { background-color: #FFFFFF;
        -moz-border-radius:20px; border-top: 2px #DDAB73 solid;
  color: #4A5345;
   font-style: normal;
  font-size: 11px;
}
.selectCode {float:right; text-transform: lowercase; cursor:pointer;}


/*PA.*/
.img{width :20px;height:20px;border: 1px solid #e8d7be;opacity:0.7;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.img:hover{opacity:1;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.cadre {background-color : #F9EDD0;border: #F1E7D8  1px solid;width: 700px;-webkit-box-shadow: 0 0 4x #000000;-moz-box-shadow: 0 0 4px #000000;padding-left: 15px;padding-right: 15px;padding:5px;font-family:verdana;font-size:11px;text-align:justify;letter-spacing:2px;line-height:15px;}
.histoirepa{font-family:verdana;font-size:11px;text-align:justify;width: 630px;}
hr { border-bottom: 1px solid #F3E7D1;}
.image{width:30px; height:10px;border:1px solid #EADDCD;padding:2px;opacity:0.7;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.image:hover{opacity:1;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.imagep{border: 1px solid #e8d7be;opacity:0.7;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.imagep:hover{opacity:1;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.top3{width:110px;height:60px;border: 1px solid #e8d7be;opacity:0.7;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.top3:hover{opacity:1;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.toppseudo{letter-spacing:-1px;margin-top:5px;text-transform:lowercase;font-size:13px;text-align:center;}
.statut{color:#deccb6;margin-top:-1px;text-transform:uppercase;font-size:8px;text-align:center;letter-spacing:2px;}
/*infobulle staff*/
.tstaff{font-size:1em;}
.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{
   position: absolute;
   background-color: #FDF8F0;
   padding: 5px;
   left: -1000px;
   visibility: hidden;
   color: #4A5345;
   text-transform:uppercase;}
   .thumbnail span img{padding: -10px;}
   .thumbnail:hover span{
   visibility: visible;
   top: 1px;
   left: 65px;
   width: 150px;
   padding:-2px;
   border: 1px solid #C25530;}
.partpa
{opacity:0.7;
border: 1px solid #F0DFB3;
background-color: #f7efd7;
width:40px;  
padding:3px;}

.partpa:hover
{opacity:0.9;
border: 1px solid #ECD79F;
background-color: #f7efd7;
padding:3px;}

a.info {
  position: relative;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 50px; /* on positionne notre infobulle */
  left: -30px;

  border: 1px solid #ECE1E0; padding:-5px;background-color: white;
}
/*fin PA*/


/*encadré liens à côté du header*/
.boxtoproundtitle {
background-color: #FFFFFF; /*vous réglez la couleur du fond */
  border: #ffffff 1px solid; /*la taille et couleur de la bordure*/
  border-radius: 0px 0px / 100px 100px; /*l’arrondis du cadre*/
color:#000000; /*la couleur du texte*/
text-decoration:none;
  width: 200px; /*la taille du cadre*/
  letter-spacing:0px; /*l’espacement entre les lettres du texte*/
text-transform:lowercase; /*majuscule ou minuscule*/
font-size:11px; /*taille du texte*/
   font-family: verdana; /*police du texte*/
margin:0px 0px 5px 0px; /*la marge intérieure*/
padding: 3px 2px 3px 2px; /*la marge extérieure*/
display:block;
text-align : center; /*alignement du texte*/
 }

/*cadre avatar*/
.avatar {
border: 2px solid #C25530;
}

/*dimension image profil*/
.postdetails.poster-profile img
{
max-width: 200px;
  border: 2px solid #4A5345;
    padding: 1px;
 }


/*barre de navigation*/
.navtop {
background-color:#F9F7F2;
position: fixed;
valign : center ;
width : 100% ;
border-bottom: 2px solid #4A5345
}

 a.mainmenu{
        margin-left : 0px;
        margin-right : 3px;
        font-family : times;
        color: #4A5345;
  font-size: 14px;
                text-align:none;
                text-transform: uppercase;
        }

        a:hover.mainmenu {
        color: #84917B;
               }
/*fin*/


        /*début qeel*/
        
       #qeel {
            border: 1px solid #4A5345;
            background-color: #F6F3EC;
        }
        .caseqeel {
            width: 30%;
            padding: 5px;
            text-align: justify;
  background-color: #F6F3EC;
        }
        .cadreqeel {
            padding: 2px;
            margin: auto;
            width: 95%;
            height: 150px;
            overflow-y: auto;
        }
        .groupes {
            font-family: 'Lobster Two', cursive;
            font-size: 18px;
            text-transform: lowercase;
            text-align: center;
        }
        #kaboum {
            text-align: justify;
  background-color: #F6F3EC;
        }
        /*fin qeel*/



/*coller le header aux bords*/
#i_logo {margin-top:-10px;
margin-left:-10px;
margin-right:-10px;}


/*police et taille catégories*/
        .secondarytitle h2 {
        font-size: 18px;
        font-family: 'Marcellus SC', serif;
        font-weight: normal;
        }

/*titres sous-forums*/
.forumlink {
font-family: 'Lobster Two', cursive;
font-weight: normal;
font-style: italic ;
padding-left:10px;
padding-bottom: -10px;
letter-spacing: 0px;
font-size: 20px;
color : #BA866B;
text-transform: lowercase;
text-shadow: #F0DFB3 1px 1px 0px;
}

.forumlink:hover {
font-family: 'Lobster Two', cursive;
font-size: 20px;
text-decoration: none;
text-transform: italic;
padding-left: 10px;
padding-bottom: -10px;
color : #4A5345;
text-shadow: #F0DFB3 1px 1px 0px;
}

a.forumlink:link {
    color: #BA866B;
}

a.forumlink:visited {
    color: #BA866B;
}

a.forumlink:hover {
    color: #4A5345;
}


/*boutons haut et bas*/        
.bouhautbas {
            bottom: 40px;
            right: 10px; /* remplacez left par right pour afficher les boutons à droite */
            position: fixed;
            z-index: 100;
        }

/*titre des cases*/
.titretest {
font-family: 'Lobster Two', cursive;
font-size: 25px;
  font-style: normal;
color: #D57555
text-transform: lowercase;
  text-align:center;
}

.titretest:hover {
font-family: 'Lobster Two', cursive;
font-size: 25px;
  font-style: normal;
color: #C25530
text-transform: lowercase;
  text-align:center;
}

/*fond fiche présentation & scénario*/
.fond {
font-family: arial;
font-size: 12px;
text-transform: normal;
background-color: #F5E7C2;
padding: 5px;
width: 550px;
margin:auto;  
}

/*enlever la légende Note et annonce*/
div.topictitle strong { display: none; }

/*cadre du forum*/
.bodyline
{border-left: 5px #4A5345 solid;
border-right: 5px #4A5345 solid;}

 /*pseudo*/
        .name {
        font-family: 'Lobster Two', cursive;
        font-size: 20px;
    text-shadow: #684F3E 0px 0px 1px;
  text-align: center;
            }



/*images officielles*/
.photos
{opacity:0.8;
border: 1px solid #F0DFB3;
background-color: #f7efd7;
width:180px;  
padding:3px;
valign: center;}

.photos:hover
{opacity:1;
border: 1px solid #ECD79F;
background-color: #f7efd7;
padding:3px;}

.photogroupes
{opacity:0.8;
border: 1px solid #F0DFB3;
background-color: #f7efd7;
width:220px;  
padding:3px;
valign: center;}

.photogroupes:hover
{opacity:1;
border: 1px solid #ECD79F;
background-color: #f7efd7;
padding:3px;}

.photofiches
{opacity:0.8;
border: 1px solid #F0DFB3;
background-color: #f7efd7;
padding:3px;
valign: center;}

.photofiches:hover
{opacity:1;
border: 1px solid #ECD79F;
background-color: #f7efd7;
padding:3px;}


/*case*/
.textetest {
font-family: verdana;
font-size: 12px;
   font-style: italic;
text-transform: normal;
background-color: #FDF8F0;
border: 1px solid #84917B;
box-shadow: #F0DFB3 0px 0px 0px;
padding: 10px;
}

.textetest:hover {
font-family: verdana;
font-size: 12px;
  font-style: italic;
text-transform: normal;
background-color: #FDF8F0;
border: 1px solid #84917B;
box-shadow: #F2E3BD 0px 0px 1px;
padding: 10px;
}


/*cadre texte catégories*/
        .encadrement {
        border-top: 1px #BA866B solid;
          background-color: #FCFBF8;
          font-size: 11px;
          text-align:justify;
          padding: 3px;
        }

/*fond fiche présentation & scénario*/
.fond {
font-family: arial;
font-size: 12px;
text-transform: normal;
background-color: #FCFBF8;
padding: 5px;
width: 550px;
margin:auto;  
}
Merci d'avance pour votre aide ! I love you 
avatar

Filanta
*

Messages : 38
Inscrit(e) le : 14/02/2013

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

Résolu Re: Problème avec l'affichage de la police

Message par Matriochka Lun 26 Aoû 2013 - 16:53

Bonjour,

Il suffit de supprimer ces lignes dans ton CSS :
Code:
/*pseudo*/
        .name {
        font-family: 'Lobster Two', cursive;
        font-size: 20px;
    text-shadow: #684F3E 0px 0px 1px;
  text-align: center;
            }
avatar

Matriochka
Membre actif

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

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

Résolu Re: Problème avec l'affichage de la police

Message par Filanta Lun 26 Aoû 2013 - 16:57

Bonjour, merci pour la réponse rapide déjà ! I love you 

Le problème, si je supprime cette partie, c'est que ça va enlever l'effet ici aussi (dans le profil) : https://i.servimg.com/u/f76/11/01/14/82/8_bmp10.jpg Embarassed 
avatar

Filanta
*

Messages : 38
Inscrit(e) le : 14/02/2013

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

Résolu Re: Problème avec l'affichage de la police

Message par Matriochka Lun 26 Aoû 2013 - 16:59

Dans ce cas il faut mettre une class spéciale sur la variable {postrow.displayed.POSTER_NAME} dans le template viewtopic_body et mettre le style sur cette nouvelle class plutôt que sur name Wink
avatar

Matriochka
Membre actif

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

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

Résolu Re: Problème avec l'affichage de la police

Message par Filanta Lun 26 Aoû 2013 - 17:05

Han bah oui, la bonne idée, je n'avais pas du tout pensé à ça Laughing 
Merci beaucoup ça fonctionne à la perfection Mr. Green I love you 
avatar

Filanta
*

Messages : 38
Inscrit(e) le : 14/02/2013

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

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

- Sujets similaires

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