as the forum conversion poses very big problems to me I'm glad to have found a sort of way out and would like to put together for you some important links and tips bundled up.
With the help of a browser-addon (Greasymonkey for FireFox and Opera) individually editable UserScripts can be integrated with which appearance and functions of internetsites may be influenced. These MY.user.js scripts instal themselves according to their @name under:
Windows: \AppData\Roaming\Mozilla\Firefox\Profiles\0yzh9x2p.default\gm_scripts
Unix: /home/user/.mozilla/firefox/wom2gf5k.default/gm_scripts
can be edited directly and the results appear immediately with the following reload of the suitable homepage. Just as immediately these scripts may also be deactivated or removed.
On Board you can already find some helpful scripts:
Codefolding for the PBForums ~ [Greasemonkey] [subsilver2] PBB Optimizer ~ I would like the search form to defaults to TOPICS again.
On the Net:
The weblog about Greasemonkey ~ about Greasemonkey ~ Dive Into Greasemonkey: Tutorial EN & DLs
To give you an impression and indirect tips for the style adaptation here my first two colourful scripts:
(note: they're not meant to be too nice but to give you some clues
)(copy & save as ???.user.js, drop onto browser with installed addon)
for SubSilverPlus (Subsilver2)
Code: Select all
// ==UserScript==
// @name PB Forum Styler2
// @namespace veras~Styler2
// @description adjust CSS styles of PB forum
// @include http://www.purebasic.fr/english/*
// @include http://purebasic.com/english/*
//
// ??? include http://www.purebasic.fr/german/*
// ??? include http://www.purebasic.fr/french/*
// ??? include http://forums.purebasic.fr/german/*
//
// work with SubSilverPlus / SubSilver2
// note: first commentpart always show original values
// ==/UserScript==
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
addGlobalStyle('body { ' +
'background-color: #afcafc; ! important;' + // FFFFFF Main - Background
'color: #741e55; ! important;' + // 323D4F global Textcolor
'font-size: 62.5%; ! important;' + // 62.5% in-/ or decrease global font-size
'}'+
'.codecontent { ' +
'font-size: 0.85em; ! important;' + // 0.85em in-/ or decrease code-font-size
'}'+
'#wrapmain { ' +
'background-color: #eaeaeb; ! important;' + // F7F8FC inner Page - Background
'}'+
'#wrapheader { ' +
'background-image: none; ! important;' + // to deselect image, as it overlayed the color
'}'+
'th { ' +
'background-color: #385651; ! important;' + // 006699 Table - Top
'background-image: none; ! important;' + // to deselect image, as it overlayed the color
'}'+
'.tablebg { ' +
'background-color: #8ad3c6; ! important;' + // FFFFFF only shows off as stripline
'border : 3px solid #385651; ! important;' + // 1px a3bad5 Table - Border
'}'+
'.catdiv { ' +
'background-color: #8ad3c6; ! important;' + // white ... Background of empty cells, and others ???
'background-image: none; ! important;' + // to deselect image, as it overlayed the color
'}'+
'.cat { ' +
'background-color: #8ad3c6; ! important;' + // C7D0D7 Rubric Background (main-overview)
'background-image: none; ! important;' + // to deselect image, as it overlayed the color
'}'+
'.row1 { ' +
'background-color: #ffd734; ! important;' + // EAEDF4 Topic column (1-2) & Posting Background
'}'+
'.row2 { ' +
'background-color: #ffdf5e; ! important;' + // EAEDF4 Content column (3-5) & Posting Background
'}'+
'.row3 { ' +
'background-color: #8ad3c6; ! important;' + // CEDCEC Rubric Background (subthreads)
'}'+
'.spacer { ' +
'background-color: #385651; ! important;' + // CEDCEC Extra - Row Posting-divider
'}'+
'a:link { ' +
'color: #398813; ! important;' + // general Linkcolor, this too colors UserLinks
'font-weight: bold; ! important;' + // added, to highlight our UserLinks
'}'+
'a.forumlink { ' +
'color: #004f76; ! important;' + // 006699 Topic Links of Main-Overview
'}'+
'a.topictitle { ' +
'color: #004f76; ! important;' + // added, to preseve classic TopicLink-coloring
'}'+
'a.topictitle:visited { ' +
'color: #004f76; ! important;' + // 5493B4 (try 7f888c eb888c)
'font-weight: normal; ! important;' + // bold changed, as more conspicuous than pale coloring
'}'
);
Code: Select all
// ==UserScript==
// @name PB Forum Styler1
// @namespace veras~Styler1
// @description adjust CSS styles of PB forum
// @include http://www.purebasic.fr/german/*
// @include http://www.purebasic.fr/english/*
// ??? include http://www.purebasic.fr/french/*
// work with ProSilver
// ==/UserScript==
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
addGlobalStyle('html, body { ' +
'background-color: #efefef; ! important;' + // f2f6f8
'}'+
'a:link { ' +
'color: #387051; ! important;' + // to color user-names
'font-weight: bold; ! important;' + // to highlight user-names
'}'+
'ul.forums { ' +
'background-color: #ffdf5e; ! important;' + // Topic-row color
'background-image: none ; ! important;' + // to deselect image, as it overlayed the color
'}'+
'li.row:hover { ' +
'background-color: #ffee91; ! important;' + // use same color as 'ul.forums' to stop hovereffekt
'}'+
'.headerbar { ' +
'background-color: #2a82b7; ! important;' + // ebebeb top-table with BP-logo
// 'background-image: none ; ! important;' + //
'}'+
'.navbar { ' +
'background-color: #b8d7ea; ! important;' + // b8d7ea
'}'+
'.forabg { ' +
'background-color: #387051; ! important;' + // Table - bordering on main-overview
'background-image: none ; ! important;' + // disable imgage to display color
'}'+
'.forumbg { ' +
'background-color: #387051; ! important;' + // 12A3EB Table - bordering on topic-overviews
'background-image: none ; ! important;' + // disable imgage to display color
'}'+
'ul.topiclist li { ' +
'color: #741e55; ! important;' + // added color of topic-describtion
'}'+
'.postbody { ' +
'float: right; ! important;' + // left move ava+user-info to the left side again
'}'+
'.bg1 { ' +
'background-color: #ffdf5e; ! important;' + // f7f7f7 posting background
'}'+
'.bg2 { ' +
'background-color: #ffee91; ! important;' + // f2f2f2 posting background
'}'
);for fun & relief ~
~ Vera
