Bitcoin Forum

Other => Meta => Topic started by: Sejnt on December 22, 2013, 10:45:31 AM



Title: Making bitcointalk look more modern!
Post by: Sejnt on December 22, 2013, 10:45:31 AM
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!


Title: Re: Making bitcointalk look more modern!
Post by: blacksails on December 22, 2013, 11:21:24 AM
You haven't really done anything other that changed colours on the site? I like bitcointalk how it looks at the moment anyway.


Title: Re: Making bitcointalk look more modern!
Post by: Sejnt on December 22, 2013, 01:45:14 PM
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.


Title: Re: Making bitcointalk look more modern!
Post by: whiskers75 on December 22, 2013, 04:04:17 PM
You just using CSS? Use the custom CSS function of the BitcoinTalk++ script by jackjack ;)


Title: Re: Making bitcointalk look more modern!
Post by: hilariousandco on December 22, 2013, 08:05:59 PM
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 :D).


Title: Re: Making bitcointalk look more modern!
Post by: jackjack on December 22, 2013, 09:09:44 PM
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


Title: Re: Making bitcointalk look more modern!
Post by: whiskers75 on December 25, 2013, 04:11:08 PM
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.


Title: Re: Making bitcointalk look more modern!
Post by: Parazyd on December 25, 2013, 04:15:22 PM
Meh. I like the stock SMF look  :D


Title: Re: Making bitcointalk look more modern!
Post by: jackjack on December 25, 2013, 08:38:27 PM
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


Title: Re: Making bitcointalk look more modern!
Post by: Parazyd on December 26, 2013, 09:16:17 AM
He could always change it, with an update, you know? And it IS possible to grab your cookies and your credentials via Javascript.


Title: Re: Making bitcointalk look more modern!
Post by: whiskers75 on December 26, 2013, 09:37:25 AM
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;


Title: Re: Making bitcointalk look more modern!
Post by: jackjack on December 26, 2013, 11:44:39 AM
Hum yeah of course...
I don't know why I didn't think about that
I guess I need more javascript practice


Title: Re: Making bitcointalk look more modern!
Post by: whiskers75 on December 26, 2013, 01:20:41 PM
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! (http://whiskers75.com)


Title: Re: Making bitcointalk look more modern!
Post by: jackjack on December 26, 2013, 01:32:22 PM
I'd like to have the time


Title: Re: Making bitcointalk look more modern!
Post by: the_poet on January 24, 2014, 10:44:28 PM
Well, it wouldn't hurt to have a variety of themes/skins to choose from.


Title: Re: Making bitcointalk look more modern!
Post by: Faince1985 on January 25, 2014, 05:36:48 AM
Having low graphics has the advantage of being loaded easily,If they add another layout I Just want to have the option to choose.


Title: Re: Making bitcointalk look more modern!
Post by: jonanon on January 26, 2014, 08:22:00 AM
I think the forum looks fine the way it is - as long as it's useable appearance is not really of major concern.


Title: Re: Making bitcointalk look more modern!
Post by: howzar on January 26, 2014, 01:54:03 PM
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.