QEEL Régler le passage connectés depuis 48H

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

Résolu QEEL Régler le passage connectés depuis 48H

Message par HabboGold le Lun 25 Juil 2011 - 16:31

Version: PHPBB2
Image:
Explications: Ci-dessus vous pouvez voir une image de mon Qui est en ligne (non fini) j'ai un soucis je cherche le code où il est possible de modifier l'espace connectés dans les 48 dernières heures je souhaite en fait mettre un fond gris comme le forum et le décaler tout à gauche Smile

Merci d'avance Smile


Dernière édition par HabboGold le Lun 25 Juil 2011 - 21:17, édité 1 fois

HabboGold
*

Messages : 44
Inscrit(e) le : 08/06/2011

http://www.habbogold.org/
HabboGold a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL Régler le passage connectés depuis 48H

Message par Ea le Lun 25 Juil 2011 - 16:59

Bonjour,


Grâce à :
http://forum.forumactif.com/t274260-modifier-le-qui-est-en-ligne-par-template

On voit que la variable des connectés les dernières X heures est :

Code:
{L_CONNECTED_MEMBERS}
Et que pour l'utiliser sur phpbb2 il faut mettre :

Code:
<table>{L_CONNECTED_MEMBERS}</table>
Pour pouvoir le "styliser" il faut lui mettre quelque chose qui permette de le sélectionner avec du CSS donc par exemple :

Code:
<table id="lastConnected">{L_CONNECTED_MEMBERS}</table>
Donc là il suffit de mettre :

Code:
#lastConnected {
  propriété-css: valeur;
  propriété-css: valeur;
  propriété-css: valeur;
}
Pour mettre le style qu'on veut dans le CSS ( PA > Affichage > Couleurs > Feuille de style ), pour le placer à droite ça dépend de comment tout est mis, peut-être une marge à gauche pourrait suffire :

Code:
#lastConnected {
  margin-left: 40px;
}
( pour une marge à gauche de 40 pixels )

Pour la couleur de fond en fait le :

Code:
<table id="lastConnected">{L_CONNECTED_MEMBERS}</table>
Donnera un résultat du style de :

Code:
<table id="lastConnected"><tr><td class="row1"><span class="gensmall">Membres connectés au cours des 24 dernières heures : <a href="/profile.forum?mode=viewprofile&u=1"><span style="color:#000099"><strong>Admin</strong></span></a></span></td></tr></table>
Et la couleur de fond qu'il y a vient du <td class="row1"> ( de la case avec le contenu ), donc il ne faut pas changer la couleur au <table> autour ( car une case est "au dessus" du tableau, donc si le tableau est vert et que la case est bleu on verra la couleur de la case ( et si elle avait comme couleur de fond transparent on verrait la couleur de la ligne ( et si la ligne avait la couleur transparent on verra la couleur du tableau ) ) ), enfin donc il suffit de sélectionner la case qui se trouve dans le tableau et donc de mettre :

Code:
#lastConnected td.row1 {
  background-color: red;
}
Pour changer la couleur de fond ( si vous n'en voulez pas il suffit de mettre comme valeur transparent ).

( la propriété background-color permet de spécifier la couleur de fond )

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

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

Résolu Re: QEEL Régler le passage connectés depuis 48H

Message par HabboGold le Lun 25 Juil 2011 - 18:15

Je te remercie tes explications sont vraiment très précises et m'aide à mieux comprendre ce que je fais Smile

Toutefois je vais encore t'embêter j'aimerais faire sauter le soulignement orange qui persiste sur les pseudos et les groupes (voir image)

J'ai déjà utilisé dans le CSS ceci:
#a {
text-decoration: none;
}
Mais il ne semble pas marcher avec ce changement :/



Merci beaucoup beaucoup d'avance, d'ailleurs si Etana est ton site je te remercie énormément pour tes codes Smile

HabboGold
*

Messages : 44
Inscrit(e) le : 08/06/2011

http://www.habbogold.org/
HabboGold a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL Régler le passage connectés depuis 48H

Message par Ea le Lun 25 Juil 2011 - 19:54

Là ils expliquent assez sommairement les sélecteurs CSS : http://openweb.eu.org/articles/initiation_css

En fait si il y a le code :

Code:
<a href="http://google.com">bonjour</a>
<div id="a">hello</div>
Le :

Code:
#a {
  text-decoration: none;
}
S'appliquera à `<div id="a">hello</div>` car la forme #nom signifie : sélectionner toutes les balises qui ont id="nom".

Pour sélectionner tout les liens il faudrait juste mettre :

Code:
a {
  text-decoration: none!important;
}
( cela sélectionnera toutes les balises <a ...>contenu</a> )

Par contre dans le CSS de base il y a :

Code:
a:hover {
  text-decoration:underline!important;
}
( qui met un soulignement aux liens survolé et le !important signifie que la valeur est prioritaire aux règles qu'il y aurait après )

À cause de la priorité, les liens au survol seront toujours soulignés donc pour ne plus les soulignés non plus il suffit d'ajouter :

Code:
a:hover {
  text-decoration: none!important;
}
( donc dire que les liens au survol ( a:hover ) ne sont pas souligné en mettant la priorité !important également )

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

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

Résolu Re: QEEL Régler le passage connectés depuis 48H

Message par HabboGold le Lun 25 Juil 2011 - 21:17

Merci beaucoup à toi c'est parfait!

HabboGold
*

Messages : 44
Inscrit(e) le : 08/06/2011

http://www.habbogold.org/
HabboGold 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