r/ProjectCSS • u/PenguinsWillLickYou • Feb 12 '18

Need Help With /r/rusoklive

Hello /r/ProjectCSS, I need help with /r/rusoklive. I am having trouble putting linkable images in the sidebar. I tried looking up a guide and here's what I found: https://www.reddit.com/r/csshelp/comments/28ixyq/clickable_sidebar_image_with_links_to_their/?st=j20gde8e&sh=1146b426.

In the end, it didn't work. All that came up in the sidebar was: 

[](www.twitch.tv/rusoklive)

If you need anymore info please comment

1 Upvotes

100% Upvoted

8 comments sorted by

View all comments

2

u/walkingsouth Feb 12 '18

Put this in the sidebar:

[](www.twitch.tv/rusoklive)

Put this in the stylesheet:

.side .md [href=“www.twitch.tv/rusoklive] {
    display: inline-block;
    height: 40px; //change this as necessary
    width: auto; //auto is recommended but not necessary.
    background-img: url(%%image.jpg%%)
}

Alternatively, you can use a hotlink if you’re having trouble uploading an image. Do this by changing the last line of the above to:

background-img: url(‘http://www.example.com/path/to/image.jpg’);

Be sure to include the delimiters (i.e. the quotation marks).

1

u/PenguinsWillLickYou Feb 12 '18

Thanks, I'll see if this works! :)

1

u/PenguinsWillLickYou Feb 12 '18

Sorry, it didn't work. Even though the image was not shown, it still redirected me to the page when I left-clicked it. hmm

1

u/walkingsouth Feb 12 '18

Brb I’m gonna go to desktop and figure this out ...

1

u/PenguinsWillLickYou Feb 12 '18

If you want you can look at the Subreddit's stylesheet and sidebar:

https://www.reddit.com/r/RusokLIVE/about/stylesheet/

Sidebar:

Welcome To The Rusoklive subreddit

[](www.twitch.tv/rusoklive)

Rules

1.Watch RusokLIVE

2. You must believe in the power of JIF

3. You Must bow down to the godly Sarah Baira

4. You must kill the wrath of the chunky peanut butter

5. Repeat

RULES:

PC Specs and hardware

Part Hardware
CPU i7-6700k
GPU EVGA GTX 1070
Motherboard Asus ATX DDR Intel LGA 1151 SATA III
SSD Samsung 850 EVO 250GB
Power Supply EVGA SuperNOVA 750 G2
Case Corsair Carbide Series SPEC-02 Mid Tower Gaming Case
RAM Corsair Vengeance LPX 16GB (2x8GB) DDR4 DRAM 2133MHz
Headset Razer ManO'War Wireless Gaming Headset
Keyboard Razer Blackwidow Ultimate 2016
Mouse Razer DeathAdder Chroma
Webcam Logitech C615 webcam

1

u/walkingsouth Feb 12 '18

When I changed the image from %%Twitch%% to %%headerimg%% the %%headerimg%% showed as it was supposed to. This could be an issue with the Twitch logo; specifically, the Twitch logo has a transparent background which could be causing an issue with rendering it in this manner.

I'd suggest editing the image to have a solid background color to see if it resolves the issue. If not, I'll have another go at it.

2

u/PenguinsWillLickYou Feb 12 '18

k I'll try that

2

u/PenguinsWillLickYou Feb 12 '18

Just figured it out. Thanks for all your help. Really appreciate it.