Se connecter

Communauté

Sujet : [STYLE] JVC OLD COLORS V2
1
KheyDaltoX
Niveau 8
27 janvier 2022 à 01:11:26

Voilà le rendu : https://image.noelshack.com/fichiers/2022/04/4/1643240810-ztsp.png https://image.noelshack.com/fichiers/2022/04/4/1643240894-ztsn.png

Si ça vous intéresse, voici les étapes à suivre :

  • Vous ajoutez l'extension Stylus (Chrome) https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
  • Vous cliquez sur l'icône d'extension, puis Gestion
  • Vous cliquez sur "Créer un nouveau style"
  • Vous copiez ce code https://rentry.co/jvocolors et vous le collez dans le champ de texte
  • En bas, vous modifiez pour que le style s'applique à l'URL sur le domaine jeuxvideo.com

Et c'est bon :hap:

Il y aura des mises à jour, donc n'hésitez pas à vérifier les derniers messages quand vous voyez ce topic en première page

Genla
Niveau 47
27 janvier 2022 à 03:09:40

Ça fonctionne pas chez moi. :-(

EDIT : Ah si c'est bon merci Khey ! :cimer:

Tu penses que tu réussiras a mettre les sujets "Jaunes" et "Rouges" comme avant ? :coeur:

Genla
Niveau 47
27 janvier 2022 à 03:20:01

Le 27 janvier 2022 à 03:11:43 Peepo-1 a écrit :

Le 27 janvier 2022 à 03:09:40 :
Ça fonctionne pas chez moi. :-(

EDIT : Ah si c'est bon merci Khey ! :cimer:

Tu penses que tu réussiras a mettre les sujets "Jaunes" et "Rouges" comme avant ? :coeur:

Ca marche mais ça bug un peu :(

Un chouilla mais c'est déjà mieux pour les yeux ! S'il arrive a changer les couleurs des dossiers, alors là.. :cimer:

Pseudo supprimé
Niveau 10
27 janvier 2022 à 03:47:52

Le 27 janvier 2022 à 03:09:40 :
Ça fonctionne pas chez moi. :-(

EDIT : Ah si c'est bon merci Khey ! :cimer:

Tu penses que tu réussiras a mettre les sujets "Jaunes" et "Rouges" comme avant ? :coeur:

Osef

KheyCyan
Niveau 12
27 janvier 2022 à 13:26:44

C'est pas très pratique d'installer ça sur mobile mais sinon ça fonctionne bien même si c'est pas encore comme la version précédente du design :ok:

AkuKAISER
Niveau 17
27 janvier 2022 à 13:36:02

Un énième script pour pouvoir naviguer sur ce foutu site :rire:

merci aux kheys nonobstant https://image.noelshack.com/fichiers/2020/44/4/1603971001-pierrerose.png

Fat-Bebert
Niveau 5
27 janvier 2022 à 15:43:16

Franchement c pas sympa pour les dev's qui se sont donnés un mal de chien pour cette MAJ, les forumeurs de JV.com sont jamais contents toujours à critiquer les nouveautés https://www.noelshack.com/2022-04-4-1643294559-fatalbert5.jpg

-Noxon-
Niveau 44
27 janvier 2022 à 15:52:58

Le 27 janvier 2022 à 03:38:14 :
Edit : Moyen via display:none sur l'item correspondant puis une image custom (en .svg de préférence) mais bon tellement casse-pieds j'ai même pas envie d'y toucher, y'a ptêt moyen juste en modifiant le truc actuel en css cela dit :(

Pourquoi t'embêter à ce point ?
Tu changes juste le style du pseudo-élément before en foutant le content à vide et en appelant un background-image externe qui correspond à une image d'un ancien icone en .png, par exemple en 20x20px (je sais pas à combien il était).


.icon-topic-folder::before {
  content: " ";
  background-image: url("<lien>");
  background-repeat: none; 
  background-position: center center;
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}

Éventuellement jouer avec le postionnement absolute et les valeurs de top / left si besoin.

Les dossiers jaunes ont une classe spécifique "topic-folder1"
Et les rouges "topic-folder2"

KheyDaltoX
Niveau 8
27 janvier 2022 à 16:31:24

Le 27 janvier 2022 à 15:52:58 -Noxon- a écrit :

Le 27 janvier 2022 à 03:38:14 :
Edit : Moyen via display:none sur l'item correspondant puis une image custom (en .svg de préférence) mais bon tellement casse-pieds j'ai même pas envie d'y toucher, y'a ptêt moyen juste en modifiant le truc actuel en css cela dit :(

Pourquoi t'embêter à ce point ?
Tu changes juste le style du pseudo-élément before en foutant le content à vide et en appelant un background-image externe qui correspond à une image d'un ancien icone en .png, par exemple en 20x20px (je sais pas à combien il était).


.icon-topic-folder::before {
  content: " ";
  background-image: url("<lien>");
  background-repeat: none; 
  background-position: center center;
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}

Éventuellement jouer avec le postionnement absolute et les valeurs de top / left si besoin.

Les dossiers jaunes ont une classe spécifique "topic-folder1"
Et les rouges "topic-folder2"

Hésite pas à le faire si t'en as les compétences, moi je suis juste serein pour changer les couleurs :noel:

KheyDaltoX
Niveau 8
27 janvier 2022 à 16:54:43

Perso je suis parti sur récupérer les icônes pleines de google fonts (ex: https://www.noelshack.com/2022-04-4-1643298867-ztsm.png ) et les appliquer à la place des icônes outlined

Mais j'arrive pas à récupérer l'unicode qui correspond à mon icône https://image.noelshack.com/fichiers/2018/27/4/1530827992-jesusreup.png

Help https://image.noelshack.com/fichiers/2018/27/4/1530827992-jesusreup.png

GOD-aguirre
Niveau 2
27 janvier 2022 à 17:19:23

cimer clé

Zeptaxis
Niveau 10
27 janvier 2022 à 18:28:03

Vous pouvez rajouter :


@import url('https://fonts.googleapis.com/css2?family=Material+Icons');

.icon-topic-folder:before {
    font-family: "Material Icons";
    content: "\e2c7";
}

.icon-topic-lock:before {
    font-family: "Material Icons";
    content: "\e897";
}

.icon-topic-pin:before {
    font-family: "Material Icons";
    content: "\f10d";
}

Pour avoir des icones "pleines" ce qui à défaut d'être bien est déjà un peu mieux :hap: (par contre les couleurs sont moches en thème clair) :

https://image.noelshack.com/fichiers/2022/04/4/1643304350-chrome-2022-01-27-18-23-39.png

KheyDaltoX
Niveau 8
27 janvier 2022 à 18:32:46

Le 27 janvier 2022 à 18:28:03 Zeptaxis a écrit :
Vous pouvez rajouter :


@import url('https://fonts.googleapis.com/css2?family=Material+Icons');

.icon-topic-folder:before {
    font-family: "Material Icons";
    content: "\e2c7";
}

.icon-topic-lock:before {
    font-family: "Material Icons";
    content: "\e897";
}

.icon-topic-pin:before {
    font-family: "Material Icons";
    content: "\f10d";
}

Pour avoir des icones "pleines" ce qui à défaut d'être bien est déjà un peu mieux :hap: (par contre les couleurs sont moches en thème clair) :

https://image.noelshack.com/fichiers/2022/04/4/1643304350-chrome-2022-01-27-18-23-39.png

Cimer, je me demandais comment transformer e2c7 en caractère

Mais ça arrive trop tard vu que j'ai tout refait avec les anciennes icônes https://image.noelshack.com/fichiers/2018/27/4/1530827992-jesusreup.png

KheyDaltoX
Niveau 8
27 janvier 2022 à 18:35:32

:globe: UPDATE :globe:

  • Anciennes icônes de topic

:d) https://rentry.co/jvocolors

https://image.noelshack.com/fichiers/2022/04/4/1643304853-ztrt.png

Lien des icônes : https://imgur.com/a/waXgDV5

Pseudo supprimé
Niveau 6
27 janvier 2022 à 18:48:48

Possible de garder le nouveau design du site (j'aime bien le dark mode), mais de juste retrouver les icones (donc avec couleur de remplissage) d'avant ?

Pseudo supprimé
Niveau 6
27 janvier 2022 à 18:50:10

Le 27 janvier 2022 à 18:49:24 Peepo-1 a écrit :

Le 27 janvier 2022 à 18:48:48 :
Possible de garder le nouveau design du site (j'aime bien le dark mode), mais de juste retrouver les icones (donc avec couleur de remplissage) d'avant ?

Juste au dessus de toi :hap:

C'est juste pour les icones son script ? Je pensais que ça remettait le design d'avant juin.

Pseudo supprimé
Niveau 6
27 janvier 2022 à 18:54:16

Nan je viens de le mettre, c'est bien ce que je pensais, ça change aussi le header en bleu.

Je suis une bite en programmation, quelqu'un peut m'isoler la partie du code qui rétablit les icones remplies des topics ? :noel:

Pseudo supprimé
Niveau 6
27 janvier 2022 à 18:55:41

Je teste et je te dis ça dans une minute.

Pseudo supprimé
Niveau 6
27 janvier 2022 à 18:56:45

https://www.noelshack.com/2022-04-4-1643306185-004.png

C'est parfait, merci à toi :ok:

Masterclass0
Niveau 10
27 janvier 2022 à 19:00:29

Excellent khey :ok:

1
Sujet : [STYLE] JVC OLD COLORS V2
   Retour haut de page
Consulter la version web de cette page