0
11

[–] MadMonkey 0 points 11 points (+11|-0) ago 

Thanks a bunch for the guide, it was very clearly written and easy to follow! I used it for the sub for my game at /v/unlimitedgolf. If anyone is wondering the code is

#header {
    background: url( http://i.imgur.com/X0mtGMY.png ) no-repeat scroll;
    background-position: 50% 20%;
    background-color: #FFAB00;
    height: 183px;
}

[–] [deleted] 0 points 4 points (+4|-0) ago 

[Deleted]

0
4

[–] Nurdoidz [S] 0 points 4 points (+4|-0) ago 

You are very welcome! I appreciate your willingness to help others out, too.

0
2

[–] Soulless-End 0 points 2 points (+2|-0) ago 

Hey! I appreciate the guide!!

I have a quick question for you though. I've been testing out the CSS on my subverse and trying to figure out what goes where and such.

Question is: Do you know which CSS tag controls the container/content or whatever It's called to customize the front page of your subverse.

I can change the background of the "body", which it's like adding a wallpaper to your desktop, it covers the background. However, the entire box that consists of all the different links to each discussion and the sidebar which has the links of "Start a Discussion" or "Share a Link", and where the subscribe button is and all the suberse's details. Those 2 seem to be contained in the same box that covers the entirety of the background wallpaper I would set up.

What I wanted to do was set it to where all that stuff. The various links to articles/discussions, the comments button, upvote/downvate arrows, and search bar, and starting new discussions is all there at 100% Opacity, but it's entire background is lowered in Opacity/Transparency, say to like 0.4, or 40%, whichever CSS code I have to use to do that. So that way, the box/container is see-through into the wallpaper in the back, but all the writing/links are still 100% visible.

If you can help me out here that'd be awesome! I can't figure it out :(

0
2

[–] Nurdoidz [S] 0 points 2 points (+2|-0) ago 

It's actually pretty simple (you said the name of the element in your question):

#container {
    background: hsla( 0,0%,100%,0.4 );
}

Adjust the 0.4 to whatever opacity you'd like. If you'd like to adjust anything else about the big, white container, #container is the tag for you.

Let me know if you have any other questions. Possibly even create a separate thread topic in this sub in case others have the same question (for more coverage). :-)

0
1

[–] Soulless-End 0 points 1 points (+1|-0) ago 

Oh I see, you're suppose to use the "#" sign in front of it!!! ahaha.

Thank you so much! If I have anymore questions I'll just make a new thread.

[–] [deleted] 0 points 1 points (+1|-0) ago 

[Deleted]

0
1

[–] Nurdoidz [S] 0 points 1 points (+1|-0) ago 

No, it doesn't.

0
1

[–] TheManWhoLaughs 0 points 1 points (+1|-0) ago 

Easy to follow and very helpful. Thanks u/Nurdoidz

0
1

[–] Sprucewood 0 points 1 points (+1|-0) ago  (edited ago)

I'm not sure what I'm doing wrong; I'm working on /v/chicagofirenbc, but the banner isn't showing up. My code is below

header {

background: url( %%http://i.imgur.com/j9RdYY1.jpg%% ) repeat scroll;
height: 227px;

}

0
1

[–] conman_127 0 points 1 points (+1|-0) ago 

you need to take out the %% signs

0
1

[–] doctorshlomo 0 points 1 points (+1|-0) ago 

Thanks for sharing! Just used this simple tutorial to add a banner to Title Here

0
1

[–] Xseleon 0 points 1 points (+1|-0) ago  (edited ago)

I'm having trouble getting the image to show up for the banner at /v/imaginaryworlds

This is what I am using and I have the header set to 481 pixels, no-repeat, and fixed.

0
1

[–] Nurdoidz [S] 0 points 1 points (+1|-0) ago 

Ah, it seems you linked to the imgur page instead of the actual image. The url should have http://i.imgur.com and should end with .png, .jpg, etc. for Imgur. Here's the working adjusted code:

#header {
    background: url(http://i.imgur.com/nKpwSPv.jpg) no-repeat fixed;
    height: 481px;
}

0
2

[–] Xseleon 0 points 2 points (+2|-0) ago 

Alright, thanks for the help!

This was just a test image, but I have noticed it doesn't centre itself on the page. Should I pick a banner that spans the entire width of the page, or can I move it in a certain x direction.

load more comments ▼ (5 remaining)