MelonLand Ads/Banner System

[Kie]

is there a smart way to display these in a smaller box...?

I'm assuming you are on the free neocities plan and using the iframe code. The quickest way to do it is just to scale the iframe through CSS:

Code

#melonlink {
  transform: scale(0.75);
}

Alternatively, you could use one of the solutions in this thread and use javascript to change the iframe CSS.

None of these solutions are that "clean" though, but it's all that came to mind.

@Melooon do you think we could get the iframe code changed so that the items are responsive to the body size? :O
Something like the image width set to 100%

[villain]

I'm assuming you are on the free neocities plan and using the iframe code. The quickest way to do it is just to scale the iframe through CSS:

I have supporter - I did think about just scaling the whole thing, but the text on some of them (including mine ^_^;;) is already a little small so I didn't want to make them illegible... that's why I was trying a marquee!

[chipyowo]

i thought about making a caroussel with them but lol idk how to code one TvT

[Loebas]

What a great concept. I Put the code up over on my new* forum. Which deserves some love

I also submitted my banner.


* Not strictly new, i setted it up in februari of this year, but there are no users ever since

[nobo]

i setted it up in februari of this year, but there are no users ever since

Sadly this is the fate of almost every forum community. I used to struggle against it but I eventually just started looking at it on the bright side: I havea lot more time to focus on my gamedev projects when I'm not managing a community.

Something you'll probably realize over time... is that when you do get users that want to post, it's pretty difficult to get them in line with the type of community you envisioned yourself running. In a way it's more of a blessing than you realize.

Good luck either way.

[Loebas]

I'm happy to report that since i placed the banner on melonlands banner thingy i got some users that registered and posted on my forum, so i have fate.

I got some plans with boykisser.nl itself, in making a landing page for it. It now goes straight to the weblog of me.
It actually started out with only a weblog. But since i am settling in the webrevival community, i wanted to make my website a part of it. Only thing, it means if i move the blog, a lot of rss readers are going to break. Many users have subscribed to my rss feed.
So it is still something for the long term, i could make a blogpost about it in advance. But we will see, its not something i want to do next week.

[Furbisms]

I added the iframe version to my site as I'm a free neocities user, but how do I remove the scrollbars? They're covering most of the banner for me I can't figure out why that's happening.

Edit: I ended up restyling it so they went away, it isn't exactly the same but that's fine with me. Still let me know if there's another solution though.

[candycanearter07]

I added the iframe version to my site as I'm a free neocities user, but how do I remove the scrollbars? They're covering most of the banner for me I can't figure out why that's happening.

Edit: I ended up restyling it so they went away, it isn't exactly the same but that's fine with me. Still let me know if there's another solution though.

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow Setting overflow: hidden or clip is a pretty good cross-platform way to completely hide any scrollbars. Keep in mind hidden and clip interact slightly differently - hidden just hides the content below the bounding box, but it CAN be scrolled with js, whereas clip actively removes the content outside the box and it cant be scrolled in any way. For this, either should be fine tho

[Furbisms]

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow Setting overflow: hidden or clip is a pretty good cross-platform way to completely hide any scrollbars. Keep in mind hidden and clip interact slightly differently - hidden just hides the content below the bounding box, but it CAN be scrolled with js, whereas clip actively removes the content outside the box and it cant be scrolled in any way. For this, either should be fine tho

I tried overflow hidden and it didn't work, I didn't try clip though. I'll test it and see if it works.

Edit: That didn't work either, I have no clue why? I think it's something on my end at this point?

[candycanearter07]

I tried overflow hidden and it didn't work, I didn't try clip though. I'll test it and see if it works.

Edit: That didn't work either, I have no clue why? I think it's something on my end at this point?

Oh wait, the banner system uses a iframe, right? The issie is probably that its making a scrollbar IN the iframe context, which is considered a seperate rendering context and ignores the "external" css. I don't know if theres any way to override that beyond melon manually adding overflow: hidden on their end..

[Furbisms]

Oh wait, the banner system uses a iframe, right? The issie is probably that its making a scrollbar IN the iframe context, which is considered a seperate rendering context and ignores the "external" css. I don't know if theres any way to override that beyond melon manually adding overflow: hidden on their end..

Ahhh okay that makes sense. I only really learned how to use iframes relatively recently so I did not know that. Thanks for the help, though. What I did fixes it fine enough for me so I'm not super worried at this point

[di]

Just wanted to say that these ads look great. I love how they look on my and others' websites. Perfect size and cool designs 

[Limette]

This is really cool! I love the music that plays on the banner site, it's so relaxing to just have in the background.

I have a question, though. I tried adding the iframe code to my neocities page, but it embeds with scrollbars that cover the banners. I tried looking up how to remove them but couldn't find a good solution, the best work-around I found is to adjust the height/width of the iframe to be bigger, but that gets rid of the rounded corners.



I'm not very experienced with html/css, so if there is an easy solution to this I just haven't found it yet.

Edit: I don't know how I missed the posts above me having this exact discussion, I even remember reading them before when I first looked at the banners system a couple months ago! Well, I will probably just forgo the rounded corners.

[Melooon]

it embeds with scrollbars that cover the banners

I pushed a tiny fix for this, if you clear your cache it might work! Also what browser/OS is this on?

EDIT: for some reason I cant clear the cache on your site, but if your change the url to just "https://melonking.net/frames/banner" it works and is fixed ^^

@Furbisms oops sorry! I never saw your messages! I could have fixed that for you ages ago, its very much on my end 

[Knotnu]

A banner system looking really good!   


I suggest when you click on the banner it brings you to another website. I was thinking how it travels from one website to the other website like a space ship. It can be a kind of animation that transition from one site to the other.


Anyways, that what I have been thinking about.