• Ever thought it'd be cool to have your art, writing, or challenge runs featured on PokéCommunity? Click here for info - we'd love to spotlight your work!
  • Our weekly protagonist poll is now up! Vote for your favorite Trading Card Game 2 protagonist in the poll by clicking here.
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.
    Register

CSS Help & Resources

Zach said:
The reason that your link isn't coming out as an image is because it's not a direct link to the image. AFAIK, with Dropbox, only images in the public folder can be directly linked, so you may want to move it over there.
Click to expand...

You are amazing! Thank you so much.
I will do that and see if it helps :)
 
Team Fail said:
If that fails, just try uploading it to Imgur. It's free and easy to use.
Click to expand...

That was going to be my next question of that didn't work. Thank you very much as well.

After doing some research, my dropbox won't have a public folder. Anything after October 4 doesn't need the file supposedly.
Here is what I've come up with...
Spoiler:

Can anyone see that?

Edit: that's still the exact same problem. Stupid dropbox. I'm going to imgur.
 
Sticky threads can be posted in if it's been longer than a month right? Sorry if I'm breaking a rule :/

Ok so I'm trying to make my scroll bar disappear in this code:

Code: 
[c=background-color: #808080; height: 500px; width: 250px; color: white; position: absolute; right: 1000px; left: 100px; bottom: 10px; opacity: 0.95; overflow: auto;][CENTER]
blah
blah
blah
blah
blah
blah
blah
blah[/cd]

Any help how to do that?
 
Just change "overflow: auto" to "overflow: hidden," and it should remove all scrollbars for you. :] Also, sticky threads are revive-able, so don't worry.
 
Moderator note: sticky threads are permissible to be revived at all times.

I would also change the position from absolute to relative since setting it to absolute causes it to appear anywhere on screen instead of being confined to your signature/post.

Also, just so you know, there's the BB code as well if you need to c/p CSS code. You're better off using that instead of omitting parts haha
 
Peitharchia said:
Just change "overflow: auto" to "overflow: hidden," and it should remove all scrollbars for you. :] Also, sticky threads are revive-able, so don't worry.
Click to expand...

That worked, thanks! Though I would like it to scroll without showing the scroll bar similar to the example trade CSS templates. Does that make sense? I know the code in below the template but I'm still a noob and can't tell what exactly does what :P

Here:
[cd= height: 400px; width: 200px; background-color: #808080; position: absolute; top: 900px; bottom: 100px; right: 100px; left: 100px; overflow: hidden; border-style: double; border-color:#C0C0C0; border-width: 5px; color:#C0C0C0; font-size: 30px;]Pokemon[div= height: 350px; width: 200px; overflow: auto; font-size: 12px;]
[IMG]https://www.serebii.net/xy/pokemon/401.png[/IMG]
Krickot
[IMG]https://www.serebii.net/xy/pokemon/389.png[/IMG]
Normal Torterra
[IMG]https://www.serebii.net/Shiny/XY/389.png[/IMG]
Shiny Torterra
[IMG]https://www.serebii.net/xy/pokemon/387.png[/IMG]
Turtwig
[/cd][/div]

Terabyte said:
I would also change the position from absolute to relative since setting it to absolute causes it to appear anywhere on screen instead of being confined to your signature/post.

Also, just so you know, there's the BB code as well if you need to c/p CSS code. You're better off using that instead of omitting parts haha
Click to expand...
xD thanks so much!!!! That is helpful :)
 
Last edited:
I have a CSS dilemma that I can't figure out, though I get the feeling that a solution is relatively simple and I just don't know/see it yet. I'm making a cool format for my Roleplay posts, with a bunch of DIVs using position:absolute; but it's clipping over things below it. I tried adding a visibility:hidden; clear:both; DIV below it, but to no effect. Is there an easy solution to this problem so I won't have to start from scratch and I can keep my DIVs exactly where I've set them?
 
It messes up the positioning, but still it clips. I have one DIV just to set the width (it is also position absolute, centered with auto margins and pushed to the right slightly from the center), and four differently positioned DIVs inside of it.
 
[cd=width:800px; position:absolute; left:200px; margin-left:auto; margin-right:auto;][cd=width:200px; height:200px; position:absolute; background-image:url('https://i.imgur.com/L5PyNGI.png'); background-size:cover; font-size:0px; border:2px groove #4965FF; border-radius:100px 2px;]x[/cd][cd=width:570px; height:60px; position:absolute; top:0px; right:0px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;][RIGHT]N - N[/RIGHT][CENTER][SIZE="5"][B]コオリヤン[/B][/SIZE][/CENTER]Ice Kingdom[/cd][cd=width:10px; position:absolute; top:220px; left:180px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;][CENTER]X[/CENTER][/cd][cd=width:570px; position:absolute; top:80px; right:0px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;]x[/cd][/cd][cd=visibility:hidden; clear:both;].[/cd]

Of course, the last DIV before the visibility/clear DIV (excluding my outside width DIV) has to have a bunch of text in it to break past, but still
 
Last edited:
Couple of things to note with your CSS: you want to have the first element of your CSS to always be set to position:relative, because not everybody on PC uses a fluid-width style, in which the position:absoulte tag would absolutely work with. I, on the other hand, use a fixed-width style, and that would mean that having the CSS set to position:absolute, would cause the post to appear outside the margins. Here's your CSS below, and I fixed it to the best of my knowledge.

X
N - N​
コオリヤン​
Ice Kingdom
X​
x
.


Spoiler:
 
Last edited:
Can someone help me with this? The image won't show up all


Noire.
Lady Black Heart.
Goddess of Lastation
Playstation 3 Personification
[img*]https://ps3trophies.com/images/games/NPWR01663/trophies/42L059ce8.png[/img]
 
Noire said:
Can someone help me with this? The image won't show up all


Noire.
Lady Black Heart.
Goddess of Lastation
Playstation 3 Personification
[img*]https://ps3trophies.com/images/games/NPWR01663/trophies/42L059ce8.png[/img]
Click to expand...
Why are you inserting an asterisk into the code? That's why it won't show up :P

[div=*"height: 100px; width: 320px; border-radius: 5px; display: inline-block; overflow: hidden;"]
[div="*height: 100%; width: 140px; background: #444; padding: 10px; text-align: left; font: 12px arial, sans-serif; color: #fff; float: left;"]Noire.
Lady Black Heart.
Goddess of Lastation
Playstation 3 Personification[/div][img]https://ps3trophies.com/images/games/NPWR01663/trophies/42L059ce8.png[/div]

Code: 
[PLAIN][div=*"height: 100px; width: 320px; border-radius: 5px; display: inline-block; overflow: hidden;"]
[div="*height: 100%; width: 140px; background: #444; padding: 10px; text-align: left; font: 12px arial, sans-serif; color: #fff; float: left;"]Noire.
Lady Black Heart.
Goddess of Lastation
Playstation 3 Personification[/div][img]https://ps3trophies.com/images/games/NPWR01663/trophies/42L059ce8.png[/img][/div][/PLAIN]
 
what is this magic?
I swear when I went to put it in my signature without the symbol, it never showed up ;////; jeeze...just my luck XD
 
Anyone know of a neater method to specify a colour for a hyperlink within a signature? I use the color BBcode wrapped around the text for the link which seems to work fine but I wonder if there's a more efficient method of doing it.
 
As far as I know that's the only way we can do it with the mini-CSS we have here. In full CSS we would be able to specify the colors of links but that's not the case in what we have.
 
You must log in or register to reply here.
Back
Top