• Our software update is now concluded. You will need to reset your password to log in. In order to do this, you will have to click "Log in" in the top right corner and then "Forgot your password?".
  • 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

Ghost Lunis

BOO!
2,074
Posts
12
Years
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 :)
 

Ghost Lunis

BOO!
2,074
Posts
12
Years
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.
 

Elements1

Meh
272
Posts
11
Years
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?
 
Hiatus

Hiatus

12,284
Posts
11
Years
  • Seen Oct 22, 2023
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.
 
Tsutarja

Tsutarja

27,747
Posts
14
Years
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
 

Elements1

Meh
272
Posts
11
Years
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]http://www.serebii.net/xy/pokemon/401.png[/IMG]
Krickot
[IMG]http://www.serebii.net/xy/pokemon/389.png[/IMG]
Normal Torterra
[IMG]http://www.serebii.net/Shiny/XY/389.png[/IMG]
Shiny Torterra
[IMG]http://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:

Satan.EXE

King of the Hell
2,807
Posts
12
Years
  • Age 29
  • C:\
  • Seen Jun 12, 2015
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?
 

Satan.EXE

King of the Hell
2,807
Posts
12
Years
  • Age 29
  • C:\
  • Seen Jun 12, 2015
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.
 
Tsutarja

Tsutarja

27,747
Posts
14
Years
Could you perhaps paste your CSS code here inside of the [noparse][/noparse] BB Code tags so that I (and others who wish to chime in) could have a look at it then?
 

Satan.EXE

King of the Hell
2,807
Posts
12
Years
  • Age 29
  • C:\
  • Seen Jun 12, 2015
[cd=width:800px; position:absolute; left:200px; margin-left:auto; margin-right:auto;][cd=width:200px; height:200px; position:absolute; background-image:url('http://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:
Tsutarja

Tsutarja

27,747
Posts
14
Years
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:
Tsutarja

Tsutarja

27,747
Posts
14
Years
The marquee on the Trade Corner splashes is generated by HTML code, I'm afraid.. and HTML code is disabled in signatures.
 
Noire

Noire

89
Posts
10
Years
Can someone help me with this? The image won't show up all


Noire.
Lady Black Heart.
Goddess of Lastation
Playstation 3 Personification
[img*]http://ps3trophies.com/images/games/NPWR01663/trophies/42L059ce8.png[/img]
 
Tsutarja

Tsutarja

27,747
Posts
14
Years
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*]http://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]http://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]http://ps3trophies.com/images/games/NPWR01663/trophies/42L059ce8.png[/img][/div][/PLAIN]
 
Noire

Noire

89
Posts
10
Years
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
 
Dter ic

Dter ic

Fire Emblem....[b]HEROES[/b]
741
Posts
11
Years
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.
 

Oryx

CoquettishCat
13,184
Posts
13
Years
  • Age 31
  • Seen Jan 30, 2015
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