Making bitcointalk look more modern!

[Sejnt]

I'm a bit annoyed with how bitcointalk looks so I started creating an userscript.

It's in very early beta but I thought you may like it!

https://i.imgur.com/eVo4J5A.png

TODO:
Whole header
Icons
What-you-want


How to install?

DOWNLOAD: http://37.187.98.88/btctalk.user.js

Chrome:
Go to chrome://extensions
Drag&Drop btctalk.user.js to chrome://extensions tab
Done


Waiting for your suggestions!

[blacksails]

You haven't really done anything other that changed colours on the site? I like bitcointalk how it looks at the moment anyway.

[Sejnt]

You haven't really done anything other that changed colours on the site?

As I said, this is an early version. Now I'm gonna focus on the header.
You can also suggest what would you like to change.

[whiskers75]

You just using CSS? Use the custom CSS function of the BitcoinTalk++ script by jackjack

[hilariousandco]

The forum does look a bit dated, but apparently there's new forum software coming anyway (although apparently it's been 'coming' for quite some time ).

[jackjack]

You just using CSS? Use the custom CSS function of the BitcoinTalk++ script by jackjack

This

If you want I can even put your CSS directly in BT++, for everybody

[whiskers75]

Security warning! This userscript loads CSS and JavaScript into the page. At a moment's notice, Sejnt could push malicious code to his server to grab logins or do other malicious tasks.

Code:

// ==UserScript==
// @name          Bitcointalk.org Style
// @description   A bitcointalk.org style :)
// @version       0.1
// @namespace 	  Sejnt
// @author        Sejnt
// @run-at        document-end
// @include       https://www.bitcointalk.org*
// @include       https://bitcointalk.org*
// @match         https://www.bitcointalk.org/*
// @match         https://bitcointalk.org/*
// ==/UserScript==

if(window.top == window) {
	var mycss = document.createElement("link");
	mycss.rel = "stylesheet";
	mycss.type = "text/css";
	mycss.href = "https://googledrive.com/host/0B9TdmguVL9h1enRxRUtxdTZxV1k/";
	document.getElementsByTagName("head")[0].appendChild(mycss);

	var myjs = document.createElement("script");
	myjs.type = "text/javascript";
	myjs.src = "https://googledrive.com/host/0B9TdmguVL9h1VzhQMVh3M3JWV3c/";
	document.getElementsByTagName("head")[0].appendChild(myjs);
} 	

Value of 'mycss':

Code:

.tborder {
	border: none;
	padding: 0px;
}

.windowbg, .windowbg2, .windowbg3 {
	background-color: #F7F7F7;
}
  
.catbg3, .catbg2, .catbg, tr.catbg3 td {
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top, #45484d 7%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #45484d 7%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #45484d 7%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #45484d 7%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #45484d 7%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	padding: 8px 5px !important;
	font-size: 14px;
}


.catbg {
	padding: 3px !important;
}

.maintab_first, .maintab_last, .maintab_active_first, .maintab_active_last {
	display: none;
}

.maintab_back, .maintab_active_back {
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top, #45484d 7%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #45484d 7%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #45484d 7%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #45484d 7%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #45484d 7%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	font-size: 16px;
	text-transform: capitalize;
	margin-left: -10px;
}

No JS has been posted...yet.

[Parazyd]

Meh. I like the stock SMF look 

[jackjack]

Security warning! This userscript loads CSS and JavaScript into the page. At a moment's notice, Sejnt could push malicious code to his server to grab logins or do other malicious tasks.

No JS has been posted...yet.

Can he really get the logins?
Cookies?

I actually saw the JS injection but didn't find it critical for some reason... Thanks for the warning

[Parazyd]

He could always change it, with an update, you know? And it IS possible to grab your cookies and your credentials via Javascript.

[whiskers75]

Security warning! This userscript loads CSS and JavaScript into the page. At a moment's notice, Sejnt could push malicious code to his server to grab logins or do other malicious tasks.

No JS has been posted...yet.

Can he really get the logins?
Cookies?

I actually saw the JS injection but didn't find it critical for some reason... Thanks for the warning

Code:

document.getElementById('form').onsubmit = evilFunction;

[jackjack]

Hum yeah of course...
I don't know why I didn't think about that
I guess I need more javascript practice

[whiskers75]

Hum yeah of course...
I don't know why I didn't think about that
I guess I need more javascript practice

Code more things, even if they end up being obsolete, you learn!

[jackjack]

I'd like to have the time

[the_poet]

Well, it wouldn't hurt to have a variety of themes/skins to choose from.

[Faince1985]

Having low graphics has the advantage of being loaded easily,If they add another layout I Just want to have the option to choose.

[jonanon]

I think the forum looks fine the way it is - as long as it's useable appearance is not really of major concern.

[howzar]

I like it this way and the fact that it is easy to navigate in even with a slow internet connection and the comfortable appearance.