Salut à tous !

Mise à jour mineure qui rajoute le défilement doux (Smooth Scrolling) vers le contenu des blogs/articles, environ 1 seconde après le chargement de la page.

Comme ça, plus besoin de scroller comme un malade pendant 5 secondes pour aller voir l'article.

Ça fait le même effet lorsqu'on clique sur un lien de commentaire.

P.S: Normalement, pour ceux qui ont Chrome ou Firefox, le site à du vous annoncer qu'une mise à jour du script était disponible, sinon aller réinstaller le script sur la page suivante.

Comme d'hab pour ceux qui veulent l'installer ou qui ne comprennent rien :

-- Cliquez ici si vous ne savez pas de quoi on parle.

-- Cliquez ici pour installer la nouvelle version.

Salut à tous ! Un petit post rapide pour vous annoncez qu'après une soirée de prise de tête, j'ai enfin réussi à rendre compatible mon script avec Chrome / Chromium.

Pour rappel, Gamekyo Blog+ est un script qui s'installe sur votre navigateur et modifie le rendu de Gamekyo.com (la partie blog tout particulièrement).

En plus de ça, j'ai peaufiné le script pour qu'il se mette à jour automatiquement (pour les prochaines mises à jour à venir).

J'ai encore quelques modifications à faire dans le futur (n'hésitez pas à dire dans les commentaires ce que vous voudriez comme fonction) mais au moins maintenant tous le monde (sauf ceux qui utilisent Internet Explorer) peuvent avoir un Gamekyo amélioré ^^



Alors pour ceux qui voudrait l'installer sur Chrome, il y a 2 méthodes :
- Soit installer l'extension Tampermonkey, aller sur cette page et cliquer sur "Install" en haut à droite, puis cliquer sur "Oui".

- Soit télécharger le script en allant sur cette page, en faisant clique droit sur le bouton "Install", puis "Enregistrer le lien sous". Ensuite, cliquer sur Outils -> Extensions puis glissez déposer le fichier du script téléchargé dans la page. Cliquer sur "Oui" et c'est fini !

Pour ceux qui voudrait l'installer sur Firefox, reportez vous à mon ancien article qui explique tout et même en VIDEO !

Comme d'hab pour ceux qui veulent l'installer ou qui ne comprennent rien :

-- Cliquez ici si vous ne savez pas de quoi on parle.

-- Cliquez ici pour installer la nouvelle version.

Salut à tous, je reviens après 1 an d'absence sur mon script avec au programme de la version 2.0.4 :
- Application des styles CSS au profil (alors qu'avant ils étaient limités aux blogs seulement)
- Ajout d'un compteur d'articles pour les personnes filtrées

Mais en plus de ça, j'ai pris mon courage à deux mains et je vous ai concocté 2 vidéos : un tutoriel pour installer le script et un qui vous explique les fonctionnalités (dans les grandes lignes) .

Parce que je peux comprendre que toucher à un navigateur soit compliqués, j'ai essayé de faire on ne peut plus facile.

Je tiens à m'excuser pour la qualité du micro, étant au boulot c'est le mieux que j'ai réussi à faire.



Et si ça vous a fait envie, le tutoriel pour l'installer :



Comme d'hab pour ceux qui veulent l'installer ou qui ne comprennent rien :

-- Cliquez ici si vous ne savez pas de quoi on parle.

-- Cliquez ici pour installer la nouvelle version.

Vive la mousse, vive gamekyo ! (troll facile hein)

Version 2.0.3 qui corrige deux bugs génants:
- les vidéos break.com qui ne passaient plus
- les membres cachés contenant un espace s'affichaient toujours.

Ces deux bugs ont été corrigés donc libre à vous de télécharger cette nouvelle version.

-- Cliquez ici si vous ne savez pas de quoi on parle.

-- Cliquez ici pour installer la nouvelle version.

Par contre, je tiens à vous annoncez que vu que je vais reprendre le taff, j'aurai moins le temps pour ajouter des nouvelles choses au script (surtout que j'ai plus rien de prévu à rajouter... -hors design-)

Donc si vous avez des idées, envies, etc... n'hésitez pas !

Une version 2.0.2 qui apporte rien de nouveau pour vous mais qui permet de mieux personnaliser les éléments des blogs.

Ajout de : #profil, #profil-titre, #profil-content .

Donc, téléchargez la ou pas, suivant ce que vous allez en faire :

-- Cliquez ici si vous ne savez pas de quoi on parle.

-- Cliquez ici pour installer la nouvelle version.

Passons aux choses sérieuses.

Cet article sera beaucoup plus long que d'habitude car je vais expliquer comment j'ai fais pour permettre aux gens de modifier leur blog, et j'essaierai de vous expliquez comment modifier vous même les éléments de votre blog.



Je vais essayer d'être le plus compréhensible possible; mais ça paraît tellement simple pour l'habitué que c'est possible que je prenne des raccourcis, si c'est le cas, faites moi signe.

Le fonctionnement du script :

Le principe: un navigateur internet (firefox) charge la page internet, une extension (Greasemonkey) execute un script (Gamekyo Blog+) qui permet de modifier le contenu de la page, comme ajouter/modifier/supprimer des éléments sur la page.

En partant sur ce principe, il est possible de changer TOUT ce qu'on veut sur la page affichée (c'était le but premier du script - permettre d'afficher/cacher, muter/unmuter des membres).

Voila un schéma explicatif assez simplifié:


Je dis simplifié parce qu'en fait, la page est chargée, affichée ET ensuite les modifications sont faites.

Le souci ici, c'est que comme vous le voyez, tout se passe CHEZ vous.

Donc pour pouvoir faire des modifications que tout le monde va voir, il fallait monter un serveur de synchronisation qui ferait basiquement ceci:



Une fois que ça a été mis en place, il fallait que le script puisse faire des requêtes distantes. Heureusement Greasemonkey peut faire ça.

Je rentre volontairement pas dans les détails de programmation pour pas en perdre plus d'un (ouai, on est quand même sur un site de jeu) ^^.

Retenez qu'à chaque blog que vous visitez, une requête silencieuse est faite au serveur de synchro, si l'utilisateur a pas de CSSe (étendue) alors le script renvoie rien.

Voilà comment marche la synchronisation de la nouvelle monture de GKB+.

Maintenant place aux CSS étendue !

TOUT D'ABORD, je tiens à préciser que Gamekyo n'accepte pas les balises HTML donc gardez en tête que les + blabla + sont en fait des < et > .



Pour ceux qui ne savent pas, la page que vous avez sous les yeux en ce moment est une succession de "balises" de texte. Ces balises sont appelées des balises HTML, le HTML (HyperText Markup Language) n'est pas un langage à proprement parlé (comme peut l'être le C, C++, etc...), il permet de bien cataloguer les informations que vous voulez montrer à vos visiteurs.

Par exemple, suivant ce que vous voulez montrer, une liste par exemple, vous devez mettre vos éléments comme ceci :

Il en existe plusieurs et certaines sont plus utilisées (ou mal utilisées c'est à voir) que d'autres.

Par exemple, la balise +p+ permet de mettre un texte en paragraphe, la balise +strong+ +/strong+ (ou +b+ +/b+ mais dépréciée) mettra en gras automatiquement ce que vous écrirez dedans. Ou encore, y'a la balise +img+ qui permet d'insérer une image !

Vous voyez le genre ? Si vous êtes sous Firefox, faites CTRL + U pour voir à quoi ressemble la page que vous regardez en ce moment en HTML.

C'est fouillis hein ? Pleins de balises partout, pleins de trucs incompréhensibles, c'est normal ce que vous voyez est "juste" DU CONTENU !

Mais je vous vois venir ceux qui suivent encore, vous vous demandez, comment ça se fait que la page affiche des cadres avec des bordures en couleur, un fond bleu alors que ce qu'on voit, c'est juste des balises et pas d'information de couleur ?

Et bien, justement, il y a le CSS (pour Cascading Style Sheets - Feuilles de style en cascade en Français) qui est un langage de "mise en forme".

Avec ça, on peut modifier n'importe quel élément de la page pour le rendre comme on le souhaite.

La syntaxe ressemble à ça :

(Il ne faut pas oublier le point virgule à la fin, le style pourrait ne pas s'appliquer si vous l'oubliez !)

La syntaxe est très simple, il suffit de repérer l'élément que l'on veut changer et lui imposer des nouvelles propriétés. Je m'explique:

Certains styles sont redondants et d'autres sont "uniques" et utilisés 1 seule fois sur la page.
On va se servir de ça pour cibler ce qu'on veut: un style redondant sera représenté par un . (point) au début de son nom et un style unique par un # (dièse).

Avec la mise à jour 2.0.2 (celle là), si vous tapez dans CSS étendue :

Votre encadré où il y a toutes les informations sur votre profil aura un fond bleu.
Comme il n'y a qu'UN seul encadré profil, le style est unique.

A contrario, si vous en avez marre que votre pseudo ait une majuscule à chaque fois qu'il apparait (oui, moi ça me fait chier ^^), il faudra utiliser :


Comme votre pseudo est susceptible d'apparaitre plusieurs fois sur le site, le style est pas unique, c'est un .(point) qui précède son nom.

Maintenant, la question c'est comment trouver les nom des classes qui changent ce qu'on veut et où on veut ?

Simple, il faut installer une extension qui s'appelle "Firebug", cliquer sur le "cafard" en bas, allez sur l'onglet "HTML" et utilisez la sorte de "souris avec un rectangle" (juste à côté de "Console"), ciblez l'élément que vous voulez modifier et regardez sa dénomination (ses paramètres).



Exemple: Je veux changer la couleur de la bande en haut. Je cible en haut et je vois apparaitre:

Ce qui veut dire que tout ce qui se trouve dans ce "div" (qui est une balise HTML, je vous le rappelle) correspond au haut de la page.
id="header" veut dire que c'est un style UNIQUE, donc il faudra... un # dans son nom ! (si c'était un class="blabla" c'était un POINT)

Donc on écrira: pour changer sa couleur.

On peut aussi modifier les éléments HTML qui n'ont pas de class= ou de id=, il suffit d'écrire leur nom.

Genre, vous voulez la zone de texte des commentaires soit noire sur verte (matrix style !) ?
Simple !

Il existe beaucoup de propriété de mise en forme, une liste non exhaustive est disponible ici : http://www.siteduzero.com/tutoriel-3-13639-liste-des-proprietes-css.html

Essayez-les pour trouver ce que vous recherchez !

Je rajoute que comme on est sur Firefox, on peut utiliser certaines propriétés que d'autres navigateurs n'ont pas tel que -moz-border-radius: 10px; (pour arrondir les angles), opacity: (de 0.1 à 1); et d'autres que je n'utilise pas plus que ça.

Mon article est fini, j'espère que ça vous aura pas mal aidé à comprendre, il faut pratiquer pour arriver à quelque chose de potable, donc si ça rend pas bien ou marche pas bien, PERSÉVÉREZ !

Si vous avez des questions, je vous écoute

P.S: Félicitations, vous avez lu mon pavé en entier (enfin, j'espère ) !

Une rapide mise au point pour vous dire que le script fonctionne maintenant (en mode déconnecté et connecté), ce qui n'était pas le cas avant (merci à Lt93 de me l'avoir fait remarqué -- même si je pensais que c'était fait exprès, en fait, non ^^ bref)

Je vois que "seulement" 8 membres de GK (moi inclus) utilise la fonction de personnalisation et chez certains ça rend vraiment pas mal du tout :
- Chez Lt93
- Chez darkouu (où sérieusement ça rend bien =D)
- Chez prinny (ça fait mal aux yeux mais c'est le genre qui veut ça ^^)
- Chez boyd aussi ça apaise le tout

Pour ma part, j'ai décidé de faire un peu n'importe quoi avec mon thème pour vous montrez justement que "presque" tout est possible maintenant !!!

-- Cliquez ici si vous ne savez pas de quoi on parle.

-- Cliquez ici pour installer la nouvelle version.

Pour la suite, je vais bientôt écrire un article sur comment ça fonctionne, couplé avec mes méthodes pour bien gérer le CSS étendu (je peux comprendre qu'il y en ai certains d'entre vous qui ne comprennent pas comment ça marche).

Comme d'habitude, faite marcher le bouche à oreille et utilisez le script !

Voilà elle est là, la version 2.0 !

Le serveur de synchronisation est en place, je ferai un ticket pour expliquer le fonctionnement.

Vous pouvez, maintenant, modifier (en basic) la couleur du fond du cadre et la couleur des textes des articles.

Pour le reste, j'ai ajouter une fonction qui s'appelle CSS étendu ; désolé à ceux qui ne maîtrise pas les css, je vais vous donner des schéma de modification.

Si vous avez le temps et l'envie, il vous suffira d'aller lire les cours sur le le site du zéro. Vous verrez qu'une fois maitrisée, vous pouvez faire de votre blog une oeuvre d'art.

Au départ, je voulais faire pleins de petites boites pour modifier facilement le design du blog, mais le problème c'est qu'il y aurai eu des 20aines de boites (liens, commentaires...), vlà comment ça serait le bordel.

Donc installez le script et revenez ici (actualiser la page bien sûr ) et vous verrez que j'ai une image en fond

Regardez le screen pour voir :

Ce qui nous fait, comme features :
+ L'ancre pour les liens des commentaires (effectif sur tout le site)
+ Possibilité d'afficher/cacher les blogs de membre/groupe
+ Agrandissement de la liste en largeur pour les écran < à 1024 (pour les netbooks)
+ Possibilité de muter/unmuter un membre dans les commentaires
+ Filtrer les articles de blog, soit par membre, soit par groupe
+ Prévisualisation des commentaires et des articles (avec smileys & tags)
+ Active le plein écran sur les vidéos youtube, dailymotion (flash) (
* Features communautaire :
+ Modifications poussées sur la personnalisation des blogs avec CSS étendu

-- Cliquez ici si vous ne savez pas de quoi on parle.

-- Cliquez ici pour installer la nouvelle version.

Le nouveau menu apparaît seulement sur les pages de configuration du blog (Lien "blog" tout en haut à côté de "profil").

Pour utiliser les modèles, il suffit de copier les codes dans le cadre "CSS étendu :" en modifiant ce que vous voulez.

Pour avoir une image en fond: (Ne mettez pas de guillemets pour l'adresse)


Pour avoir un haut GK d'une autre couleur:


J'en rajouterai au fur et à mesure qu'on en demande.
Voilà donc c'est la version qui scinde la communauté en deux, ceux qui ont le script et ceux qui l'ont pas, j'espère ne pas avoir trop foutu la merde ^^ (Enfin, je m'en fou, chacun est libre de choisir)

Aussi et avant que j'aille me reposer, je tiens à rappeler que cette version inclut les (presque toutes) balises dans la prévisualisation des articles (il manque les balises [*videoq] ou un truc du genre, mais le flash marche ainsi que les [*pos=]) ET SURTOUT il active enfin le mode plein écran pour les vidéos flash (youtube, dailymotion...)

Encore et toujours, n'hésitez pas à faire parler du script autour de vous, dans la communauté, n'hésitez pas à faire remonter les bugs et à apporter vos idées !

J'avais dis que je ne reposterais pas de nouvelle version avant la 2.0 et bien... j'ai menti .

Comme Lt93 l'avait demandé, j'ai étendu la prévisualisation aux articles.
Vous pouvez voir à quoi votre article va ressembler avant d'être posté.

Regardez le screen pour voir :

J'ai complété la prévisualisation avec l'émulation des smileys (ils y sont tous !) MAIS par contre la prévisualisation des articles ne prend pas (encore) en compte les tags vidéos et le spoiler. D'ailleurs, il me fallait poster un article pour voir ce que ça générait au final donc Spoiler :
.

Il faut que je trouve un ou plusieurs articles qui utilisent les tags vidéos pour voir ce que GK utilise.

Ce qui nous fait, comme features :
+ L'ancre pour les liens des commentaires (effectif sur tout le site)
+ Possibilité d'afficher/cacher les blogs de membre/groupe
+ Agrandissement de la liste en largeur pour les écran < à 1024 (pour les netbooks)
+ Possibilité de muter/unmuter un membre dans les commentaires
+ Filtrer les articles de blog, soit par membre, soit par groupe
+ Prévisualisation des commentaires et des articles (avec smileys & tags)

-- Cliquez ici si vous ne savez pas de quoi on parle.

-- Cliquez ici pour installer la nouvelle version.

Bon par contre, promis, la prochaine sera la 2.0 (à part si j'ai à corriger des bugs urgents mais ça me fait chier de faire un post juste pour dire: j'ai merdé, j'ai corrigé le bug, réinstallez ^^).

Une fois que ça sera mis en place, est-ce que vous voulez que je fasse genre un article sur le fonctionnement ou bien, ici, on est bien trop fan de jeux vidéo pour passer à côté des joies du coding et de la programmation ? ^^

Encore et toujours, n'hésitez pas à faire parler du script autour de vous, dans la communauté, n'hésitez pas à faire remonter les bugs et à apporter vos idées !

C'est reparti pour une nouvelle version cette fois-ci avec pas mal de nouveautés:

- La possibilité de seulement voir les articles de membre et/ou de groupe sur la liste des blogs.
- La prévisualisation des commentaires
- Et enfin, l'activation des autres fonctions (mute/unmute, ancre) PARTOUT sur le site (avant c'était limité aux articles de blog seulement)

Voilà pleins d'images pour que vous compreniez mieux de quoi il en retourne :


Ce qui nous fait, comme features :
+ L'ancre pour les liens des commentaires (effectif sur tout le site)
+ Possibilité d'afficher/cacher les blogs de membre/groupe
+ Agrandissement de la liste en largeur pour les écran

-- Cliquez ici si vous ne savez pas de quoi on parle.

-- Cliquez ici pour installer la nouvelle version.

La prochaine version qui sera directement la 2.0, comportera des éléments qui scindera en deux, les utilisateurs du script et les autres; je sais c'est idiot mais c'est comme ça.
Les fonctions qui arriveront sont : personnalisation plus poussées de votre blog (comme Shiks l'a demandé), je vais voir comment m'arranger mais il sera possible de modifier les couleurs de "presque" chaque élément de la page (toujours à la manière GK par contre car je doute qu'il y en ai qui sachent manier les CSS ici).

Pour ce qui est du redesign de GK, j'ai vu à quoi ressembler l'ancien Jeuxfrance, je vais voir ce que je peux faire mais le redesign ça sera vraiment quand j'aurai rien d'autre à rajouter/corriger.

Encore et toujours, n'hésitez pas à faire parler du script autour de vous, dans la communauté, n'hésitez pas à faire remonter les bugs et à apporter vos idées !

A bientôt pour la 2.0 qui sera, je l'espère, démente !

Alors non, pas de mise à jour "majeure" pour cette fois, juste une correction (si on peut dire ça). Le script s'exécute sur les "groupes" (alors qu'avant il ciblait que les blog_article et pas les group_article).

Je recopie rapidement ce que les autres articles disaient pour ceux qui ne savent pas ce que Gamekyo Blog+ est :

Ce qui nous fait, comme features :
+ L'ancre pour les liens des commentaires
+ Possibilité d'afficher/cacher les blogs de membre/groupe
+ Agrandissement de la liste en largeur pour les écran
+ Muter/unmuter des membres dans les commentaires

-> Cliquez ici si vous ne savez pas de quoi on parle.

-> Cliquez ici pour installer la version mise à jour.

Ceux qui ont déjà installé le script ont juste à le réinstaller.

MAIS le "vrai" but de ce post est d'avoir un retour de la communauté. Fan2jeux demandait dans le dernier post, que le tag [ img ] soit pris en compte. Jusque là, rien de bien compliqué et j'ai ajouté ça mais, comme je redis dans mon dernier commentaire, ça va pénaliser ceux qui n'ont pas le script qui ne verront que du "texte" et rien d'autres...
Si on prend le script jusqu'à maintenant, tout fonctionne côté membre, personne ne viendra vous dire qu'il comprend rien à ce que vous racontez parce qu'il a pas le script, donc ça gêne personne.

- Pensez vous qu'il faut ajouter ces fonctions tel que nouveaux smileys, tags interprétés dans les commentaires ?

Aussi, chose qui n'a rien à voir, mais j'ai pensé faire un topic sur le forum pour informer la communauté mais j'ai vraiment l'impression que le forum est mort de chez mort lol.

En attendant et pour pas que mon post soit "vide" de nouveauté, j'annonce que la version 1.2 comprendra un système de prévisualisation pour les commentaires et peut-être un remaniement de la zone administration pour que ça soit plus "clair".

Mais n'importe qui avec une idée "potable" peut en faire part !

Alors les habituels de GK, qu'est-ce qu'il vous manque pour que GK réponde à vos attentes ?

Comme expliqué un peu plus tôt dans la journée, j'ai ajouté une fonctionnalité demandée par Idd : pouvoir muter/unmuter des membres dans les commentaires.

Un screen vaut mieux qu'une longue tirade :

Ce qui nous fait, comme features :
+ L'ancre pour les liens des commentaires
+ Possibilité d'afficher/cacher les blogs de membre/groupe
+ Agrandissement de la liste en largeur pour les écran
+ Muter/unmuter des membres dans les commentaires

-> Cliquez ici si vous ne savez pas de quoi on parle.

-> Cliquez ici pour installer la nouvelle version.

N'hésitez pas à faire passer le mot aux autres membres de la communauté, car ici on reste pas beaucoup de temps en page d'accueil et si je ne fais pas de modifications plus souvent, les gens ne le verront pas.

Merci de faire remonter les bugs et si vous avez des propositions de fonctionnalitées (dans la limite du possible), n'hésitez pas à m'en faire part.

Merci aussi pour l'accueil chaleureux !

Salut à tous,

je suis nouveau dans cette communauté que j'observais de loin sans m'inscrire. C'est en suivant les vidéos de bibi300 que j'ai attéri ici donc je remercie bibi300 !

Gamekyo c'est sympa, y'a toujours du contenu (plus ou moins sans fautes d'orthographes hum hum...) et ça m'aide beaucoup à passer le temps quand je suis au boulot entre deux pauses.

MAIS (car il y a un mais), d'après ce que j'ai compris, ceux qui développe le site prennent (beaucoup) de retard pour ajouter des fonctionnalités.

D'où ma contribution à la communauté Gamekyo : Gamekyo Blog+ !



L'idée est très simple, il vous faut :

- un navigateur moderne, genre Firefox ou Chromium/Chrome (mais je crois que le script ne marche pas sous ceux là).
- l'extension Greasemonkey qui va bien.
- et enfin, le script Gamekyo Blog+ à installer en cliquant sur le bouton "Install" lorsque les deux premiers seront installés.

Je copie-colle ce que j'ai mis dans la description du script :

+ L'ancre pour les liens des commentaires
+ Possibilité d'afficher/cacher les blogs de membre/groupe
+ Agrandissement de la liste en largeur pour les écran < à 1024 (pour les netbooks)

Et des images pour voir à quoi ça ressemble :

Le pourquoi de ces fonctions:

Je sais pas vous mais quand je parcourais la liste des blogs, ça me soulait assez rapidement de voir pleins d'articles de foot, litterature (WTF?! sur un site de jeuxvideo ^^) et autre PS3/360/Wii, donc je me suis dit, faudrait pouvoir cacher les articles des membres/groupes qu'on ne veut pas voir. (Qui sait, ça évitera peut être la guéguerre des consoles)

Ensuite, j'ai vu que les liens des commentaires ne servaient à rien car ça nous affiche la page mais faut scroller pour aller tout lire (merci DéLiRiuM au passage =) ) et enfin sur mon netbook, la liste était coupée en deux donc j'ai agrandis la largeur de la liste si l'écran est inférieur à 1024 comme ça ça gênera pas les autres.

Ceci n'est que le début, si vous avez des idées d'améliorations, n'hésitez pas (dans la limite du faisable) ! Remontez les bugs aussi

Mise à jour: Comme Rickles et Idd me l'ont fait remarquer, le script ne marchait pas si l'on avait pas Adblock en plus. Nouvelle version mise à jour, pour ceux pour qui ça ne marchait pas, veuillez le réinstaller.