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...

Can anyone see that?

Edit: that's still the exact same problem. Stupid dropbox. I'm going to imgur.

Team Fail said:

I had no idea the Public folder was removed. Seems, though, they made a workaround:

https://www.dropbox.com/help/167/en

Click to expand...

That was what I did:) it still came out messed up. I took your advice and used imgur. I have another problem now though,XD. The picture is freakin gigantic! Know how to fix that by chance?

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:


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]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 :)

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?

Does changing your position to postion:relative change anything at all?

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.

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?

[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

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.

I'm wondering how to implement the Marquee thing in CSS, like the ones in the Trade Corner's header, if that's possible.

The marquee on the Trade Corner splashes is generated by HTML code, I'm afraid.. and HTML code is disabled in signatures.

Can someone help me with this? The image won't show up all

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]

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.