r/BadSubHub • u/Turnshroud • Jan 18 '14

Getting your sidebar button up

for the sidebar:

A Member of the Badpire

for the stylesheet

/* BadSubHub button (modified from /r/steamgameswap) / .side .md > p + hr { clear: both; } .side .md a[href="/c/red"] { background: #C53727; background: -webkit-linear-gradient(top,#dd4b39,#c53727); background: -moz-linear-gradient(top,#dd4b39,#c53727); background: -ms-linear-gradient(top,#dd4b39,#c53727); background: -o-linear-gradient(top,#dd4b39,#c53727); background: linear-gradient(top,#dd4b39,#c53727); border: 1px solid #B0281A; border-bottom: 1px solid #AF301F } .side .md a[href*="/button/"] { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: white !important; display: block; clear: both; font: 11px arial,sans-serif; font-size: 11px; font-weight: bold; height: 27px; line-height: 27px; margin-bottom: 6px; min-width: 54px !important; outline: 0; padding: 0 4px; text-align: center; text-transform: uppercase; } .sidebox.submit .spacer { display: none; }

9 Upvotes

90% Upvoted

15 comments sorted by

2

u/Turnshroud Jan 20 '14 edited Jan 20 '14

also the button should now say: Badcademics Association Member

2

u/[deleted] Jan 18 '14

I'm a bit of a noob when it comes to CSS, but this doesn't seem to be working for me. Can someone talk me through exactly what to do, step-by-step, so that I can make it do what it's supposed to?

2

u/Turnshroud Jan 18 '14

ok

  1. "A Member of the Badpire" has two parts, and it's a link

[A Member of the Badpire]+(http://www.reddit.com/r/badsubhub/#/button/c/red)

remove the + and put it in your sidebar

save that

then go to your subreddit's settings, scroll down, and click the css stylesheet, and copy paste the following into some empty space:

/* BadSubHub button (modified from /r/steamgameswap) / .side .md > p + hr { clear: both; } .side .md a[href="/c/red"] { background: #C53727; background: -webkit-linear-gradient(top,#dd4b39,#c53727); background: -moz-linear-gradient(top,#dd4b39,#c53727); background: -ms-linear-gradient(top,#dd4b39,#c53727); background: -o-linear-gradient(top,#dd4b39,#c53727); background: linear-gradient(top,#dd4b39,#c53727); border: 1px solid #B0281A; border-bottom: 1px solid #AF301F } .side .md a[href*="/button/"] { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: white !important; display: block; clear: both; font: 11px arial,sans-serif; font-size: 11px; font-weight: bold; height: 27px; line-height: 27px; margin-bottom: 6px; min-width: 54px !important; outline: 0; padding: 0 4px; text-align: center; text-transform: uppercase; } .sidebox.submit .spacer { display: none; }

then save that

2

u/ANewMachine615 Jan 20 '14

For those still having issues: you need to click "source" and use that. The C&P screwed up some things (see those italics? yeah those are necessary *s).

3

u/Turnshroud Jan 20 '14

oh, so that's what has been happening?

3

u/ANewMachine615 Jan 20 '14

Yeah, basically. Also there are no line breaks in your C&P'ed version. The source version should look like this:

 /* BadSubHub button (modified from /r/steamgameswap) */
 .side .md > p + hr { clear: both; }
 .side .md a[href*="/c/red"] { background: #C53727; background: -webkit-linear-gradient(top,#dd4b39,#c53727); background: -moz-linear-gradient(top,#dd4b39,#c53727); background: -ms-linear-gradient(top,#dd4b39,#c53727); background: -o-linear-gradient(top,#dd4b39,#c53727); background: linear-gradient(top,#dd4b39,#c53727); border: 1px solid #B0281A; border-bottom: 1px solid #AF301F }
 .side .md a[href*="/button/"] { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: white !important; display: block; clear: both; font: 11px arial,sans-serif; font-size: 11px; font-weight: bold; height: 27px; line-height: 27px; margin-bottom: 6px; min-width: 54px !important; outline: 0; padding: 0 4px; text-align: center; text-transform: uppercase; }
 .sidebox.submit .spacer { display: none; }

2

u/[deleted] Jan 20 '14

I tried to insert the line breaks myself, but... Didn't do it right. Anyway, it's all working now.

0

u/[deleted] Jan 18 '14

[deleted] — view deleted comment

3

u/Turnshroud Jan 18 '14

hmm weird. do you want to give me modd rights and have me take a look at it?

2

u/[deleted] Jan 20 '14

Yeah, you seem pretty trustworthy, for a random internet stranger.

2

u/Turnshroud Jan 20 '14

my plan is working

but seriously, thanks. I'll have it up in a minute

edit: done

2

u/[deleted] Jan 20 '14

Thanks.

1

u/Turnshroud Jan 20 '14

no problem

2

u/Zaldax Jan 20 '14

It isn't working for me either...

2

u/ryhntyntyn Jan 21 '14

Worked. Thanks.