Modifier la police de "Membres connectés au cours des 24 dernières heures"

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

Résolu Modifier la police de "Membres connectés au cours des 24 dernières heures"

Message par Rodrakaset le Jeu 26 Déc 2013 - 16:47

Bonjour !
Travaillant actuellement sur une nouvelle version graphique de mon forum, j'ai actuellement un soucis dans le codage du qeel : je n'arrive pas a changer la police du texte et du contenu "Membres connectés au cours des 24 dernières heures", ainsi que les anniversaires.
Actuellement, j'ai ceci :
Spoiler:

C'est la partie encadrée en rouge que je souhaiterai changer et utiliser la police Oswald
Code:
font-family: 'Oswald', sans-serif;

La police est déjà installée sur mon forum (dans le template index_body) et fonctionne sur le reste du forum ( visualiser en direct).
Voici mon template et mon css actuel (relatif au problème)

template index_body:

Code:
<!-- BEGIN disable_viewonline -->

<div align="center"><table><TR><TD>
  
     <TABLE>
            <TR><TD>   
                  
                  <div class="qeel_moment"><span id="totaluser">{TOTAL_USERS_ONLINE}</span>
            <script type="text/javascript">  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré /,"habitants, ");
             document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible /,"fantômes ");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité /,"futurs arrivants. "); </script>
          

                <span id="encemoment">{LOGGED_IN_USER_LIST}</span>
    <script type="text/javascript">
document.getElementById('encemoment').innerHTML=document.getElementById('encemoment').innerHTML.replace(/Utilisateurs enregistrés : /,"Actuellement, vous pourrez croiser ");
                    </script> </div><br>
  </TD></TR>
              <TR><TD><div class="qeel_groupes">pnj natifs mutants hybrides anormaux gouvernement</div></TD></TR>
</TABLE>
  
  
  <TD><div class="qeel_stats">
    <span id="membreinscrit">{TOTAL_USERS}</span><br />
    <script type="text/javascript">
document.getElementById('membreinscrit').innerHTML=document.getElementById('membreinscrit').innerHTML.replace(/Nous avons/," ");
document.getElementById('membreinscrit').innerHTML=document.getElementById('membreinscrit').innerHTML.replace(/ membre enregistré/," habitants.");
    </script> <span id="totalonline">{TOTAL_POSTS}</span>
    <script type="text/javascript">
          document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Nos membres ont posté un total de /,"  ");
    document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/ messages/," paroles.");
                  </script><br/>
      <span id="dernierarrivé">{NEWEST_USER}</span>
    <script type="text/javascript">
document.getElementById('dernierarrivé').innerHTML=document.getElementById('dernierarrivé').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"Bienvenue à ");
                  </script>.
  </div></TD><TD>
  <div class="qeel_last24"><table> {L_CONNECTED_MEMBERS}</table>
          
   <table>{L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK} </table></div>
   
  </TD></TR>
  </table>
    <!-- END disable_viewonline -->

css:

Code:
/**qeel**/
.qeel_groupes {
 text-transform: uppercase;
   width: 320px;
  height: 92px;
  font-style: italic;
    background: #13e279;
  border: 2px solid #cacecb;
  color: #000000;
  font-size: 20px;
  text-align: justify;
  text-shadow: 1px 1px 0px #0ea558;
  font-family: 'Oswald', sans-serif;
  
}



.qeel_moment {
  
  width: 320px;
  heigh: 92px;
  background: #e21613;
  border: 2px solid #cacecb;
  color: #dbe1db;
  text-align: justify;
  text-shadow: 1px 1px 0px #bf0a0a;
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  padding: 5px;
  overflow: auto;
}

.qeel_last24 {
  width: 320px;
  height: 190px;
  background: #136be2;
  color: #dbe1db;  
  text-shadow: 1px 1px 0px #0c428c;
  border: 2px solid #cacecb;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  padding: 5px;
  overflow: auto;
}

.qeel_stats {
  height: 190px;
  width: 185px;
  color: #13e279;  
  text-shadow: 1px 1px 0px #dbe1db;
  font-family: 'Oswald', sans-serif;
  font-size: 25px;
  text-align: center;
  line-height: 40px;
  letter-spacing: -1px;
  font-style: italic;
  text-transform: uppercase;
}
/**fin qeel**/


Sur ce forum, je suis fondatrice, j'utilise Google Chrome, mais sur Opéra et Firefox, le résultat est le même. J'ai un css personalisé,  et les templates qui on été modifiés sont index_body, index_box et overall_header. J'espère ne rien avoir oublié.

Merci d'avance et bonne soirée!


Dernière édition par Rodrakaset le Ven 27 Déc 2013 - 14:57, édité 1 fois

Rodrakaset
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 11/11/2012

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

Résolu Re: Modifier la police de "Membres connectés au cours des 24 dernières heures"

Message par MlleAlys le Ven 27 Déc 2013 - 14:43

bonjour,
tu peux essayer d'ajouter ce code à ton css :
Code:
.qeel_last24 .gensmall {
    font-family: 'Oswald', sans-serif;
    color: #dbe1db;
    font-size: 15px;
}

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modifier la police de "Membres connectés au cours des 24 dernières heures"

Message par Rodrakaset le Ven 27 Déc 2013 - 14:57

Bonjour !
Alors j'ai essayé et j'ai un peu modifié (étant donné que la base "border" allait à chaque ligne), et j'ai ce que je voulais avec la balise
Code:
.gensmall {
    font-family: 'Oswald', sans-serif;
  font-size: 15px;
}

Problème donc résolu, merci beaucoup a toi ! Smile

Rodrakaset
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 11/11/2012

Rodrakaset 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