[SKIN] Forum + Liens !
Publié : mar. 04/mai/2021 17:08
J'ai passé une bonne moitié de l'aprem à reprendre le css du forum
J'utilise la skin prosilver special edition que j'ai travesti
Voilà ce que cela donne :
Si vous voulez tester/modifier, il vous faut l'add on STYLUS pour firefox.
1 - Choisissez la skin prosilver special edition dans les paramètres du forum
Ensuite vous créez un nouveau style vierge avec STYLUS et vous configurez comme ceci :
2 - Collez mon code
3 - En bas de la fenêtre partie droite vous choisissez :
S'applique à : URL commençant par puis à coté : https://www.purebasic.fr/french/ <-new
Voilà le code.
PARTIE 2
Le menu de raccourcis est pas mal mais le lien "accueil" de la navbar ne me plait pas du tout. J'ai décidé de le remplacer par le lien "nouveaux message" que je préfère voir immédiatement. J'ai aussi ajouté les "sujets actifs" à la demande de cage. Pour la suite, libre à vous de faire votre propre script
Pour ce faire, vous devez installer TamperMonkey sur firefox. (Il existe sûrement des équivalents sur les autres navigateurs.)
Si Stylus permet de changer le CSS, TamperMonkey permet de modifier le contenu html en y insérant du javascript.
Voilà le résultat :
Installation :
1 - Installer TamperMonkey
2 - Cliquez sur "Ajouter un nouveau script"
3 - Remplacez le contenu par celui ci dessous
3 - Cliquez sur Fichier => Enregistrer..
Et voilou.
Gros merci à Naleuf et Studing pour leur aide.
Avec mon skin et ce mod, je retrouve le fofo que j'aime
J'utilise la skin prosilver special edition que j'ai travesti
Voilà ce que cela donne :
Si vous voulez tester/modifier, il vous faut l'add on STYLUS pour firefox.
1 - Choisissez la skin prosilver special edition dans les paramètres du forum
Ensuite vous créez un nouveau style vierge avec STYLUS et vous configurez comme ceci :
2 - Collez mon code
3 - En bas de la fenêtre partie droite vous choisissez :
S'applique à : URL commençant par puis à coté : https://www.purebasic.fr/french/ <-new
Voilà le code.
Code : Tout sélectionner
/* Ar-S Style CSS for french Pure Basic Forum */
.site_logo {
background-image: url("http://share.ldvmultimedia.com/evzjz43l.png");
width:149px;
height:52px;
}
html, body {
color: #082f73;
background: linear-gradient(135deg, #8c9cbd, #819fc1, #aac4df); /* change the colors and angles here */
background-size: 500% 500%;
animation: animatedGradientBg 40s ease infinite; /* change the animation time here */
}
@keyframes animatedGradientBg {
0%{background-position:0% 0%}
50%{background-position:100% 100%}
100%{background-position:0% 0%}
}
.headerbar {
background-color: #40637d;
background-image: -webkit-linear-gradient(top, #235e93 0%, #2e7cb7 1%, #366486 20%, #3688c6 75%, #3f90ce 100%);
background-image: linear-gradient(to bottom, #235e93 0%, #2e7cb7 1%, #366486 20%, #3688c6 75%, #3f90ce 100%);
background-repeat: repeat-x;
margin-bottom:10px;
box-shadow: 0 0 5px 2px #1e1c1c, inset 0 3px 18px rgba(100, 100, 100, .15);
}
/* POPUP RACCOURCIS */
.dropdown .dropdown-contents {
background: #0b1d3c;
border-color: #3f4797;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 1);
}
.dropdown li.separator, .dropdown li, .dropdown li li{
border-color: #4348ca;
}
.navbar {
background-color: #35518c;
box-shadow: 0 0 5px 2px #000, inset 0 3px 18px rgba(100, 100, 100, .15);
}
.forabg, .forumbg {
margin-bottom: 10px;
padding: 4px;
box-shadow: 0 0 3px 1px #312e2e, inset 0 3px 18px rgba(100, 100, 100, .25);
clear: both;
border-radius: 5px;
}
.wrap {
background-color: #4365ae;
border-color: #b9d5fb;
-webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
.postprofile a.username{
color:#d3fffd;
}
.bg1, .bg2 {
background-color: #35325b;
box-shadow: 1px 1px 1px 1px #312e2e, inset 0 0px 1px rgba(0, 0, 0, 1);
border-radius: 20px 20px 20px 20px;
margin-bottom:15px;
}
.bg1 a{
color:#d3fffd;
}
.dropdown-extended .header, .dropdown-extended {
border-color: #2769ae;
color: #000000;
}
/* Panneau de notif */
tr.bg1 td,tr.bg2 td{
color:#a9b7ff;
}
tr.bg1 td:hover,tr.bg2 td:hover{
color:#242633;
background-color:#a9b7ff;
}
.notification-block:hover{
background-color:#152473;
}
.row-item a{
color:#2141e3;
}
.postprofile a.username{
color:#d3fffd;
}
p.author{
color:#1da7dd;
}
p.author a.username{
color:#1da7dd;
}
p.author time{
color:#56cefd;
}
.signature {
border-top-color: #CCCCCC;
background-color:#7977b9;
border-radius: 0 0 100px 100px;
text-align:center;
}
.signature a{
color:#0142b3;
}
.notice {
color:#fff;
}
.notice a.username {
color:#00f7ff;
}
.post:target .content {
color: #b5ccff;
}
.content {
color: #b5ccff;
}
a {
color: #79b6f7;
text-decoration:none;
}
a:hover{
text-decoration:none;
transition: .5s linear;
color: #fff;
text-shadow: 0 0 1px #fff,
0 0 1px #fff,
0 0 4px #fff;
}
a.topictitle {
color: #054f9f;
text-decoration:none;
}
a.username {
color: #054f9f;
text-decoration:none;
}
.breadcrumbs a:hover{
text-decoration:none;
transition: .5s linear;
color: #fff;
text-shadow: 0 0 1px #fff,
0 0 1px #fff,
0 0 4px #fff;
}
/* ligne */
li.row {
background-color: #d0e6f6;
}
li.row:hover {
background-color: #e3ecf2;
}
ul.topiclist li {
color: #4C5D77;
}
.codebox {
background-color: #fffbd7;
border-radius: 10px;
border-color: #C9D2D8;
}
.codebox a{
color: #297af9;
text-decoration:none;
}
.codebox a:hover{
color: #0050ff;
text-decoration:none;
text-shadow: 1px 1px 3px #000000;
-webkit-transition: all 0.6s 0s ease;
-moz-transition: all 0.6s 0s ease;
-o-transition: all 0.6s 0s ease;
transition: all 0.6s 0s ease;
}
a.forumtitle {
font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
color:#2f56d0;
text-shadow: -1px 0px 2px #d8efff;
}
a.forumtitle:hover {
color:#3764f2;
}
a.lastsubject {
color: #416ac4;
}
.postprofile strong {
color: #b5ccff;
}
blockquote {
background-color:#130077;
}
label {
color: #0062fb;
}
.panel .inner {
background-color: #d0dff7;
}
bg3 .inner {
background-color: #d0dff7;
}
.token.function {
color: #00ff34;
}
.token.number {
color: #c520ff;
}
.token.string {
color: #fff;
}
.token.comment {
color: #b7b7b7;
font-style: italic;
}
.token.keyword{
color: #f90040;
}
@media (min-width: 701px) {
.post.online {
background-image: none;
}
.post .preonline.online {
width: 58px;
height: 58px;
position: absolute;
left: 0;
top: 0;
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.no-avatar .preonline.online {
position: relative;
margin: -8px;
}
.post .postprofile {
float: left;
border-width: 0 1px 0 0;
}
.post .postprofile dd, .post .postprofile dt {
margin-right: 8px;
margin-left: 0;
}
.has-profile .postbody {
float: right;
margin-right: 6px;
}
}
Le menu de raccourcis est pas mal mais le lien "accueil" de la navbar ne me plait pas du tout. J'ai décidé de le remplacer par le lien "nouveaux message" que je préfère voir immédiatement. J'ai aussi ajouté les "sujets actifs" à la demande de cage. Pour la suite, libre à vous de faire votre propre script
Pour ce faire, vous devez installer TamperMonkey sur firefox. (Il existe sûrement des équivalents sur les autres navigateurs.)
Si Stylus permet de changer le CSS, TamperMonkey permet de modifier le contenu html en y insérant du javascript.
Voilà le résultat :
Installation :
1 - Installer TamperMonkey
2 - Cliquez sur "Ajouter un nouveau script"
3 - Remplacez le contenu par celui ci dessous
Code : Tout sélectionner
// ==UserScript==
// @name PB Remplace le lien Accueil par nouveaux messauges
// @namespace http://tampermonkey.net/
// @version 0.1
// @description PB Remplace le lien Accueil par nouveaux messauges. Merci à Naleuf et Studing
// @author Ar-S
// @match http://*/*
// @include https://www.purebasic.fr/french/*
// @include *purebasic.fr/french/*
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// ==/UserScript==
(function() {
'use strict';
var LinkAccueil = document.getElementById("nav-breadcrumbs").getElementsByTagName("a")[0];
LinkAccueil.innerText = "Nouveaux messages";
LinkAccueil.href = "https://www.purebasic.fr/french/search.php?search_id=newposts";
var Lin = document.getElementById("nav-breadcrumbs").getElementsByTagName("a")[1];
Lin.innerText = "Sujets actifs";
Lin.href = "https://www.purebasic.fr/french/search.php?search_id=active_topics";
var Accueil = document.getElementById("nav-breadcrumbs").getElementsByTagName("a")[3];
Accueil.innerText = "Accueil";
Accueil.href = "https://www.purebasic.fr/french/index.php";
})();
Et voilou.
Gros merci à Naleuf et Studing pour leur aide.
Avec mon skin et ce mod, je retrouve le fofo que j'aime