CSS Help & Resources

[TheMarkCrafter]

How can I make that thing under the picture where like Hiiro's sig?

 

[Mew~]

How can I make that thing under the picture where like Hiiro's sig?

Just change the background of your CSS to a soild colour with the same amount of width as your image but just slightly longer height, then just add the image on top, simples.

 

[TheMarkCrafter]

@Mew~
I meant the code..

 

[Deleted member 143209]

KingSnivy, it literally doesn't get more basic than this. You should do a little research before asking a question. It's just a plain box, with a few simple codes.

Something along the lines of

[div="background-color: #010103; width: 352px; padding: 4px; border: 1px; cursor: crosshair; padding: 4px;"]{param}[/div]

 

[Pokemon Trainer Touko]

Hiiii :D Can someone please tell me how to make a 'floating' box? :D Like the one on the GT8 thread? Please and thank you ^_^

 

[donavannj]

The float: property is your friend. ;)

 

[greg0915]

Ok i tried some of this and now my thread looks like this(Link in sig)
The stuff i entered keeps duplicating and adding [/div] to the end closing it!
I Urgantly need some help! :(

 

[Hybrid Trainer]

Well this is more of a forum problem than a css one but what you could do is click the A/A symbol in the top corner and remove all the extra coding and whatnot manually.

 

[Impo]

...I just want to bring life to this thread by saying I managed to create my signature using css - all by myself :D .
I'm actually really proud ^^

 

[Hybrid Trainer]

That looks pretty good Impo :D
But maybe you want to try adding in these codes so that the border works in all browsers?

-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;

 

[Impo]

That looks pretty good Impo :D
But maybe you want to try adding in these codes so that the border works in all browsers?

Nice idea :D , thanks.
But every time I add them it automatically wraps url tags around my image locations... I need to experiment more

 

[Hybrid Trainer]

Why would it be doing that? o.O
You are putting them into the same css code that the -moz- codes are in right?

 

[Oryx]

The problem is that you're editing it in the WYSIWYG editor. Try switching over to plain-text, when you're in the other one it automatically makes every url in the post wrapped with [url][/url] tags. :)

A/A in the corner if you're not sure.

 

[Impo]

The problem is that you're editing it in the WYSIWYG editor. Try switching over to plain-text, when you're in the other one it automatically makes every url in the post wrapped with [url][/url] tags. :)

A/A in the corner if you're not sure.

oh, I forgot about that :s
thanks a bunch :D

..actually, I tried that and it still wraps the tags around it.. oh dear, this is getting frustrating xD

 

[Ooka]

If you're doing url(https://linkstuff.com/link) just add in some of these url('https://linkstuff.com/link') and it shouldn't wrap any tags around it.

 

[Impo]

I shall try it now, thanks :)

Yay it worked, thanks :D

 

[Uecil]

I've never been too sure on this, but I would like to make the width of this:


Smaller. Is there any way of doing that?

 

[Hybrid Trainer]

You use the overflow CSS code and set it to hidden so it turns out like this :)

For the sound BB code you need to set the width to 60px if you just want to get the control buttons.

[cd=overflow:hidden; width:60px;][sound=Itsumo No Fuukei]https://www.fileden.com/files/2010/10/22/2999413/Suzumiya%20Haruhi%20OST%20-%20Itsumo%20no%20fuukei_%28new%29.mp3[/sound][/cd]

 

[Uecil]

You use the overflow CSS code and set it to hidden so it turns out like this :)

For the sound BB code you need to set the width to 60px if you just want to get the control buttons.

[cd=overflow:hidden; width:60px;][sound=Itsumo No Fuukei]https://www.fileden.com/files/2010/10/22/2999413/Suzumiya%20Haruhi%20OST%20-%20Itsumo%20no%20fuukei_%28new%29.mp3[/sound][/cd]

That's perfect! thank you :D
I shall try that now.

 

[Moltres Rider]

I know nothing about CSS, but I want my signature to cycle through different texts one at a time similar to the userbars this member has https://www.pokecommunity.com/members/255550

I want each of my links to cycle through one at a time like the user bars gameplayer56 has (in the signature of this member)