Modification template pour le Qui est en ligne

[volle-terrienne]

Bonjour à tous!

J'ai parcouru pas mal de sujets sur le forum pour trouver une solution pour mon probleme, mais ce que j'aimerais exactement n'y est pas...

En parcourant ce topic https://forum.forumactif.com/probleme-avec-un-script-un-code-f74/scripts-pour-apparence-du-forum-t242417.htm j'y ai vu quelque chose qui s'y rapproche, mais pas encore exactement.

J'ai réalisé un petit montage pour montrer ce à quoi j'aimerais arriver :



J'aimerais donc que les groupes soient situés au-dessus, avec le petit encadrement en fond, avec les coins arrondis (Autour de l'ensemble du qui est en ligne également =) =

Je vous remercie d'avance

[volle-terrienne]

Je me permets de faire un up

[shishiblue]

Up, je suis aussi interessée

[|Maela]

Je suis également intéressée par ce sujet

[Invité]

Bonjour,


Voici un tuto personnel établi sur base des entraides faites ici

Bon alors la partie CSS :
> Panneau d'admin
> Affichage
> Couleur
> Feuille de style CSS
> Tu colle ce code :

Code:

.statistiques{
border:0px;
background-omage: url('LIENIMAGEDEFOND');
background-repeat: no-repeat;
background-position: center;
height:200px;}

.groupes{
background-color:#CODECOULEUR;
border: 1px #CODECOULEUR dotted;
-moz-border-radius : 5px 5px 5px 5px;
-webkit-border-radius : 5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;
height:auto}

> Tu remplace dotted par solid pour un trait plein
> Tu personnalise en fonction de tes souhaits au niveau des dimensions, des couleurs
> Tu valide

Ensuite la partie templates :
> Panneau d'admin
> Affichage
> Templates
> Index_body
> Tu cherche :

Code:

<!-- BEGIN disable_viewonline -->

> A la suite tu efface efface tout jusqu'a :

Code:

<!-- END disable_viewonline -->

> A la place tu colle ce code :

Code:

<center><table cellspacing="2" cellpadding="2" width="800px" border="0" class="statistiques">
  <tr>
<td width="5px"></td>
<td widht="150px"><img src="LIENIMAGEAGAUCHEDELECRAN"></td>
<td width="750px">
<br><center>
<span class="groupes"> <a href="lien groupe1"><font color=#000099 size="2"><b>Nom</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="Lien groupe2"><font color=#32AD1F size="2"><b>Nom</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="Lien groupe3"><font color=#B37212 size="2"><b>Nom</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="Lien groupe4"><font color= #C932AB size="2"><b>Nom</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="Lien groupe5"><font color="#000000" size="2"><b>Nom </b></font></a> </span><br><br>
<span class="gensmall"><font size=1> {TOTAL_USERS}. <br>
{NEWEST_USER}. <br>
{TOTAL_POSTS}<br>
</font><br>
<span class="gensmall">{TOTAL_USERS_ONLINE} <br>
{LOGGED_IN_USER_LIST} </td></center></span></td>
<td width="5px"></td>
</tr>
</table>
<table width="70%" align="center" style="text-align: justify">
<tr><td>{L_CONNECTED_MEMBERS}</td></tr>
</table>
<table width="58%" align="center" style="text-align: justify">
<tr><td>{L_WHOSBIRTHDAY_TODAY}<br>
{RECORD_USERS}</td></tr>
</table></center>

> N'oubliez pas de personnaliser les codes
> Tu enregistre le template
> Tu le publie

Bon amusement ...

[volle-terrienne]

Merci beaucoup pour cette aide!
Par contre j'aimerais que la liste des connectés des 24 heures soit centrée en dessous des statistiques et toujours sur le fond-image.

Pourriez-vous m'éclairer sur ce point svp? (J'ai eu beau essayer de modifier avec des balises, je n'y parviens pas, la liste reste alignée à gauche et sous le fond...)

[Invité]

La partie connectés au cours des 24H :

Code:

<table width="70%" align="center" style="text-align: justify">
<tr><td>{L_CONNECTED_MEMBERS}</td></tr>
</table>

Elle est centré comme tu peux le voir

Tu peux me donner le lien du forum ou me faire une capture d'écran ?

[volle-terrienne]

Oui c'est centré, mais j'aimerais que les connectés apparaissent sur l'image de fond, et qu'il n'y ait pas de fond de couleur.

Voilà ce que j'ai (j'ai tenté tenté avec une image de fond faite rapidement, elle ne restera pas ainsi):

[Invité]

Alors tu modifie dans le css > Statisque > Width tu y met le hauteur de ton image de fond

Pour que ce soit transparent, tu change par ceci :

Code:

<table width="70%" align="center" style="text-align: justify" class="yosh">
<tr><td>{L_CONNECTED_MEMBERS}</td></tr>
</table>

Tu ajoute ceci dans ton CSS :

Code:

.yosh td{
background-color:#transparent;
}

[volle-terrienne]

J'ai réussi à suivre vos instructions mais par contre le code pour la transparence ne marche pas. J'ai essayé également d'ajouter une class à la partie des connectés des 24 heures mais je ne parviens toujours pa sà changer le fond, ni arrondir les bords, seule la police est modifiable. Voici mon code :

Code:

<div class="connect"><table width="90%" align="center" style="text-align: justify" class="yosh">
<tr><td>{L_CONNECTED_MEMBERS}</td></tr>
</table></div>

L'ai-je mal placé? (je l'ai fait correspondre dans le CSS bien entendu)

[volle-terrienne]

Je m'excuse pour le double post, mais j'ai modifié quelque chose, je m'y approche mais ce n'est pas encore ça :



En fait voila ce que j'obtiens.
J'aimerais modifier le fond de la zone avec l'écriture et avec ma manipulation il reste et un autre se glisse autour.

Voila mon code CSS pour cette partie... :

Code:

.connect {
background-color: #FFFFFF;
-moz-border-radius:5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
color: #e0d5d5;
font-variant:small-caps;
border-top: 5px solid #FFFFFF;
border-bottom: 5px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;}

[Invité]

Voici un test que j'ai fait :
CSS

Code:

.fa td {
background-color: transparent;
}

.fa{
border-top: 2px #F2C799 solid;
border-bottom:  2px #F2C799 solid;
border-right: 2px #F2C799 solid;
border-left: 2px #F2C799 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
}

Template :

Code:

<table width="90%" align="center" style="text-align: justify" class="fa">
<tr><td>{L_CONNECTED_MEMBERS}</td></tr>
</table>

Et voici le résultat en image :
https://i.servimg.com/u/f63/11/33/41/62/sans_t99.jpg

[volle-terrienne]

Merci beaucoup! (En fait c'est parce qu'il restait un # devant le code "transparent" alors ça ne marchait pas)!

Là tout fonctionne, mais j'ai essayé de glisser la fonction qui affiche les connectés en temps réel dans l'espace où il y a déjà les connectés des 24 heures, mais elle s'affiche en minuscule (petit encadré rouge) :



Et ensuite, je ne sais pas si c'est normal, mais il y a une sort de lien sur une partie de la ligne anniversaire et je n'ai pourtant rien touché (encadré un peu plus grand)...

Sauriez-vous d'où vient ce probleme s'il vous plait?

[Invité]

Pour les connectés sur le forum :

Code:

<font size=2>{TOTAL_USERS_ONLINE} </font>

Pour les liens de pub :
PA > Général > Configuration > Activation des publicités textuelles (soulignement)
Tu coche non
Tu enregistre

[volle-terrienne]

Merci beaucoup ça marche très bien!

(Je passe mon sujet en résolu)