Texte des dernières connexions
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Texte des dernières connexions
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 :
Le CSS :
Le template :
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 ! =)
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 :
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 ! =)
Re: Texte des dernières connexions
Bonjour et bienvenue sur le forum de support
Serait-il possible d’avoir un lien vers le forum concerné ?
Merci par avance.
Serait-il possible d’avoir un lien vers le forum concerné ?
Merci par avance.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Texte des dernières connexions
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.
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>
- 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>
- Code:
.derniermembre span.gensmall{
font-size:13px;
color:#000000;
}
Re: Texte des dernières connexions
Merci beaucoup, ça fonctionne ! =D
Sujets similaires
» Dernières publications dans la Newsletter populaire : non prise en charge des dernières publications.
» Log des connexions
» connexions ou pas?
» 10 tentatives de connexions
» connexions par MDP impossible
» Log des connexions
» connexions ou pas?
» 10 tentatives de connexions
» connexions par MDP impossible
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum