Pimp My Pokébip

[Thorn]

Merci beaucoup Citron !

[α-Tracker]

Merci beaucoup d'ailleurs cette apparence du forum est superbe .

[Pod607]

Licking 'a marche plus ton script (

[Citron]

J'avais rien à faire du coup j'ai fais deux-trois trucs avec stylish, le temps d'une éventuelle update du script

Stylish
>Chrome
>Firefox
>Opera

https://userstyles.org/styles/117327/pkbip
Y'a un gros bouton vert pour installer.
En gros y'a que la bannière et le fond, mais c'est déjà ça x)

[Linking13]

Licking 'a marche plus ton script (

Normal, il était prévu pour fonctionner avec l'ancienne feuille de style :/

Si ça intéresse assez de monde, je peux faire une nouvelle version. Après, ça serait pas mal de me donner des indications sur ce que vous voudriez que ce script modifie ou permette de faire, histoire que ça intéresse autant de gens que possible.

[Linking13]

Touuuut le monde s'en fout, ahah

[Pod607]

Personne connaît les possibilités du truc donc personne ose te faire de suggestion

[Maski]

Homogénéiser davantage le nouveau design avec le tien peut-être ? Genre virer les espaces blancs entre les catégories qui ressortent beaucoup sur ton background foncé. (donc du coup il faudra changer la couleur de la typo' je pense) Après, à part les boutons (post-it, news, no new, lock etc) j'aime assez le nouveau rendu avec ton script.

[PalkiaPeårl]

Est-il possible de changer la typo en comic sans ms? merci

[Reapious]

pp : DIY
ouais du coup je viens de tester le script je l'avais pas fait avant
j'ai juste refoutu un peu de padding sur le .contenu-forum et corrigé le z-index sur la barre, mais sinon c'est déjà pas mal comme ça jtrouve haha

[Ben.Noukaa]

Je vient de le télécharger et je suis dégoûté j'arrive pas a l'utilisé, pourquoi?
[EDIT] A si, sayait, c'est juste que sa met l'original et ensuite sa charge ta version. GG!

[Bebepika]

C'est simple, il suffit de faire un script qui change le fichier css avec un menu déroulant.

[Ben.Noukaa]

Je ne sais pas si sa le fait a d'autre personne, mais voilà, ce matin en allant sur le Fofo, l'extension que j'ai télécharger hier afin d'obtenir le thème n'était plus présente dans mon navigateur Chrome, j'ai vérifier, il est bien installer mais impossible de le réactiver..
Si qui que ce soit connaît ce problème et peut le résoudre merci de vous manifester..

[Maski]

Essaie de le réinstaller.

[Ben.Noukaa]

Alors, j'ai était dans mes applications Chrome et j'ai rechercher l'application en question, sauf que je n'arrive pas à la désinstallé..
Je vois, qu’apparemment elle a était désactiver seulement quand je clic sur "Activer cet article" sa ne change strictement rien et sa reste toujours pareil, j'ai fait une capture d'écran pour être mieux compris ci-dessous.

Spoiler :

[EDIT] Problème résolu, l'extension ayant planté, j'ai reçu une notification dans ma barre des taches que je n'avais pas vue afin de la relancer et hop le tour et joué.

[Reapious]

bon du coup vu que la dernière intervention sur le forum a niqué le script je me suis permis de le corriger vite fait en virant les trucs qui ont disparu de la dernière version de phpbb installée ici, puis vu que je me faisais chier je me suis amusé à le rendre compatible avec le reste du site (avec un peu de ménage sur l'accueil du site car perso j'en ai marre de devoir scroll pour aller voir les news sous 50 liens qui sont déjà présents dans le menu de gauche haha) (y aurait probablement encore des choses à faire genre changer les couleurs des liens dans les menus et autres mais grosse flemme)

du coup je suis pas sur greasyfork et flemme de m'y inscrire pour upload le script, jle mets ici pour ceux qui le veulent, jvous laisse vous débrouiller pour le mettre en place

Spoiler :

Code : Tout sélectionner

// ==UserScript==
// @name        Pokebip
// @namespace   Pokebip   
// @description Script permettant de donner une autre apparence au site.
// @include     http://www.pokebip.com/pokemon/*
// @version     1
// ==/UserScript==

var body = document.body;
var page = body.getElementsByClassName('page')[0];
var i;

body.style.margin = "0 auto";
body.style.paddingBottom = '20px';
body.style.background = "url(http://i.imgur.com/peyWyns.png) fixed, url(http://i.imgur.com/CWwqJyF.jpg) fixed";


// contenu de la page
var page = body.getElementsByClassName('page')[0];
if(page) {
    page.style.width = "1200px";
    page.style.margin = "0 auto";
    page.style.padding = "0";
    page.style.border = "none";
}

// Modififion de la banniere
// (parce que les nouvelles bannieres ont ete faites avec les pieds)
var banniere = body.getElementsByClassName('titre')[0];
banniere.style.width = "1200px";
banniere.style.margin = "0 auto";
banniere.style.padding = "0";
banniere.style.height = "200px";
banniere.style.background = "url(http://i.imgur.com/tbyH4gL.png) no-repeat, #3c3c3c";
banniere.style.border = "none";
banniere.innerHTML = "";

var barWrapper;
barWrapper = body.getElementsByClassName('cadre_barre')[0];
if(!barWrapper) barWrapper = body.getElementsByClassName('cadre-barre')[0];
barWrapper.style.marginTop = "-200px";
barWrapper.style.float = "left";
barWrapper.style.background = 'none';
// barre de navigation du haut
var barre = barWrapper.getElementsByClassName('barre')[0];
barre.style.width = "1200px";
barre.style.margin = "auto 0";
barre.style.padding = "0";
barre.style.border = "none";
barre.style.position = "fixed";
barre.style.height = "31px";
barre.style.background = "url(http://i.imgur.com/peyWyns.png), url(http://i.imgur.com/jN764g8.png)";
barre.style.textAlign = "center";
barre.style.zIndex = '5';

var barreliens = barre.getElementsByClassName('barre-liens')[0];
barreliens.style.color = "black";
barreliens.style.textAlign = "center";

var barrecompte = barre.getElementsByClassName('barre-compte')[0];
if(barrecompte) {
    barrecompte.style.color = 'white';
    barrecompteLinks = barrecompte.getElementsByTagName('a');
    for(i=0; i<barrecompteLinks.length; i++) {
        barrecompteLinks[i].style.color = 'white';
    }
}

var barrerecherche = barre.getElementsByClassName('barre-recherche')[0];
if(barrerecherche) {
    barrerecherche.style.color = 'white';
    var pokeliste = document.getElementById('pokeliste');
    if(pokeliste) {
        pokeliste.style.backgroundColor = '#1e2a56';
        pokeliste.style.border = 'none';
    }
}
// On ajoute du style de fa�on sale
var head = document.getElementsByTagName('head')[0];
head.innerHTML = head.innerHTML + "<style>#mahbar {list-style-type:none; margin:0; padding:0;}"+
                "#mahbar li {padding-bottom:2px;float:left; margin-right: 25px; height:100%; } " +
                "#mahbar img { vertical-align:middle; margin-right:10px;}" +
                "#mahbar a { color:#ffffff;font-weight:bold;text-transform:uppercase;letter-spacing:1px;}" +
                "#mahbar li:hover{text-shadow: 0px 1px 20px #00c6c9;border-bottom: 1px solid #00c6c9;}" +
                ".barre-compte a:hover { text-decoration:underline!important; }" +
                ".catdiv {background:none;}" +
                ".cat{background: none;}" +
                "h4{font-family:'Helvetica';font-size:17px;text-transform:uppercase;text-shadow: 1px 0 1px #fff;}" +
                "th{background:none;height:0px;display:none;}" +
                ".titles{font-family:'Helvetica';font-size:17px;text-transform:uppercase;text-shadow: 1px 0 1px #fff;}</style>";

// on change le contenu de la barre de navigation du haut
barreliens.innerHTML = "<div style=\"width:100%;\"><ul id=\"mahbar\">" +
                       "<li><a href=\"http://www.pokebip.com/pokemon/index.php\"><img src=\"http://i.imgur.com/bNQ5LHm.png\" /></li>" +
                       "<li><a href=\"http://www.pokebip.com/pokemon/fora/\"><img src=\"http://i.imgur.com/bERiWlF.png\" />Forum</a></li>" +
                       "<li><a href=\"http://www.pokebip.com/pokemon/pokedex/index.php\"><img src=\"http://i.imgur.com/3QaoL77.png\" />Pokédex</a></li>" +
                       "<li><a href=\"http://www.pokebip.com/pokemon/index.php?phppage=membres/index\"><img src=\"http://i.imgur.com/nqswqcN.png\" />Espace-Membre</a></li>" +
                       "</ul></div>";

var colonnes;
var contenu;
var lienMobile = false;
var h1 = document.getElementsByTagName('h1')[0];
if(h1) {
    h1.style.color = '#1e2a56';
    h1.style.borderColor = '#1e2a56';
}
var accueilSite = false;
var forum = false;
colonnes = body.getElementsByClassName('colonnes-forum')[0];
if(colonnes) {
    contenu = colonnes.getElementsByClassName('contenu-forum')[0];
    forum = true;
} else {
    colonnes = body.getElementsByClassName('colonnes-em')[0];
    if(colonnes) {
        lienMobile = true;
        contenu = colonnes.getElementsByClassName('contenu-em')[0];
    } else {
        colonnes = body.getElementsByClassName('colonnes-pokedex')[0];
        if(colonnes) {
            contenu = colonnes.getElementsByClassName('contenu-dex')[0];
        } else {
            colonnes = body.getElementsByClassName('colonnes-site')[0];
            if(colonnes) {
                lienMobile = true;
                contenu = colonnes.getElementsByClassName('contenu')[0];
            } else {
                colonnes = body.getElementsByClassName('colonnes-site-accueil')[0];
                lienMobile = true;
                accueilSite = true;
                contenu = colonnes.getElementsByClassName('contenu-accueil')[0];
                var divcrap = contenu.getElementsByTagName('div')[0];
                divcrap.parentNode.removeChild(divcrap);
                var spancrap = contenu.getElementsByTagName('span')[0];
                spancrap.parentNode.removeChild(spancrap);
                var menud = colonnes.getElementsByClassName('menud')[0];
                var contenubr = contenu.getElementsByTagName('br');
                contenubr[0].parentNode.removeChild(contenubr[0]);
                contenubr[0].parentNode.removeChild(contenubr[0]);
                menud.style.width = '190px';
            }
        }
    }
}

if(lienMobile) {
    var menug = colonnes.getElementsByClassName('menug')[0];
    var menugbr = menug.getElementsByTagName('br')[0];
    var menugb = menug.getElementsByTagName('b')[0];
    menugbr.parentNode.removeChild(menugbr);
    menugb.parentNode.removeChild(menugb);
}
if(colonnes) {
    colonnes.style.width = "1200px";
    colonnes.style.margin = "0 auto";
    colonnes.style.padding = "0";
    colonnes.style.marginBottom = '10px';
    colonnes.style.border = "none";
    colonnes.style.background = "url(http://i.imgur.com/de7ilmK.png) top repeat-x, url(http://i.imgur.com/xxoEeDp.png) bottom repeat-x, url(http://www.pokemontrash.com/web/bg.png), #c5cacc";
}

if(contenu) {
    if(!forum) {
    if(accueilSite) contenu.style.width = '800px'; else contenu.style.width = '1000px';
    } else {
        contenu.style.padding = '10px';
    }
    contenu.style.borderColor = '#1e2a56';
    colonnes.innerHTML = colonnes.innerHTML + '<div style="clear:both;"></div>';
}

var menubar = document.getElementById("menubar");
if(menubar) {
    menubar.style.margin = "0 auto";
    menubar.style.padding = "0";
    menubar.style.paddingLeft = "5px";
    menubar.style.paddingRight = "5px";
    menubar.style.width = "1190px";
}

// Modification du copyright
var copyright = document.getElementsByClassName("copyright")[0];
copyright.style.color = 'white';
var copyrightLinks = copyright.getElementsByTagName('a');
for(i = 0; i < copyrightLinks.length; i++) {
    copyrightLinks[i].style.color = 'white';
}

ps : le JS pur c'est chiant

[Jojotes]

Merci =D

[Ben.Noukaa]

Merci beaucoup pour la modif, le seul problème que j'ai vu c'est qu'on ne peut pas accédé au "Accés Rapide" ou même au "Profil" en cliquant sur notre pseudo en haut de page..
De plus quelqu'un aurait une solution pour éviter le temps de chargement du script nous fessant passé par l'apparence basique de Bip pendant 1s?

[Reapious]

pour l'accès rapide ça vient de chez toi, aucun problème pour ma part
concernant le temps de chargement pas tellement, le script s'execute quand le chargement de la page est terminée donc si t'as pas une connexion un minimum suffisante t'auras une légère latence

[Linking13]

Le js pur c'est chiant

Tu peux aussi utiliser jQuery dans tes scripts. Pour l'inclure, c'est pas forcément trivial par contre. J'ai fait quelques tests le mois dernier pour faire une nouvelle version du script (mais je me suis arrêté en cours de route, me rendant compte que le script en question ne serait utilisé que par 3/4 personnes), je peux poster le script en question si ça t'intéresse