Qui Est En Ligne - Utopia Bouton_activeQui Est En Ligne - Utopia Bouton_hoverQui Est En Ligne - Utopia Fb-hoverQui Est En Ligne - Utopia Fb-active
C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Barre(s) Hitskinienne
Qui Est En Ligne - Utopia EmptySam 20 Avr 2019, 14:20 par @ngelEarth

» Effet pour vos sous-forums
Qui Est En Ligne - Utopia EmptyVen 19 Avr 2019, 12:53 par XeWuP

» Pour faire des beaux titres de sous-forums
Qui Est En Ligne - Utopia EmptyVen 19 Avr 2019, 12:52 par XeWuP

» [phpBB2] Arrondir le cadre du forum
Qui Est En Ligne - Utopia EmptyVen 19 Avr 2019, 10:46 par @ngelEarth

» Mettre la ChatBox en spoiler
Qui Est En Ligne - Utopia EmptyJeu 18 Avr 2019, 07:19 par Mitsukane

» [Page d'accueil] Colorée & Coins très arrondis
Qui Est En Ligne - Utopia EmptyDim 03 Mar 2019, 17:40 par jelayde

» [PA] Message d'Accueil Simple
Qui Est En Ligne - Utopia EmptyDim 03 Mar 2019, 17:38 par jelayde

» Supprimer la mention "Dernière édition par ..."
Qui Est En Ligne - Utopia EmptyMar 26 Fév 2019, 00:05 par HeroxAquariophile


Partagez
 

Qui Est En Ligne - Utopia

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2, 3 ... 8 ... 16  Suivant
Voir le profil de l'utilisateur http://enaevolare.fr
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2853



Qui Est En Ligne - Utopia Empty

Structure de QEEL

Description

Une structure classique en tableau et toute en coins arrondis, avec quelques petits bonus.

Demo

Template d'origine
Mise en forme de base

Démonstration interactive

Code

Introduction


Pourquoi "Utopia" ?


Il s'agit du nom du forum pour lequel j'avais réalisé ce Qui Est En Ligne. Vous pouvez d'ailleurs voir le QEEL originel dans l'image de démonstration. Le forum ayant péri corps et bien dans les méandres de l'Internet, j'ai remis à jour le template du QEEL pour vous le proposer comme code directement exploitable. Wink

Spécifications



  • Affiche un résumé des statistiques
  • Phrases du QEEL personnalisées
  • L'image du QEEL est celle que vous uploadez dans votre panneau d'administration
  • Les groupes sont mis en page automatiquement, pas besoin de trifouiller le code pour mettre la liste à jour.
  • Les liens des statistiques (Sujets actifs du jour, top 20 des posteurs) sont placés dans le QEEL, il faut donc les supprimer de leur emplacement d'origine.
  • Les anniversaires ne sont PAS inclus
  • Affiche la liste des utilisateurs connectés au cours des dernières heures
  • Affiche les statistiques de la chatbox (n'affichera rien si vous n'avez pas activé l'option Wink ), mais pas le lien vers celle ci.

Règles d'utilisation


Ce n'est pas parce que je propose mes codes en libre service que vous pouvez faire n'importe quoi avec ; n'oublions pas qu'ils restent le fruit de mon travail !  Merci donc de respecter les quelques règles qui suivent.


  • Vous pouvez éditer ce code à votre convenance
  • Vous ne pouvez pas redistribuer ce code sur un autre forum, quel qu'il soit.
  • Vous devez impérativement laisser mes crédits, même après modification (vous pourrez évidemment ajouter "personnalisé par (pseudo)")
  • L'usage de ce code est autorisé pour un usage strictement personnel et non commercial.
  • En aucun cas vous ne pouvez utiliser ce code sur un forum faisant la promotion du racisme, de la xénophobie, de l'homophobie, de la pédophilie, de la pornographie, du warez et de tout autre contenu de nature discriminatoire ou illégale. Cette interdiction s'applique également aux forums RPG dits "Hentai/Yaoi/Yuri" qui ne mettent pas en place les mesures minimales de protection contre les mineurs (c'est à dire au minimum le contenu sensible caché aux visiteurs, un avertissement clair et visible à l'inscription et sur l'accueil, et pas de personnages mineurs)
  • Merci d'ajouter un lien retour vers CSSActif sur votre forum si vous utilisez ce QEEL.


Vous devez poster un message à la suite pour afficher les codes

Scripts à installer


Allez dans votre panneau d'administration, onglet Modules puis dans Gestion des Codes Javascript. Assurez-vous que la gestion du javascript est activée, puis créez les deux pages javascript qui suivent, que vous activerez sur l'index.

Code JS n°1 - Variables de templates dans le QEEL


Copiez collez le code que vous trouverez à cette adresse dans un nouveau fichier javascript.
Vous trouverez plus d'explications sur ce code alambiqué en allant lire ce tutoriel sur le Forum des Forums. Il nous servira à afficher le nombre de messages, de sujets, de membres et le dernier inscrit.

Code JS n°2 - Script de personnalisation des phrases


Le script qui suit remplace différentes parties des phrases par défaut du QEEL. La fonction remplaceText cible les éléments précisés par un identifiant dans le HTML et remplace la première partie entre guillemets par la seconde, comme ceci :
Code:
remplaceText('#identifiant', "texte à remplacer","Texte de remplacement");
Les identifiants utilisables sont :

  • totalUsersOnline pour le nombre d'utilisateurs connectés
  • loggedInUsers pour le nombre d'utilisateurs connectés pendant les dernières 24h
  • totalChattersOnline pour le nombre d'utilisateurs connectés sur la chatbox

Et donc, le script en question (rappel : vous devez répondre au sujet pour voir le code) :


Édition du template index_body


Rendez-vous dans votre panneau d'administration, onglet Affichage puis dans le menu Templates » Général et ouvrez le template index_body.

Suppression des liens vers les pages de statistiques


Vu qu'ils sont utilisés dans cette structure de QEEL, vous pouvez retirer ceux qui existent actuellement ! Cherchez cette partie et supprimez-la :
Code:
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
 <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
 <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>

Code du QEEL


Cherchez les commentaires suivants :
Code:
<!-- BEGIN disable_viewonline -->
Code:
<!-- END disable_viewonline -->
Supprimez tout ce qui se trouve entre les deux.

Puis ajoutez le code qui suit (caché par défaut, pour rappel) :

En principe, vous ne devriez pas avoir besoin de trop éditer le contenu.

Le CSS


Dans votre panneau d'administration, choisissez la rubrique Affichage, puis dans le menu Images et couleurs » Couleurs sélectionnez l'onglet feuille de styles CSS et collez y le code qui suit :

J'ai essayé de commenter au mieux pour les débutants, mais il vous faudra un minimum de bases en CSS pour modifier les détails selon vos goûts.

Bonus : fichier LESS


Pour pouvoir modifier le code de votre QEEL sans avoir à vous battre avec le CSS (surtout si vous ne le maîtrisez pas), vous pouvez également utiliser le fichier LESS qui suit. Éditez les variables puis utilisez le logiciel Crunch! [voir le tutoriel] pour comiler le code et générer votre CSS personnalisé Wink

Le code LESS est ci après :

Informations générales

'Christa Lostmindy01/12/2012Firefox, Chrome, Internet ExplorerEspeon02/03/2013 - MAJ 'Christa - Correction du script de remplacement des phrases du QEEL.
03/04/2019 - MAJ 'Christa : suppression de liens morts, changement de l'affichage des crédits


Qui Est En Ligne - Utopia Signature_staff
Ne me vouvoyez pas, merci (même si vous avez 15 ans de moins que moi, j'veux pas le savoir)


Dernière édition par 'Christa le Mer 03 Avr 2019, 16:17, édité 13 fois
MessageSujet: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptySam 01 Déc 2012, 15:58
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://enaevolare.fr
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2853



Qui Est En Ligne - Utopia Empty
Code validé par Espeon


Qui Est En Ligne - Utopia Signature_staff
Ne me vouvoyez pas, merci (même si vous avez 15 ans de moins que moi, j'veux pas le savoir)
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyMer 19 Déc 2012, 05:52
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://divine-war.forumactif.ws/
Chocapiix
{ Membre }
{ Membre }

Féminin Messages : 10



Qui Est En Ligne - Utopia Empty
Très jolie QEEL ♥ épuré et sobre !
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyMer 19 Déc 2012, 11:18
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.fear-and-co.com/
{ Membre }
{ Membre }

Féminin Messages : 38



Qui Est En Ligne - Utopia Empty
Jolie Queel
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyJeu 20 Déc 2012, 13:42
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wow-macros.forumactif.org
{ Membre }
{ Membre }

Masculin Messages : 13



Qui Est En Ligne - Utopia Empty
Jolie, bravo!
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyJeu 20 Déc 2012, 15:44
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://justiceleague.forumpersos.com/
Bane
{ Membre }
{ Membre }

Masculin Messages : 24



Qui Est En Ligne - Utopia Empty
Merci bon travail et très beau
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyJeu 20 Déc 2012, 20:14
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://100yearslater.superforum.fr/
erika-piou
{ Membre }
{ Membre }

Féminin Messages : 22



Qui Est En Ligne - Utopia Empty
trop bien *q*
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyVen 21 Déc 2012, 08:28
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://newday-thelastchance.forum-canada.com/
Cruelly
{ Membre }
{ Membre }

Féminin Messages : 42



Qui Est En Ligne - Utopia Empty
Super code merci beaucoup Smile
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptySam 22 Déc 2012, 20:06
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
{ Membre }
{ Membre }

Féminin Messages : 15



Qui Est En Ligne - Utopia Empty
Joli ! ^^
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyDim 23 Déc 2012, 05:15
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
{ Membre }
{ Membre }

Féminin Messages : 19



Qui Est En Ligne - Utopia Empty
Il est superbe !
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyDim 23 Déc 2012, 11:20
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://chidorinokuni.forumgratuit.org
{ Membre }
{ Membre }

Masculin Messages : 32



Qui Est En Ligne - Utopia Empty
Magnifique :O
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyMer 02 Jan 2013, 06:28
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fairypiece.forumgratuit.eu
Yamashita
{ Membre }
{ Membre }

Féminin Messages : 15



Qui Est En Ligne - Utopia Empty
J'adore ce QEEL, j'adopte complètement
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyMer 02 Jan 2013, 15:18
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Taylor ♥
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Qui Est En Ligne - Utopia Empty
Merci
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyVen 04 Jan 2013, 06:18
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://thelionkingwar.forumactif.fr/
Nightwish
{ Membre }
{ Membre }

Masculin Messages : 20



Qui Est En Ligne - Utopia Empty
Merci !
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyLun 07 Jan 2013, 05:07
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://exprime-toi.keuf.net/
MStrawberry
{ Membre }
{ Membre }

Féminin Messages : 24



Qui Est En Ligne - Utopia Empty
Merci
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyLun 07 Jan 2013, 16:17
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Etoile*
{ Membre }
{ Membre }

Féminin Messages : 20



Qui Est En Ligne - Utopia Empty
très joli
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyLun 14 Jan 2013, 06:36
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tvd-rpg.forumgratuit.be/
ptit lu
{ Membre }
{ Membre }

Féminin Messages : 40



Qui Est En Ligne - Utopia Empty
Il est vraiment magnifique
Merci beaucoup
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyMer 16 Jan 2013, 09:55
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://nospetitsboutdechoux.forumactif.org
{ Membre }
{ Membre }

Féminin Messages : 29



Qui Est En Ligne - Utopia Empty
Merci
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyVen 18 Jan 2013, 09:28
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Niten
{ Membre }
{ Membre }

Masculin Messages : 128



Qui Est En Ligne - Utopia Empty
Bien que l'effet soit joli, je ne compte pas m'en servir. Mais j'aimerais comprendre comment tu t'y es prit.

Edit : Clair et détaillé. Merci pour l'explication. J'aime comprendre et grâce à toi j'ai rempli encore quelques lacunes. Merci.
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyVen 18 Jan 2013, 10:17
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.eriateam.com/
hitsu'
{ Membre }
{ Membre }

Féminin Messages : 12



Qui Est En Ligne - Utopia Empty
magnifique :3


Qui Est En Ligne - Utopia 121125014725175051
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptySam 19 Jan 2013, 08:07
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://evolved.fantastique.tv/
Maguitte2008
{ Membre }
{ Membre }

Féminin Messages : 151



Qui Est En Ligne - Utopia Empty
MAGNIFIQUE !
*-*
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptySam 19 Jan 2013, 08:12
Revenir en haut Aller en bas
L'auteur de ce message est actuellement banni du forum - Voir le message
Voir le profil de l'utilisateur http://kuroko-no-basket-rpg.forum-canada.com/
Kaela Naoki
{ Membre }
{ Membre }

Féminin Messages : 24



Qui Est En Ligne - Utopia Empty
J'aime beaucoup !! C'est vraiment beau !
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyVen 25 Jan 2013, 17:36
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Remiiw
{ Membre }
{ Membre }

Féminin Messages : 47



Qui Est En Ligne - Utopia Empty
Merciii.


Qui Est En Ligne - Utopia 120709052014198961
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptySam 26 Jan 2013, 13:15
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Mzelle Machin
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 3809



Qui Est En Ligne - Utopia Empty
Merci Smile


Allez les filles! Aidez-nous à vaincre les hommes! Faites remonter le compteur on compte sur vous! --> Hommes vs. Femmes Qui Est En Ligne - Utopia 1001172573 Qui Est En Ligne - Utopia 1001172573
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia EmptyDim 27 Jan 2013, 06:35
Revenir en haut Aller en bas
Contenu sponsorisé




Qui Est En Ligne - Utopia Empty
MessageSujet: Re: Qui Est En Ligne - Utopia   Qui Est En Ligne - Utopia Empty
Revenir en haut Aller en bas
 

Qui Est En Ligne - Utopia

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 16Aller à la page : 1, 2, 3 ... 8 ... 16  Suivant

 Sujets similaires

-
» Comboost : un diaporama hébergé en ligne
» Bonjour Pascale en ligne
» Ideo 24/24: Pas d'activation de ma ligne mobile par Bouygues !?
» test de débit de ma nouvelle ligne bbox
» Connexion sur le réseau en ligne de la Wii

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Codes Directement Exploitables :: Personnalisation F.A. :: Qui est en ligne ?-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit