How do I scroll? | Pixel Perfect

9 posts

bits

She/Her

One day, I'll code.

Amasha

New Member

How do I scroll? Oct 1, 2018 3:50:17 GMT

Post by Amasha on Oct 1, 2018 3:50:17 GMT

This is my very first time coding, super new. I've been trying to look at other people's coding and trying their ways of applying a webkit, but it's not happening. What am I doing wrong exactly

?

[div align="center"][nospaces]

[googlefont=Condiment]

[div][attr="class","background"][div][attr="class","titledtext"][font color="60495a"]fight till we are no more

[/font][/div]



[div][attr="class","pokemon-box"][img src="https://veekun.com/dex/media/pokemon/icons/531.png" style="max-width:100%;" title="PEONY"][/div]

[div][attr="class","pokemon-box"][img title="ASTER" src="https://veekun.com/dex/media/pokemon/icons/744.png" style="max-width:100%;"][/div]

[div][attr="class","pokemon-box"][img src="https://veekun.com/dex/media/items/poke-ball.png" style="max-width:100%;" title="name"][/div]

[div][attr="class","pokemon-box"][img style="max-width:100%;" src="https://veekun.com/dex/media/items/poke-ball.png" title="name"][/div]

[div][attr="class","pokemon-box"][img title="name" src="https://veekun.com/dex/media/items/poke-ball.png" style="max-width:100%;"][/div]

[div][attr="class","pokemon-box"][img title="name" style="max-width:100%;" src="https://veekun.com/dex/media/items/poke-ball.png"][/div]



[div style="height:40px;width:270px;background-color:#60495a;padding-top:5px;padding-left:2px;"][div]



[img src="https://image.ibb.co/fhOqp9/fate1.png" style="max-width:100%;margin-top:-75px;margin-left:250px;border-radius:100px;border:solid 5px #60495a;"]



[div style="color:#FCF7F8;margin-top:0px;margin-right:-335px;"]@tagged[div]



[div style="height:320px;width:240px;background-color:#222222;margin-top:-40px;margin-right:338px;padding:10px;border-radius:5px;"]



[div][attr="class","pleasework"]



[div][attr="class","text"]



Take one last look at what you're leaving behind,[break]

'Cause there's no coming back once we go[break]

[b][font color="ffb2b2"]We are the children of an innocent crime[/font][/b],[break]

And its time to take down the throne[break]

Although their heads may shake,[break]

We'll set the city ablaze for their treachery[break]

We'll spill their blood and set our fathers free[break]

Ooh, two hundred years of war[break]

Fight till we are no more[break]

A curse on the streets of gold, ooh ooh[break]

Just know[break]

That mine is a hand to hold[break]

Take back what the kingdom stole[break]

A curse on the streets of gold[break]

Ooh, two hundred years of war[break]

Fight till we are no more[break]

A curse on the streets of gold, ooh ooh[break]

Just know[break]

That mine is a hand to hold[break]

Take back what the kingdom stole[break]

A curse on the streets of gold[break]

[break][break]

Take one last look at what you're leaving behind,[break]

'Cause there's no coming back once we go[break]

We are the children of an innocent crime,[break]

And its time to take down the throne[break]

Although their heads may shake,[break]

We'll set the city ablaze for their treachery[break]

We'll spill their blood and set our fathers free[break]

Ooh, two hundred years of war[break]

Fight till we are no more[break]

A curse on the streets of gold, ooh ooh[break]

Just know[break]

That mine is a hand to hold[break]

Take back what the kingdom stole[break]

A curse on the streets of gold[break]

Ooh, two hundred years of war[break]

Fight till we are no more[break]

A curse on the streets of gold, ooh ooh[break]

Just know[break]

That mine is a hand to hold[break]

Take back what the kingdom stole[break]

A curse on the streets of gold[break]



[newclass=".background"]height:400px;width:275px;background-color:#151515;padding-top:15px;margin-top:20px;margin-bottom:20px;border-radius:5px;[/newclass]



[newclass=".pokemon-box"]height:35px;width:40px;float:left;margin-left:3px;margin-top:5px;align:center;border-radius:5px;background:#222222;[/newclass]



[newclass=".trainericon"]height:110px;width:110px;margin-right:-320px;margin-top:-75px;border-radius:100px;background-color:#60495a;[/newclass]



[newclass=.text]height:315px;width:250px;color:#999999;margin-left:-3px;margin-top:10px;text-align:left;overflow:auto;font-size:10px;[/newclass]



[newclass=.titledtext]font-size:30px;font-family:Condiment;margin-top:-30px;[/newclass]



[newclass=.workplease::webkit-scrollbar ]width:3px;background:#ffffff[/newclass]

[newclass=.workplease::webkit-scrollbar-thumb ]background:#000000[/newclass]



[/div][/div][/div][/div][/div][/div][/div][/div][/div]

Last Edit: Oct 1, 2018 3:52:16 GMT by Amasha

1,208 posts

bits

Open for Art Commissions

「イオタ」

Part of the Furniture

How do I scroll? Oct 1, 2018 4:24:57 GMT

Post by 「イオタ」 on Oct 1, 2018 4:24:57 GMT

It scrolls for me, but it's also doing a horizontal scroll for the entire template. If it isn't scrolling on your site, one of its tags might be a repeat (and thus interfering with each other). screenshot Not sure about the horizontal scroll that's going on. I didn't see any absurd widths and only saw one overflow. If I figure it out, I'll update this post.

P.S. Firefox doesn't see custom scrolls, so if you meant the colours and not the scrollbars themselves, then... ;w; ~~I'm sorry, I'm useless to youuu, lol~~.

Last Edit: Oct 1, 2018 4:27:05 GMT by 「イオタ」

Established Feb. 14, 2018 • Plot always advances • Easy to join & jump into plot
Kismet Divided Discord if anyone has any questions
My art: iotaSAGE @ Twt| iotaSAGE @ dA

9 posts

bits

She/Her

One day, I'll code.

Amasha

New Member

How do I scroll? Oct 1, 2018 4:29:15 GMT

Post by Amasha on Oct 1, 2018 4:29:15 GMT

I can get scrolls but it doesn't do the webkit scroll system, which I was trying to put in. It's kinda weird, I try and place it in all sorts of locations without luck.

Also the scroll on the bottom is weird, I was originally designing it on another site and had no problem. I went here and began to play with it further, which is when it popped up. x n x;

1,208 posts

bits

Open for Art Commissions

「イオタ」

Part of the Furniture

How do I scroll? Oct 1, 2018 4:50:02 GMT

Post by 「イオタ」 on Oct 1, 2018 4:50:02 GMT

Ama, I think the bottom scroll is happening because of the margins you put in place. I'm not exactly code savvy myself, but I would replace them with "position:relative;right:#px;overflow:hidden;" just to be on the safe side. I have gotten it to work, but it's not working for the tagged div. orz

Your webkit scroll code has spaces between the scrollbar classes(?) and the bracket and no width for the thumb scroll, so maybe try copy/pasting this into your code and see if it works.


    [newclass=.workplease::-webkit-scrollbar]width: 3px; background: #fff;[/newclass]
    [newclass=.workplease::-webkit-scrollbar-thumb]width: 2px; background: #000;[/newclass]

Not sure if the spaces matter, but the width probably does.

Last Edit: Oct 1, 2018 4:51:12 GMT by 「イオタ」

Established Feb. 14, 2018 • Plot always advances • Easy to join & jump into plot
Kismet Divided Discord if anyone has any questions
My art: iotaSAGE @ Twt| iotaSAGE @ dA

2,896 posts

bits

Kitten4u

Administrator

How do I scroll? Oct 1, 2018 5:05:39 GMT valka and 「イオタ」 like this

Post by Kitten4u on Oct 1, 2018 5:05:39 GMT

Note: I know virtually nothing about Proboards coding syntax, but I think I was able to work out your problem. Your newclass with the scrollbar is called 'workplease', but you don't use that class anywhere in your code. It looks like you're referencing a class called 'pleasework' instead, which has no newclass defining it.

9 posts

bits

She/Her

One day, I'll code.

Amasha

New Member

How do I scroll? Oct 1, 2018 15:35:20 GMT

Post by Amasha on Oct 1, 2018 15:35:20 GMT

lol @ me. XD I didn't notice that reference error.

Still not working, but that was kind of a funny error.

「イオタ」
I tried the copy paste the coding for the scroll, no dice still. >:x
I'm defiantly gonna have to keep the (position:relative;right:#px;overflow:hidden;) in mind.

Kitten4u
Thank you for helping me, even if your not good at bbcode. ; w ;

2,896 posts

bits

Kitten4u

Administrator

How do I scroll? Oct 21, 2018 15:34:48 GMT

Post by Kitten4u on Oct 21, 2018 15:34:48 GMT

[nospaces]

[attr="class","infoBG"]

[attr="class","infoBG2"]

[attr="class","infoBack"]

[attr="class","infoTitle"][attr="class","fa fa-star-o"] threadarchived

[attr="class","infoDiv"]

[attr="class","infoBody"]

To keep the forum clean and so people know that all threads in certain areas are current and that the OP is likely to still have interest, we archive threads that haven't gotten posts for 2 weeks. This thread is being archived for that reason. If you would like this thread reopened, contact a staff member.