Modification qeel et stats.

[Dark.av]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://2test.forumactif.com/

Description du problème

Bonjour voila j'ai débuter il y a pas si longtemps sur forumactif je maîtrise le css dans l'ensemble mais la je bloc au niveau du disagne du "qui est en ligne" et les "stats" je vous l'avoue. J'aimerais si possible avoir celui la
Voila ou si vous avez d'autre réalisation dans ce style je suis preneur merci a tous !

[Walt]

Afin de faciliter les recherches ultérieures, le titre de votre sujet doit respecter certaines règles : il doit être explicite (c'est à dire expliquer brièvement le problème), il ne doit pas être en majuscules, il ne doit pas contenir de mots trop généralistes : "aide" ; "help" ; "besoin d'aide" ; "problème"... Merci de le modifier en cliquant sur le bouton éditer de votre premier message.

[Dark.av]

Up^^

[Dark.av]

Bonjour désoler de up a nouveau mais j'aimerais vraiment bien avoir cette réalisation si possible. Merci

[Walt]

Bonjour @Dark.av,

Puisque vous êtes nouveau je vais simplement vous demander d'aller lire les règles générales du forum car en trois messages vous ne les avez pas respectées une seule fois. En effet, les UP ne sont autorisés qu'une fois que 24 heures sont passées depuis votre dernier message dans le sujet.

Concernant votre demande, il vous faut modifier les templates, le CSS et ajouter un peu de JS pour modifier l'apparence de certaines phrases (puisqu'elles sont contenues dans des variables). Vous trouverez tout un tas de sujet relatifs à ces modifications grâce à une petite recherche

Cordialement,
Walt

[Dark.av]

Salut, je viens de lire attentivement les règles désoler...Maintenant pour te répondre je viens d'essayer et je n'arrive toujours pas au résultat que je désire si tu pourrais m'aider je t'en serais reconnaissant. Merci d'avance

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Dark.av]

Non toujours pas résolue j'aimerais vraiment de l'aide à réaliser cela.

[Invité]

(codage déja proposé ici par moi même),

bonsoir , pour recrée cette barre ( de couleur noir ) (sur votre capture) de statistique il faut un truck du genre


le code a mettre dans votre template index_body

a placé suivant votre désire

Code:

<!--== statistic==-->
<!--====script pour les variable====-->
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
          <!--====fin script=====-->
<div id="cadre_noir">
  <span class="FORUMCOUNTPOST"></span>&nbsp;&nbsp;<span class="texte">MESSAGES</span>
  &nbsp;
  <span class="FORUMCOUNTUSER"></span>&nbsp;&nbsp;<span class="texte">MEMBRES</span>
  &nbsp;
  .<span class="FORUMLASTUSERLINK"></span>&nbsp;&nbsp;<span class="texte">NOUVEAU MEMBRE</span>
</div>
<!-- fin statistic -->

le css a mettre dans votre feuille de style css.

Code:

#cadre_noir{width:100%;height:50px;background:#369ffc;text-align:center;margin:auto;border-radius:0px;border:3px solid #fff;}
.FORUMCOUNTUSER{color:#369ffc;background:#f2f2f2;padding:5px;text-align:center;top: 20px;position: relative;border-radius:5px;}
.FORUMCOUNTPOST{color:#369ffc;background:#f2f2f2;padding:5px;text-align:center;top: 20px;position: relative;border-radius:5px;margin-left:16%;}
.FORUMLASTUSERLINK{color:#369ffc!important;background:#f2f2f2;padding:5px;text-align:center;top: 20px;position: relative;border-radius:5px;}
.texte {color: #f2f2f2;text-align: center;margin-right: 140px;top: 20px;position: relative;}

ensuite si cela vous convient !!! il faudra supprimer l'affichage classique des statistiques !!

reorganizé l'ensemble du queel

pour le reste c'est une formalité pour un averti...

cdl,

[Dark.av]

Salut je te remercie beaucoup mon gars ! ( super travail ) Maintenant j'ai juste une petite question, comment je fait pour rajouter dans cette même barre le nombre de CONNECTÉS. Merci d'avance !

[Invité]

slt
connecté en temps réel !
au moment même ou tu navigue ..

[Dark.av]

Salut je me suis mal exprimer je crois je voudrais rajouter dans la barre le CONNECTÉS. comme sur cette image :

[Invité]

bonsoir , avec le systeme que j'utilise , pas moyen d'affiché le nombre , j'ai du rechercher une alternative , et le resulta et ceci



en modifiant l'apparence des 3 cadres précédents ( pour suivre avec connecter) ont aurais une barre uniforme

comme c'est un système différents le css n'est pas évident ( voir impossible) a positionné pour avoir le même rendu .

cdl,

[Dark.av]

Salut, oui c'est très bien ce que tu as fait. Tu peux me le partager ? merci

[Invité]

bonjour , voici

Code:

<!--====script pour les variable====-->
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
          <!--====fin script=====-->
<div id="cadre_noir">
  <span class="FORUMCOUNTPOST"></span>&nbsp;&nbsp;<span class="texte">MESSAGES</span>
  &nbsp;
  <span class="FORUMCOUNTUSER"></span>&nbsp;&nbsp;<span class="texte">MEMBRES</span>
  &nbsp;
  <span class="FORUMLASTUSERLINK"></span>&nbsp;&nbsp;<span class="texte">NOUVEAU MEMBRE</span>
 
  <span id="totalUsersOnline">{TOTAL_USERS_ONLINE}</span>
  <script type="text/javascript">
    document.getElementById('totalUsersOnline').innerHTML=document.getElementById('totalUsersOnline').innerHTML.replace(/Il y a en tout (.*) utilisateur(s)? en ligne :: .* Enregistrés?, .* Invisibles? et .* Invités? (:: .* Moteurs? de recherche)?/,'$1 CONNECTER$2');
    </script>
  </div>

-----------------------------
ps: cette variable {TOTAL_USERS_ONLINE} sera a supprimé pour cause de doublon aprés l'ajout du code
----------------------------

Code:

#cadre_noir{width:100%;height:50px;background:#369ffc!important;text-align:center;margin:auto;border-radius:10px;border:3px solid #fff;}
.FORUMCOUNTUSER{color:#369ffc!important;background:#f2f2f2!important;padding:5px;text-align:center;top: 20px;position: relative;border-radius:5px;}
.FORUMCOUNTPOST{color:#369ffc!important;background:#f2f2f2!important;padding:5px;text-align:center;top: 20px;position: relative;border-radius:5px;margin-left:16%;}
.FORUMLASTUSERLINK{color:#369ffc!important;background:#f2f2f2!important;padding:5px;text-align:center;top: 20px;position: relative;border-radius:5px;}
span#totalUsersOnline{color:#369ffc!important;background:#f2f2f2!important;padding:5px;text-align:center;top: 20px;position: relative;border-radius:5px;}
.texte {color: #f2f2f2;text-align: center;margin-right: 140px;top: 20px;position: relative;}

-----------------------------
ps: dans cette partie >>>
-----------------------------

Code:

.FORUMCOUNTPOST{color:#369ffc!important;background:#f2f2f2!important;padding:5px;text-align:center;top: 20px;position: relative;border-radius:5px;margin-left:16%;}

il faudra surement joué avec margin-left:16%; pour que les 4 passe en largeur et pour centrer le tous...

cdl,

[Dark.av]

Merci vraiment beaucoup pour ton travail ! je vais tester tous ça et je reviens vers toi !

[Dark.av]

Bonjour, je vous remercie pour votre aide qui m'a été très utile ! J'ai juste une dernière demande...

je voudrai mettre un espace entre l'heure/date et la pub ! je vous est pris un petit screen avec un flèche pour vous montrer ou je voudrai cette espace.



Merci d'avance !

[Invité]

ont va intervenir dans le template index_body au début >>ajouter un ou plusieurs

Code:

<br /><br />

entre >>

Code:

{JAVASCRIPT}

et >>

Code:

!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

bon dimanche.

[Dark.av]

Salut, merci beaucoup cela marche très bien !
J'avais encore une question , comment je change l’orthographe ce CONNECTER : voir screen »

[Invité]

dans cette partie

Code:

 <script type="text/javascript">
    document.getElementById('totalUsersOnline').innerHTML=document.getElementById('totalUsersOnline').innerHTML.replace(/Il y a en tout (.*) utilisateur(s)? en ligne :: .* Enregistrés?, .* Invisibles? et .* Invités? (:: .* Moteurs? de recherche)?/,'$1 CONNECTER$2');

plus précisément la

Code:

$1 CONNECTER$2

et ici

Code:

<span class="FORUMCOUNTPOST"></span>&nbsp;&nbsp;<span class="texte">MESSAGES</span>
  &nbsp;
  <span class="FORUMCOUNTUSER"></span>&nbsp;&nbsp;<span class="texte">MEMBRES</span>
  &nbsp;
  <span class="FORUMLASTUSERLINK"></span>&nbsp;&nbsp;<span class="texte">NOUVEAU MEMBRE</span

replacé " messages " "membres" "nouveau membre" par du minuscule ..

le script pour 1 connecter ajoute le pluriel quand il y a 2 membres , et le s et en minuscule

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Dark.av]

Salut ! merci beaucoup !
J'ai encore un pti truc a te demander, cette fois ça concerne lorsque l'ont poste un sujet je voudrai que ça soit sous cette forme ( voir screen ) voila merci d'avance.


Bonne soirée.

[Invité]

bonjour , désolé mais la ont s'écarte du sujet initial ( la modération risque de ne pas apprécier ) , il va falloir mettre resolu a celui la et en ouvrir un autre ..

[Dark.av]

Ah oui pas de soucis excuse moi je refait un sujet