Pokébip.com

Forum de Pokébip
https://www.pokebip.com/fora/

Pimp My Pokébip

https://www.pokebip.com/fora/viewtopic.php?f=93&t=26153

Page 5 sur 6

Re: Pimp My Pokébip

Posté : mar. 07 avr. 2015, 17:59
par Thorn
Merci beaucoup Citron !

Re: Pimp My Pokébip

Posté : mer. 08 avr. 2015, 15:25
par α-Tracker
Merci beaucoup ^^ d'ailleurs cette apparence du forum est superbe ^^.

Re: Pimp My Pokébip

Posté : mer. 05 août 2015, 10:56
par Pod607
Licking 'a marche plus ton script :((

Re: Pimp My Pokébip

Posté : mer. 05 août 2015, 12:07
par Citron
J'avais rien à faire du coup j'ai fais deux-trois trucs avec stylish, le temps d'une éventuelle update du script :v

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)

Re: Pimp My Pokébip

Posté : mer. 05 août 2015, 14:13
par Linking13
Pod607 a écrit :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.

Re: Pimp My Pokébip

Posté : ven. 07 août 2015, 11:22
par Linking13
Touuuut le monde s'en fout, ahah

Re: Pimp My Pokébip

Posté : ven. 07 août 2015, 13:38
par Pod607
Personne connaît les possibilités du truc donc personne ose te faire de suggestion

Re: Pimp My Pokébip

Posté : ven. 07 août 2015, 15:10
par 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.

Re: Pimp My Pokébip

Posté : ven. 07 août 2015, 18:44
par PalkiaPeårl
Est-il possible de changer la typo en comic sans ms? merci

Re: Pimp My Pokébip

Posté : ven. 07 août 2015, 18:54
par 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

Re: Pimp My Pokébip

Posté : mer. 02 sept. 2015, 15:59
par 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! :respect:

Re: Pimp My Pokébip

Posté : mer. 02 sept. 2015, 20:38
par Bebepika
C'est simple, il suffit de faire un script qui change le fichier css avec un menu déroulant.

Re: Pimp My Pokébip

Posté : jeu. 03 sept. 2015, 11:43
par 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.. :respect:

Re: Pimp My Pokébip

Posté : jeu. 03 sept. 2015, 15:44
par Maski
Essaie de le réinstaller.

Re: Pimp My Pokébip

Posté : jeu. 03 sept. 2015, 18:06
par 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 :
Image
[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é. %)

Re: Pimp My Pokébip

Posté : dim. 20 sept. 2015, 00:48
par 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) :D (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

Re: Pimp My Pokébip

Posté : dim. 20 sept. 2015, 01:21
par Jojotes
Merci =D

Re: Pimp My Pokébip

Posté : mer. 23 sept. 2015, 11:06
par 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?

Re: Pimp My Pokébip

Posté : mer. 23 sept. 2015, 12:45
par 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

Re: Pimp My Pokébip

Posté : ven. 25 sept. 2015, 12:30
par Linking13
Reap a écrit :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
Heures au format UTC+02:00
Page 5 sur 6
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/