Qui est en ligne personnalisé ??

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

Résolu Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mar 11 Oct 2011 - 10:29

Bonjour à tous,

J'aimerais personnaliser le "qui est ligne ?" de mon forum, pour qu'il soit assorti avec le reste du forum, donc j'aimerais ceci :



J'ai cherché dans tous les topics, j'ai trouvé des infos mais j'ai besoin de cours particuliers Very Happy

Je suis le fondateur du forum et en phpbb2, j'ai une feuille CSS et en modification du template j'ai "viewtopic_body".

Par contre mon image de doit pas correspondre à la taille idéale mais ça c'est un détail...

Merci à ceux qui voudront me filer un coup de main Very Happy



Dernière édition par jeanluc1974 le Mer 12 Oct 2011 - 21:04, édité 2 fois

jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par SoraNoHime le Mar 11 Oct 2011 - 12:53

Bonjour

pouvez-vous me fournir votre image, sans les inscription de base et avec les bonnes dimensions ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mar 11 Oct 2011 - 13:01

Ok je vous prépare ça, merci.

jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mar 11 Oct 2011 - 13:38

Voilà, merci pour votre aide


jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par SoraNoHime le Mar 11 Oct 2011 - 14:50

Savez-vous faire un tableau pour commencez ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mar 11 Oct 2011 - 14:50

Oui pas de soucis

jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par SoraNoHime le Mar 11 Oct 2011 - 15:05

En fait pour changez votre qeel ce n'est pas bien compliqué, il suffit de faire un tableau où nous remettrons ensuite les balises pour que les phrases apparaissent au bon endroit.

Commencez par faire votre tableau, donnez lui la largeur de votre image et ajoutez lui une class qui permettra de faire apparaitre l'image.

Une fois cela fait, il suffira de remettre ces balises:

dans qui est en ligne :
Code:
<span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span>
dans en ligne :
Code:
<span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {LOGGED_IN_USER_LIST</span>
dans groupes :
Code:
<span class="gensmall">{GROUP_LEGEND}</span>
dans historiques des visiteurs :
Code:
<table class="trans">{L_CONNECTED_MEMBERS}</table>
dans anniversaires :
Code:
<table class="trans">{L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}</table>

Ensuite, il suffira de régler les tailles de tous et d'adapter la css.

Commencez par faire votre tableau et installer les balises comme je vous l'ai indiqué à la place de ce qui est entre
Code:
<!-- BEGIN disable_viewonline -->
et
Code:
<!-- END disable_viewonline -->

Ensuite nous verrons ensemble comment régler le tout.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mar 11 Oct 2011 - 15:14

OK merci beaucoup Very Happy

jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par SoraNoHime le Mar 11 Oct 2011 - 15:38

Pour la suite, n'oubliez pas de me fournir le code que vous aurez fait. ^^

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mar 11 Oct 2011 - 15:44

Bon voilà j'ai essayé dans mon forum test pour ne pas affoler les membres mais j'ai du faire une bêtise rien ne vas comme je veux

http://testoss.forumgratuit.org/

Code:
<table
 style="background-image: url(http://nsa22.casimages.com/img/2011/10/11/111011014424769045.png); background-repeat: no-repeat; background-position: center; width: 1000px; text-align: left; margin-left: auto; margin-right: auto;"
 >="" border="0" cellpadding="2" cellspacing="0">
  <tbody>
    <tr>
      <td colspan="3" rowspan="1"
 style="text-align: center; height: 100px;"><br>
      <br>
      <span class="gensmall">{TOTAL_POSTS}<br>
{TOTAL_USERS}<br>
{NEWEST_USER}</span></td>
    </tr>
    <tr>
      <td style="height: 20px;"></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td
 style="height: 230px; text-align: center; vertical-align: top;">
      <span class="gensmall"><br>
      <br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</span></td>
      <td style="width: 300px;"></td>
      <td
 style="width: 340px; text-align: center; vertical-align: top;"><span
 class="gensmall"><br>
      <br>
{GROUP_LEGEND}</span></td>
    </tr>
    <tr>
      <td colspan="3" rowspan="1"
 style="text-align: center; vertical-align: top; height: 100px;"><br>
      <br>
      <div style="text-align: center;">{L_CONNECTED_MEMBERS}
      </div>
      <table
 style="text-align: left; margin-left: auto; margin-right: auto;"
 class="trans">
      </table>
      </td>
    </tr>
    <tr>
      <td colspan="3" rowspan="1"
 style="height: 100px;">
      <div style="text-align: center;"> </div>
      <table
 style="text-align: left; margin-left: auto; margin-right: auto;"
 class="trans">
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
      </table>

jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par SoraNoHime le Mar 11 Oct 2011 - 16:13

changez déjà : style="background-image: url(http://nsa22.casimages.com/img/2011/10/11/111011014424769045.png); background-repeat: no-repeat; background-position: center; width: 1000px; text-align: left; margin-left: auto; margin-right: auto;"

par class="qeelfond"

et dans la css mettez

.qeelfont {
background-image: url(http://nsa22.casimages.com/img/2011/10/11/111011014424769045.png);
background-repeat: no-repeat;
background-position: top center;
width: 1000px;
height : hauteur de l'imagepx
}

ensuite il y a quelques erreurs sur le tableau :
Code:
    <table class="qeelfond" width="1000" border="0" cellpadding="2" cellspacing="0">
          <tbody>
            <tr>
              <td colspan="3" rowspan="1"
        style="text-align: center; height: 100px;"><br>
              <br>
              <span class="gensmall">{TOTAL_POSTS}<br>
        {TOTAL_USERS}<br>
        {NEWEST_USER}</span></td>
            </tr>
            <tr>
              <td style="height: 230px; text-align: center; vertical-align: top;">
              <span class="gensmall"><br>
              <br>
        {TOTAL_USERS_ONLINE}<br>
        {LOGGED_IN_USER_LIST}</span></td>
              <td style="width: 300px;"></td>
              <td style="width: 340px; text-align: center; vertical-align: top;"><span class="gensmall"><br>
              <br>
        {GROUP_LEGEND}</span></td>
            </tr>
            <tr>
              <td colspan="3" rowspan="1" style="text-align: center; vertical-align: top; height: 100px;">
              <table class="trans">{L_CONNECTED_MEMBERS}</table>
            </td>
            </tr>
            <tr>
              <td colspan="3" rowspan="1" style="height: 100px;">
          <table class="trans">
        {L_WHOSBIRTHDAY_TODAY}
        {L_WHOSBIRTHDAY_WEEK}
              </table>
</td></tr></table>

N'essayez pas pour le moment d'aligner aux cases de votre image, essayez simplement d'en voir la structure, ordre des balises, passage de ligne. ^^ nous le ferons ensuite par la css. Confirmez moi si cela va mieux déjà.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mar 11 Oct 2011 - 16:22

Oui merci c'est déjà mieux Very Happy

jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par SoraNoHime le Mar 11 Oct 2011 - 16:28

Donc maintenant, il va falloir régler les positions tous avec des div et des class.

en fait pour chaque groupe que je vous ai fourni, mettez autour :
Code:
<div class=nom de votre choix, un pour chaque groupe>
et
Code:
</div>

une fois cela fait, dans votre css, vous allez réglé le tout grace à des padding et des margin

exemple : <div class="stat"> <span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></div>

dans la css
Code:
.stat {
margin-left : 20px;
margin-right : 20px;
margin-bottom : 20px;
border : 1px solid #ff0000;
}

comme vous etes sur transparent, je vous ai ajouté un tour pour que vous voyez le changement, enlevez
border : 1px solid #ff0000; pour le supprimez ensuite.

Je vous laisse régler, n'hésitez pas à m'appeller à l'aide au cas où Wink

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mar 11 Oct 2011 - 16:31

Ok super je fais celà ce soir Very Happy

jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mar 11 Oct 2011 - 17:17

Ok je viens d'essayer, j'arrive pas à les faires descendre Very Happy et je ne vois pas les derniers membres connectés.

Merci.

jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par SoraNoHime le Mar 11 Oct 2011 - 17:19

Pensez à éditer votre précédent message plutot que double poster Wink

Donnez moi votre code actuel, je vais voir avec.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mar 11 Oct 2011 - 17:24

Ok pas de soucis Laughing

Code:
<table class="qeelfond" width="1000" border="0" cellpadding="2" cellspacing="0">
          <tbody>
            <tr>
              <td colspan="3" rowspan="1"
        style="text-align: center; height: 100px;"><br>
              <br>
              <div class="stats"><span class="gensmall">{TOTAL_POSTS}<br>
        {TOTAL_USERS}<br>
        {NEWEST_USER}</span></td></div>
            </tr>
            <tr>
              <td style="height: 230px; text-align: center; vertical-align: top;">
              <div class="online"><span class="gensmall"><br>
              <br>
        {TOTAL_USERS_ONLINE}<br>
        {LOGGED_IN_USER_LIST}</span></td></div>
              <td style="width: 300px;"></td>
              <td style="width: 340px; text-align: center; vertical-align: top;"><div class="groupes"><span class="gensmall"><br>
              <br>
        {GROUP_LEGEND}</span></td></div>
            </tr>
            <tr>
              <td colspan="3" rowspan="1" style="text-align: center; vertical-align: top; height: 100px;">
              <div class="histo"><table class="trans">{L_CONNECTED_MEMBERS}</table></div>
            </td>
            </tr>
            <tr>
              <td colspan="3" rowspan="1" style="height: 100px;">
          <div class="hb"><table class="trans">
        {L_WHOSBIRTHDAY_TODAY}
        {L_WHOSBIRTHDAY_WEEK}
              </table></div>
</td></tr></table>

Et le CSS

Code:
.stats {
margin-left : 20px;
margin-right : 20px;
margin-bottom : 0px;
border : 1px solid #ff0000;
}

.online {
margin-left : 20px;
margin-right : 20px;
margin-bottom : 50px;
border : 1px solid #ff0000;
}

.groupes {
margin-left : -20px;
margin-right : 20px;
margin-bottom : 50px;
border : 1px solid #ff0000;
}

.histo {
margin-left : 20px;
margin-right : 20px;
margin-bottom : 0px;
border : 1px solid #ff0000;
}

.hb {
margin-left : 20px;
margin-right : 20px;
margin-bottom : 55px;
border : 1px solid #ff0000;
}

jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par SoraNoHime le Mer 12 Oct 2011 - 4:10

En fait, vous avez quelques petits réglages mal qualibrés, maais sinon vous vous en êtes bien sorti.

Code:
.qeelfond {
background-image: url("http://nsa22.casimages.com/img/2011/10/11/111011014424769045.png");
background-repeat: no-repeat;
background-position: top center;
width: 1030px;
height : 567px
}

        .stats {
        margin-left : 20px;
        margin-right : 20px;
        margin-bottom : 20px;
margin-top : 15px;
        }
       
        .online {
padding : 5px;
margin-top : 20px;
        margin-left : 20px;
        margin-right : 20px;
        margin-bottom : 30px;
height : 200px;
overflow : auto;
        }
       
        .groupes {
padding : 5px;
margin-top : 20px;
        margin-left : -20px;
        margin-right : 20px;
        margin-bottom : 30px;
height : 200px;
overflow : auto;
        }
       
        .histo {
padding : 5px;
overflow : auto;
height : 45px;
        margin-left : 20px;
        margin-right : 20px;
        margin-bottom : 0px;
        }
       
        .hb {
height : 45px;
padding : 5px;
overflow : auto;
        margin-left : 20px;
        margin-right : 20px;
        margin-bottom : 55px;
        }

.trans .row1 {
background-color : transparent;
}

voici votre css complète, y'a-t-il encore des changements à effectuer ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mer 12 Oct 2011 - 7:43

Merci c'est sympa de votre part Very Happy

C'est super, et j'aimerais savoir s'il est possible de mettre les groupes à la ligne au lieu qu'ils soient à la suite.

Pareil j'aimerais centrer l'historique et les anniversaires.

Merci de votre aide.

jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par SoraNoHime le Mer 12 Oct 2011 - 10:34

Pour mettre les groupes à la ligne, il vous faut les remplacer à la main :

un groupe =
<a href="lien du groupe"><font color="couleur du groupe"><b>NOM DU GROUPE</b></font></a><br/>

pour centrer l'historique et les anniv :
.trans .row1 {
background-color : transparent;
text-align : center;
}
rajoutez a partie en rouge

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé ??

Message par jeanluc1974 le Mer 12 Oct 2011 - 20:52

Super merci ça marche y a que pour l'historique et les anniversaire que ça marche pas mais pas grave ça ma va très bien comme ça cheers

En tout cas je vous remercie énormément pour votre aide qui fut très précieuse.

Bravo cheers

jeanluc1974
***

Masculin
Messages : 131
Inscrit(e) le : 13/10/2008

http://www.clan-oss.com
jeanluc1974 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Qui est en ligne personnalisé ??

Message par SoraNoHime le Mer 12 Oct 2011 - 20:57

Je vous en prie bonne soirée.
Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime 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