[SKIN] Forum + Liens !

[Marc56]

Je voudrais changer la couleur verte du texte de code PB,

Ajoute par exemple ceci (avec couleurs et fontes que tu souhaites)

Code : Tout sélectionner

.codebox code{
    color:#2141e3;  
    background-color: #fffbd7;
    font-family: Consolas, Courier;
}

[Marc56]

Question aux habitués de la conceptions web avec css: vous concevez à la main ou avec un éditeur (text ? Wysiwyg ?)

[Ar-S]

J'ai mis ce logo car je le trouve plus beau que celui du site officiel ^^
Et le fait qu'il ait été en caraf hier est normal, j'ai migré d’hébergeur et mon transfert a été validé hier. Le temps de tout mettre en place et c'est revenu

Je viens de mettre à jour en ayant modifié la couleur (linear gradient) de l'entête.
La class concernée est .headerbar

[Kwai chang caine]

Je sais pas si je suis le seul que cela dérange, mais si y'en a un de vous qui sait comment faire pour supprimer, ou encore mieux, déplacer le lien de gauche "Accueil" qui donne sur le site de PB, avant "Accueil du forum" ?
Parce que à chaque fois je me goure, j'avais tellement l'habitude de cliquer tout à gauche pour aller sur la page d'accueil du forum

Maintenant je sais que j'étais de ceux qui avaient réclamé un lien direct sur le site PB à partir du forum FR (Comme il existait sur le US d'ailleurs)
Mais là .... notre FREDO il y a été un peu fort dans "l'inclusion" de le mettre carrément dans la liste des liens/chemin du forums
Perso, j'aurais mis ce lien sur le mot "PureBasic" tout en haut à gauche à coté de "phpBB" cela aurait évité les fausses manœuvres

[MLD]

@KCC
Pour le moment , il me semble que nous sommes un peu en apprentissage de ce code

[MLD]

Bonsoir a tous
Nouvelle mouture dans le topic plus haut ma petite contribution.
Fini pour ce soir.
A plus
Michel

[kernadec]

bjr à tous
quand vous allez sur le site https://www.phpbb.com/customise/db/styles-2
vous pouvez télécharger un styles compatible avec celui du forum une fois fait vous
recherchez dans l'archive le dossier "Thème" le fichier "colours.css" vous l'ouvrez avec pb
vous ajouter les lignes suivantes dans le début du script:

.site_logo {
background-image: url("http://share.ldvmultimedia.com/evzjz43l.png");
width:149px;
height:52px;
} logo

Puis Ajoutez le script de "ChrisR" donné en début de post, à la fin du script
ensuite vous copiez dans Stylus,
vous pouvez modifier les couleurs dans cet éditeur en cliquant sur les petits carrés
de couleur du script si le script comporte des erreurs avec un panneau jaune en bas
à gauche vous pourrez les mettent en commentaires avec //

Cordialement

[Ar-S]

Je sais pas si je suis le seul que cela dérange, mais si y'en a un de vous qui sait comment faire pour supprimer, ou encore mieux, déplacer le lien de gauche "Accueil" qui donne sur le site de PB, avant "Accueil du forum" ?

Relis mon 1er topic.. J'ai mis un script partie 2 utilisable avec TamperMonkey qui remplace accueil par "Nouveaux Messages" et ajoute aussi "Sujets actifs".. Pour aller sur le site de PB officiel il suffit de cliquer sur le logo..

[ChrisR]

Putain CHRISR t'es un génie
C'est top moumoute ton code, je me sent déjà un peu mieux
Mille mercis

Oh oui, même un putain de génie
J'ai juste enlevé ma moumoute et mes gants pour trouver le petit bout de code dans l'extension Profil sur la gauche de Cabot.
Je vois que l'on est nombreux à préféré

[Kwai chang caine]

Relis mon 1er topic.. J'ai mis un script partie 2 utilisable avec TamperMonkey qui remplace accueil par "Nouveaux Messages" et ajoute aussi "Sujets actifs".. Pour aller sur le site de PB officiel il suffit de cliquer sur le logo

Excuse moi, mais comme je suis arrivé un peu après la guerre sur ce topic, j'ai pas tout lu
Et comme j'ai vu que tu ne parlais pas de remettre l'ancien style, j'ai pas vraiment testé

En fait, j'avais même pas vu qu'on parlait ici de 2 extensions différentes STYLUS et TamperMonkey, j'ai copié dans TamperMonkey le code stylus avant de comprendre que si ça marchait pas, c'est que y'avait surement un "Miasm"
Maintenant j'ai laissé STYLUS qui me met à gauche les avatars grâce à ChrisR, je me sent beaucoup mieux
En tout cas merci de ta réponse et de ton post

J'ai juste enlevé ma moumoute et mes gants pour trouver le petit bout de code dans l'extension Profil sur la gauche de Cabot.

Ouaih !!! et ben tout ce que je dis, c'est que tu m'as sauvé la "laïve" avec ton bout de code
J'étais paumé "oh combien" et j'avais les nerfs optiques en feu à regarder qui c'est "qui crite" à chaque intervention
J'suis sur que même après une saison complète de Wimbledon j'aurais pas été plus fatigué

@KERNADEC
Merci pour l'explication, j'ai un beau logo PB comme j'aime maintenant

[MLD]

Bonjour a tous
J'avance, mais je n'arrive pas a installer TamperMonkey. Je mis prend surement comme un gland.
Si quelqu'un avait un lien et la combine pour l'installé, je suis preneur. Merci d'avance.

[Ar-S]

Bonjour a tous
J'avance, mais je n'arrive pas a installer TamperMonkey. Je mis prend surement comme un gland.
Si quelqu'un avait un lien et la combine pour l'installé, je suis preneur. Merci d'avance.

Sur firefox tu télécharges l’extension, ensuite tu clique sur l'icone de tamper (un carré noir avec 2 ronds blancs) et tu choisis "ajouter un nouveau script"
Tu copies colles le script, tu enregistres... C'est tout.

[MLD]

@Ar-S
Merci. Je regarde cela

[MLD]

Dernière mouture de mon skin. Ce n'est pas parfait,mais j'arrête ici.

Code : Tout sélectionner

.site_logo {
    background-image: url("http://share.ldvmultimedia.com/evzjz43l.png");
    width:149px;
    height:52px;
}

html, body {
    color: #5978C4;
}

.headerbar {
    background-color: #4440B0;
}

/* 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 {
    font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size:15px;
    background-color: #96BB85;
    box-shadow: 0 0 5px 2px #4B5545, inset 0 3px 18px RGBA(100, 100, 100, .25);
}

.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: #EADBC6;
    border-color: #E6E9ED;
 }
.postprofile a.username{
       color:#d3fffd;
 }
.bg1, .bg2 {
    background-color: #4083b5;
    box-shadow: 1px 1px 1px 1px #3764F2, inset 0 0px 1px RGBA(0,0, 0, 1);
    border-radius: 15px 15px 15px 15px;
    margin-bottom:15px;
}  
.bg1 a{
    color:#55F20A;
}
.bg2 a{
    color:#55F20A;
}
.row-item a{
    color:#F4971A;
}

/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ Profil de l'auteur face a l'avatar ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
.postprofile a.username{
   color:#F4FF1C;
}

p.author{
      color:#F4FF1C;
}
   
p.author a.username{
  color:#F4FF1C;
}

p.author time{
      color:#F4FF1C;
}
/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ Signature bas de page ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
.signature {
    border-top-color: #CCCCCC;
    background-color:#67845A;
    border-radius: 18px 18px 18px 18px;
    box-shadow: 0 0 5px 2px #4E5B47, inset 0 3px 18px RGBA(100, 100, 100, .25);
    text-align:center;
    color:#98ADEE; 
}

.notice {
   font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size:12px;
   color:#F4971A; 
}
.notice a.username {
    color:#F4FF1C;
}

.post:target .content {
    /*color: #D70F0F;*/
     color: #F4FF1C;
}
.content {
    color: #1CF4FF;
}
/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ les rubriques ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
a {
    color: #1C7BFF;                                             /*titre acceuil*/
    text-decoration:none;
}

a.topictitle {
     color: #8515C7;
    text-decoration:none;
}

a.username {
     color: #D20E0E;
    text-decoration:none;
}

/* ligne */
li.row {
    background-color: #d0e6f6;
}
li.row:hover {
    background-color: #e3ecf2;
}
ul.topiclist li {
    color: #4E61C6;
}

/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ la boite de code ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
.codebox code{
    color:#2141e3; 
    font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size:15px;
    background-color: #C4AD8E;                                     /*fond code*/
    border-color: #DEE2E8;
}
/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
a.forumtitle {
    font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    color:#FF00FF;                                                /*Titre des rubriques*/
text-shadow: -1px 0px 2px #d8efff;
}

a.forumtitle:hover {
    color:#3764f2;
}

a.lastsubject {
   color:#8515C7;                                                  /*Titre des derniers messages */
}

.postprofile strong {
    color: #b5ccff;
}

blockquote {
 background-color:#130077;                                                 /*comme les réponses*/
}
@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;
   	}	
	
} 

Chacun ces gouts et ces couleurs.

[kernadec]

bjr à tous
pour le forum "english" petit changement sur le script de Naleuf et Studing et Ar-S
Ensuite l'ajouter en 2ème script dans Tampermonkey pour un meilleur fonctionnement des menus titres sur le forum english
Cordialement

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/english/*
// @include      *purebasic.fr/english/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

(function() {
    'use strict';


var LinkAccueil = document.getElementById("nav-breadcrumbs").getElementsByTagName("a")[0];
LinkAccueil.innerText = "New posts ";
LinkAccueil.href = "https://www.purebasic.fr/english/search.php?search_id=newposts";

var Lin = document.getElementById("nav-breadcrumbs").getElementsByTagName("a")[1];
Lin.innerText = "Active topics ";
Lin.href = "https://www.purebasic.fr/english/search.php?search_id=active_topics";

    var Accueil = document.getElementById("nav-breadcrumbs").getElementsByTagName("a")[3];
Accueil.innerText = "Home ";
Accueil.href = "https://www.purebasic.fr/english/index.php";

})();

Skin style1 Black d' AZJIO

Code : Tout sélectionner

.site_logo {
    background-image: url("http://share.ldvmultimedia.com/evzjz43l.png");
    width:149px;
    height:52px;
}


#PureBasic, .notouch, .section-viewtopic, .ltr, .hasjs, .wrap

{
color: #83adff;
	background-color: #3f3f3f !important;
}  


.headerbar, .navbar, .inner, .panel
{
	color: #eeeeee;
	background-color: #272727 !important;
}

 .top-anchor, .postprofile
{
	color: #eeeeee;
	background-color: #272727 !important;
}

 .postbody
{
	color: #eeeeee;
	background-color: #3f3f3f !important;
	border-radius: 9px;
	padding: 5px 5px 5px 5px;
}

.page-header
{
	color: #eeeeee;
	background-color: #222 !important;
}

/**/
html, body
{
	color: #eeeeee;
	background-color: #333333 !important;
}


.post, .has-profile, .bg2, .unreadpost
{
	color: #eeeeee;
	background-color: #272727 !important;
}

a
{
	color:#83adFF !important;
	text-decoration:none !important;
}

a:hover, a.postbody:hover, h3.first a:hover
{
	color:#DFC47D !important;
}

h3.first a
{
	color: #CFB46D !important;
}

.postbody h3 a
{
	color: #DFC47D !important;
}

cite a
{
	color: #FF8080 !important;
}

a.username-coloured
{
	color: #FF60FF !important;
	font-size:1.4em;
}

a.username
{
	color: #FF8080 !important;
	font-size:1.4em;
}

a.username:hover, cite a:hover
{
	color:#eeeeee !important;
}

a.postlink
{
	color: #979ae8 !important;
	border-bottom: 0
}

a.postlink:hover
{
	color:#DFC47D !important;
	background-color: #3f3f3f !important;
}

.codebox {
	color:#DFC48D !important;
	background-color:#1b2124 !important;
	border: 1px solid #666 !important;
}

.codebox code {
	color:#C0AD72 !important;
	background-color:#272f33 !important;
}

.postbody .content {
	color:#eeeeee !important;
}

blockquote {
	background-color: #303030 !important;
	border-radius: 9px;
}


/*
does Not work
*/





li.row, .bg1 {
	background: #272727 !important;
}


li.row, .bg2 {
	background: #272727 !important;
}

.forumbg, .topiclist, .forabg {
	background: #262626 !important;
}





Select, input {
	background-color: #272727 !important;
	border: solid 1px #FF8080 !important;
	color: #1088FF;
}

/**/
.navigation .active-subsection a, .tabs .activetab > a {
	background-color: #111 !important;
	color: #eeeeee;
}


.message-box textarea {
	background: #3d3d3d !important;
	border: solid 1px #555 !important;
	outline: none;
	color: #eeeeee;
}

input[type=submit] {
	padding: 5px 10px 5px 10px;
	font: 13px/20px sans-serif;
	border-radius: 15px;
}
/* Поле ввода с фокусом, контрастно */
input[type=submit]:focus {
	background: #eeeeee !important;
	color: #eeeeee;
	border: solid 1px #eeeeee !important;
}


/* кнопка, наведение */
input[type=submit]:hover {
	background: #eeeeee !important;
	border: solid 1px #eeeeee !important;
	outline: none;
	color: #eeeeee !important;
}

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #eeeeee;
	}
	
	#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #eeeeee;
}

Select, input.search, .inputbox, .pagination span a, .pagination span a:link, .pagination span a:visited
  {
    color: #ffffff !important;
  }


li.row strong {
	color: #eeeeee;
	}
	
	.postprofile strong {
	color: #eeeeee;
	}
	
	#cp-main .panel li.header dd, #cp-main .panel li.header dt {
	color: #eeeeee;
	}
	
	#tabs .activetab a:hover span {
	color: #eeeeee;
	}
	
	
	.rtl li.row:hover dd {
	border-right-color: #eeeeee;
	border-left-color: transparent;
	}
	
/*	; ecriture bandeau importante*/
	
li.header dt, li.header dd {
	color: #FF8080;
}

.codebox {
    background-color: #fffbd7;
    border-radius: 10px;
    border-color: #C9D2D8;
}

.codebox a{
    color: #297af9;
    text-decoration:none;
}

html, body {
	color: #BFBFBF;
	background-color: #000000;
}

h1 {
	color: #FF8080;
}

h2 {
	color: #FF8080;
}

h3 {
	border-bottom-color: #1088FF;
	color: #1088FF;
}

hr {
	border-color: #000000;
	border-top-color: #808080;
}    

li.row strong, .postprofile strong, label, .panel, #tabs a span, dl.details dt
  {
    color: #eeeeee !important;
  }

/* ligne */
li.row {
    background-color: #e6e9ed;
}
li.row:hover {
    background-color: #e6d00b;
}
ul.topiclist li {
    color: #0e60dd;
}

li.row {
	border-top-color:  #FFFFFF;
	border-bottom-color: #00608F;
}

li.row strong {
	color: #000000;
}

li.row:hover {
	background-color: #F6F4D0;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
	border-right-color: #CCCCCC;
	border-left-color: transparent;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #1088FF;
	background-color: #ffffff;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #000000;
	border-color: #666666;
	color: #ffffff;
}

.inputbox:-moz-placeholder {
	color: #cccccc;
}

.inputbox::-webkit-input-placeholder {
	color: #cccccc;
}

.inputbox:hover {
	border-color: #666666;
}

.inputbox:focus {
	border-color: #666666;
	color: #FFffff;
}

.inputbox:focus:-moz-placeholder {
	color: transparent;
}

.inputbox:focus::-webkit-input-placeholder {
	color: transparent;
}



@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;
	}
	
}