Texte des dernières connexions

3 participants

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

Résolu Texte des dernières connexions

Message par NatureSauvage Dim 8 Avr 2012 - 16:37

Bonjour =)

Je cherche à changer le QEEL de mon forum mais j'ai quelques soucis avec les dernières connexions ; c'est pour cela que je requière votre aide généreuse. =)
Effectivement, je suis parvenu à intégrer les dernières connexions à un div en les entourant des balises table mais, à présent, je ne parviens pas à personnaliser le style du texte.
J'utilise Mozilla Firefox mais, si possible, j'aimerais que la solution fonctionne pour la plus de navigateurs possibles et la version du forum est phpBB2. =)
Le rendu :
Texte des dernières connexions 120408043943957378

Le CSS :
Code:
/* QUI EST EN LIGNE */

.qeel {
font-variant: small-caps;
font-weight: bold;
color : #ba5924;
text-align : center;
width : 820px;
font-size: 11px;
  margin: auto; 
}

.qeel a img {
border : none;
}

.qeel div {
margin : 5px;
}

.qeel a {
text-decoration : none;
color : #012300;
}

.qeel td {
font-variant: small-caps;
font-weight: bold;
color : #ba5924;
font-size: 11px;
}

#citations {
background-color : #e1a67f;
border : 1px solid #e47436;
padding : 5px;
width: 800px;
text-align: center;
  color: #012300;
}

.partenairesqeel {
background-color : #e1a67f;
border : 1px solid #e47436;
padding : 5px;
width: 105px;
text-align: center;
display: inline-block;
}

.qeeldroite {
display: inline-block;
width: 670px;
vertical-align: top;
}

.texteqeel {
background-color : #e1a67f;
border : 1px solid #e47436;
padding : 5px;
width: 340px;
text-align: left;
display: inline-block;
}

.groupesqeel {
background-color : #e1a67f;
border : 1px solid #e47436;
padding : 5px;
width: 280px;
text-align: center;
display: inline-block;
  vertical-align: top;
}

.connexionsqeel {
background-color : #e1a67f;
border : 1px solid #e47436;
padding : 5px;
width: 650px;
text-align: left;
}

Le template :
Code:
<div style="text-align: center; width: 100%;">
  <div class="qeel">
<a href="{U_VIEWONLINE}">
<img src="http://nsa21.casimages.com/img/2012/03/24/120324085425467815.png" style="margin-top: 30px;" alt="Qui se promène avec nous ?"/>
</a>
<div id="citations">
<script>
  citations();
</script>
</div>

<div class="partenairesqeel">
         <div style="color: #012300; text-align: center;">
         <div style="margin-bottom: -6px;">Partenaires :</div>
         ----------------
         </div>
<a title="http://leforumdulapin.superforum.fr" href="http://leforumdulapin.superforum.fr"><img src="http://nsa22.casimages.com/img/2012/03/11/120311063234366203.png" alt=""/></a>
<a title="http://maltraitanceanimale.forumactif.com" href="http://maltraitanceanimale.forumactif.com"><img src="http://nsa21.casimages.com/img/2012/03/11/120311063402212055.png" alt=""/></a>
<a title="http://marchombres.forumactif.fr/forum" href="http://marchombres.forumactif.fr/forum"><img src="http://nsa22.casimages.com/img/2012/03/11/120311063234366203.png" alt=""/></a>
<a title="http://pense-betes.forumactif.com/" href="http://pense-betes.forumactif.com/"><img src="http://nsa21.casimages.com/img/2012/03/11/120311063402212055.png" alt=""/></a>
<a title="http://www.heritier-des-tenebres.com/" href="http://www.heritier-des-tenebres.com/"><img src="http://nsa22.casimages.com/img/2012/03/11/120311063234366203.png" alt=""/></a>
<a title="http://petz-passionanimaux.fr/forum/index.php" href="http://petz-passionanimaux.fr/forum/index.php"><img src="http://nsa21.casimages.com/img/2012/03/11/120311063402212055.png" alt=""/></a>
<a title="http://lgdc-rpg.forumsactifs.com/forum" href="http://lgdc-rpg.forumsactifs.com/forum"><img src="http://nsa22.casimages.com/img/2012/03/11/120311063234366203.png" alt=""/></a>
<a title="http://animalia.forumgratuit.org/forum" href="http://animalia.forumgratuit.org/forum"><img src="http://nsa21.casimages.com/img/2012/03/11/120311063402212055.png" alt=""/></a>
<a title="http://tsuki-no-kioku.forumactif.org" href="http://tsuki-no-kioku.forumactif.org"><img src="http://nsa22.casimages.com/img/2012/03/11/120311063234366203.png" alt=""/></a>
<a title="http://chatsfaitbeaucoup.forums-actifs.net/forum.htm" href="http://chatsfaitbeaucoup.forums-actifs.net/forum.htm"><img src="http://nsa21.casimages.com/img/2012/03/11/120311063402212055.png" alt=""/></a>
<a title="http://www.aiderlesanimaux.com/" href="http://www.aiderlesanimaux.com/"><img src="http://nsa22.casimages.com/img/2012/03/11/120311063234366203.png" alt=""/></a>
<a title="http://unites-by-the-fate.forumactif.com/" href="http://unites-by-the-fate.forumactif.com/"><img src="http://nsa21.casimages.com/img/2012/03/11/120311063402212055.png" alt="" /></a>
<a title="http://www.school-of-pub.net/" href="http://www.school-of-pub.net//forum.htm"><img src="http://nsa22.casimages.com/img/2012/03/11/120311063234366203.png" alt=""/></a>
<a title="http://runaway.forumperso.com" href="http://runaway.forumperso.com"><img src="http://nsa21.casimages.com/img/2012/03/11/120311063402212055.png" alt=""/></a>
<a title="http://animals-land.forumactif.biz" href="http://animals-land.forumactif.biz"><img src="http://nsa22.casimages.com/img/2012/03/11/120311063234366203.png" alt=""/></a>
<a title="http://the-world-of-cats.forumgratuit.org/" href="http://the-world-of-cats.forumgratuit.org/"><img src="http://nsa21.casimages.com/img/2012/03/11/120311063402212055.png" alt="" /></a>
<a title="http://coffee-pub.forumactif.com/" href="http://coffee-pub.forumactif.com/"><img src="http://nsa22.casimages.com/img/2012/03/11/120311063234366203.png" alt=""/></a>
<a title="http://art-of-cats.forums-actifs.com/" href="http://art-of-cats.forums-actifs.com/"><img src="http://nsa21.casimages.com/img/2012/03/11/120311063402212055.png" alt="" /></a>
<a title="http://aidecreation.forumgratuit.org/" href="http://afterlife.forum-canada.net/"><img src="http://nsa22.casimages.com/img/2012/03/11/120311063234366203.png" alt=""/></a>
<a title="http://afterlife.forum-canada.net/" href="http://afterlife.forum-canada.net/"><img src="http://nsa21.casimages.com/img/2012/03/11/120311063402212055.png" alt=""/></a></div>

<div class="qeeldroite">

<div class="texteqeel">
         <div style="color: #012300; text-align: center;">
         <div style="margin-bottom: -6px;">Informations :</div>
         --------------------------------
         </div>
   <SCRIPT LANGUAGE="JavaScript">
document.write(MessageDate);
</SCRIPT> <SCRIPT LANGUAGE="JavaScript">
Today = new Date;
Heure = Today.getHours();
Min = Today.getMinutes();
if (Min<10) {
document.write(" Il est <b>" + Heure + "</b>h<b>0" + Min + "</b>.");
}
else {
document.write(" Il est <b>" + Heure + "</b>h<b>" + Min + "</b>.");
}
</SCRIPT><br>
NatureSauvage, ouvert le <b>6 Juillet 2010</b>, comporte un ensemble de <b><span class="FORUMCOUNTFORUM"></span></b> parties & catégories contenant un total de <b><span class="FORUMCOUNTPOST"></span></b> messages publiés par nos <b><span class="FORUMCOUNTUSER"></span></b> Promeneurs dans <b><span class="FORUMCOUNTOPIC"></span></b> sujets.<br>
Bienvenue à <span style="color: #C74408;"><b><span class="FORUMLASTUSER"></span></b></span> qui est la <b>dernière</b> personne <b>inscrite</b>.      
</div>

<div class="groupesqeel">
         <div style="color: #012300; text-align: center;">
         <div style="margin-bottom: -6px;">Les Groupes :</div>
         -------------------------
         </div>
<span style="color: #5E3012; cursor: pointer;" onclick="desc_groupe('chefs');">Chefs</span> -
<span style="color: #994931; cursor: pointer;" onclick="desc_groupe('guides');">Guides</span> -
<span style="color: #B07123; cursor: pointer;" onclick="desc_groupe('reporters');">Reporters</span> -
<span style="color: #C74408; cursor: pointer;" onclick="desc_groupe('promeneurs');">Promeneurs</span>
<br />
<div id="desc_chefs" style="text-align: left; font-style: italic; display: block; color: #5E3012; font-variant: normal; font-weight: normal;">
> Ce sont les administrateurs du forum.<br /> Ils s'occupent du forum et veillent à ce que leurs petits promeneurs soient bien en sécurité face aux périls de la nature.
<div style="text-align: center; font-style: normal; font-weight: bold; font-variant: small-caps;"><a href="http://naturesauvage.forumactif.com/g1-chefs">Accéder au groupe</a></div></div>
<div id="desc_guides" style="text-align: left; font-style: italic; display: none; color: #994931; font-variant: normal; font-weight: normal;">
> Ce sont les modérateurs du forum.<br /> Ils vous guident dans cette nature sauvage, vous indiquent les sentiers à suivre, les bons réflexes... Ils épaulent aussi les Chefs.
<div style="text-align: center; font-style: normal; font-weight: bold; font-variant: small-caps;"><a href="http://naturesauvage.forumactif.com/g2-guides">Accéder au groupe</a></div></div>
<div id="desc_reporters" style="text-align: left; font-style: italic; display: none; color: #B07123; font-variant: normal; font-weight: normal;">
> Ce sont les journalistes du forum.<br /> Armés de leurs appareils photos, de leurs blocs notes... ils observent, photographient avidement la nature... pour tout retranscrire dans le journal du forum !
<div style="text-align: center; font-style: normal; font-weight: bold; font-variant: small-caps;"><a href="http://naturesauvage.forumactif.com/g14-reporters">Accéder au groupe</a></div></div>
<div id="desc_promeneurs" style="text-align: left; font-style: italic; display: none; color: #C74408; font-variant: normal; font-weight: normal;">
> Ce sont les membres du forum.<br />Les promeneurs se rassemblent en une petite communauté et permettent au forum d'exister par leur bonne humeur !
<div style="text-align: center; font-style: normal; font-weight: bold; font-variant: small-caps;"><a href="http://naturesauvage.forumactif.com/g4-promeneurs">Accéder au groupe</a></div></div>
</div>

<div class="connexionsqeel">
         <div style="color: #012300; text-align: center;">
         <div style="margin-bottom: -6px;">Les Présences :</div>
         -----------------------------
         </div>
   <span id="usersonline">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Il y a en tout/,"Il y a ");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Il y a en tout/,"Il y a ");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/utilisateur en ligne/,"personne sur NatureSauvage");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/utilisateurs en ligne/,"personnes sur NatureSauvage");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/::/,":");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/::/,":");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/utilisateur en ligne/,"Personnes sur le forum, dont ");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/utilisateurs en ligne/,"Personnes sur le forum, dont ");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Enregistré/,"Promeneur");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Enregistré/,"Promeneur");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Invisible/,"Caché");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Invisible/,"Caché");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Invité/,"Inconnu");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Invité/,"Inconnu");
 </script>
<br>
Le record de visites est de <b><span class="FORUMONLINEUSER"></span></b>.<br/>
<span id="usersconnecte">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">
document.getElementById('usersconnecte').innerHTML=document.getElementById('usersconnecte').innerHTML.replace(/Utilisateur enregistré/,"Présent");
document.getElementById('usersconnecte').innerHTML=document.getElementById('usersconnecte').innerHTML.replace(/Utilisateurs enregistrés/,"Présents");
</script>
<table><tr><td>{L_CONNECTED_MEMBERS}</td></tr></table>
</div>
</div>
</div>
</div>

Je souhaiterais donc que les dernières connexions aient la même taille et la même couleur de police que le reste. ^^

Merci beaucoup ! =)
avatar

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte des dernières connexions

Message par Matriochka Lun 9 Avr 2012 - 13:03

Bonjour et bienvenue sur le forum de support Smile

Serait-il possible d’avoir un lien vers le forum concerné ?

Merci par avance.
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: Texte des dernières connexions

Message par NatureSauvage Lun 9 Avr 2012 - 16:17

Bien sûr. ^^
http://littleftest.forumgratuit.org/

Merci à vous. =)
avatar

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte des dernières connexions

Message par tupac Mer 11 Avr 2012 - 4:52

Bonjour NatureSauvage

Je remarque que vous avez modifié les phrases des utilisateurs enregistrés mais vous pouvez aussi le faire pour les membres connectés au court des 24 dernières heures il vous suffi de remplacer cette partie.

Code:
<table><tr><td>{L_CONNECTED_MEMBERS}</td></tr></table>
Par celle-ci.
Code:
<table class="derniermembre" id="24dern">{L_CONNECTED_MEMBERS}</table><script type="text/javascript">jQuery('#24dern span.gensmall').html(jQuery('#24dern span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ','Les personnes qui se sont connectés au court de ces dernières 24h sont :'));</script>
Puis de rejouter ce CSS pour la taille du texte et la couleur etc...
Code:
.derniermembre span.gensmall{
    font-size:13px;
    color:#000000;
 }
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte des dernières connexions

Message par NatureSauvage Mer 11 Avr 2012 - 9:04

Merci beaucoup, ça fonctionne ! =D

avatar

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage 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