Starting a sub-saidit

submitted by Vigte from self.SaidIt

sorted by:
top
newinsightfulfun
you are viewing a single comment's thread.

view the rest of the comments →

[–]Vigte[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (3 children)

So... um, another question if that is okay?

I've put my banner up, the upload works great now! Thank you!

I resized it slightly and what not to fit - but I find it doesn't resize with the resolutions I tested (800x600, 1024x768, widescreen etc up to 1980x1080) - this is normal correct? What would you suggest for the dimensions of the banner, so it kind of flows for any resolution.

Additionally, is it possible to switch the banner to a secondary image, depending on whether the user is using night or daytime Saidit? I set it up with the nighttime setting in mind but realised it looks awful on daytime setting lol! (this is just a suggestion as I know it's not a thing yet!)

<3, you're doing good work Magnora, never quit!

Edit: ONE more, I promise only one! What is the name of the font you used? Is it okay to use the same font in the banner or would you prefer to keep that a secret ;)?

Edit 2: I just looked up the sub on an ipad, the image being 1900x200 forced the website to have a scroll bar all the way to the right, check it out if you have a mobile/or pad... not sure how to fix that one :\ Sorry!!! I keep breaking everything.

[–][deleted] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (2 children)

is it possible to switch the banner to a secondary image, depending on whether the user is using night or daytime Saidit?

yeah it should be possible in your custom css. <body> has changing classes theme-nightmode and theme-daymode

for your banner, I see the saidit banner poking through on the top. I know we've deviated from reddit CSS which maybe we shouldn't have, but you could try setting

#header { background-image: yours }

That would just be custom css and not setting the header image directly.

With your approach you have now, try this to get rid of the scroll bar:

#header-img { max-width: 100%; margin: 0; }

[–]Vigte[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (1 child)

Thanks so much d3rr!

Alright, so:

header-img { max-width: 100%; margin: 0; }

Worked, the banner was compressed (looks a little distorted, but that's life).

The saidit banner poking through does that no matter how large I make the banner height, it simply forces the rest of the page down. Anything less than approximately 175px has the saidit banner sticking out beneath, also.

I tried:

header { background-image: yours }

but there seemed to be no change.

I haven't worked with websites in a longgggg time, like, live journal long ago. Sorry for being the low-end of the tech support spectrum!

Guess I am off to learn some CSS!

[–][deleted] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

Hey man... yeah CSS is the hugest pain in the ass ever. I see my css made the image stretch and that sucks. Try adding this, and get rid of the max-width:100% style for #header-img (keep the margin:0 though)

#header-img-a { overflow: hidden; }

If you want to hide the saidit banner from being used on top, also add:

#header, #header-img.default-header { background-image: none; }