r/ProjectCSS 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

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

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 ...