CSS Help & Resources

Alternative · May 27, 2011

I need help. I made a thread with coding here, and apparently something's wrong with it, something to do with it outside the box. My conclusion is that I've used position: absolute for it, so how would I go about fixing it?

Charizard★ · Jun 3, 2011

Another quick question, I've seen some people with CSS that makes the images/text unmovable or copyable, and I was wondering what's the code for that? I've tried searching for it, but I haven't found it.

donavannj · Jun 3, 2011

Charizard★ said:
Another quick question, I've seen some people with CSS that makes the images/text unmovable or copyable, and I was wondering what's the code for that? I've tried searching for it, but I haven't found it.

Give an example of this, please. I have no idea what you're talking about.

jigglyppuff8 · Jun 3, 2011

That's just because the image was used as a background image.

Regular img tags:

[PokeCommunity.com] CSS Help & Resources

background-image property:

Xyrin · Jun 3, 2011

I want to learn how to curve the box in this thread right here. I know the code to do it but whenever I try it, it doesn't work. If somebody could give me an example or even show me what I would need to do in my own code that'd be great. Here's my code.

HTML:

[FONT="Segoe UI"][COLOR="Black"][CENTER][div="padding: 2px 2px 2px 2px; border: dashed 1px red; color: #black; background-color: red;"]
Blarg blarg blarg. This is the stuff in my box. blargy

[/div][/CENTER][/COLOR][/FONT]

jigglyppuff8 · Jun 4, 2011

It's the border-radius property. Basically, you just use "border-radius: *desired radius length*;"

[div="padding: 2px 2px 2px 2px; color: #black; background-color: red; border-radius:8px;"]Blarg blarg blarg. This is the stuff in my box. blargy[/div]

Blarg blarg blarg. This is the stuff in my box. blargy

donavannj · Jun 4, 2011

Kevin beat me to it.

But I'd like to suggest not using that shade of red. It's blindingly bright.

Xyrin · Jun 4, 2011

donavannj said:
Kevin beat me to it.

But I'd like to suggest not using that shade of red. It's blindingly bright.

Okay. I'll use a darker one. I never noticed it was so bright until I actually looked at it.

pokewalker · Jun 4, 2011

Well I basically have a very weird glitch. Maybe someone knows? It breaks through the border :S

All of my shinies
(click them to view)

PHP:

[CENTER][div="height: 300px; width: 500px; background-color: #000000; border-radius: 75px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; border-style:ridge; border-color: blue; border-width:5px; padding: 5px;"][center][FONT="Arial Black"][COLOR="White"]All of my shinies
[SIZE="1"](click them to view)[/SIZE]
[div=" border-style:solid;
border-color:#EAFF00; border-width:1.5px; height: 96px; width: 96px;"][IMG]https://img89.imageshack.us/img89/9177/crobat.png[/IMG][/div][div=" border-style:solid;
border-color:#EAFF00; border-width:1.5px; height: 96px; width: 96px;"][IMG]https://img818.imageshack.us/img818/8200/amoonguss.png[/IMG][/div][div=" border-style:solid;
border-color:#EAFF00; border-width:1.5px; height: 96px; width: 96px;"][URL="https://www.youtube.com/watch?v=z1NvXwm5spE&feature=channel_video_title"][IMG]https://img651.imageshack.us/img651/9154/typhlosionshiny.png[/IMG][/URL][/div][div=" border-style:solid;
border-color:#EAFF00; border-width:1.5px; height: 96px; width: 96px;"][URL="https://www.youtube.com/watch?v=wgiCGUxN5Cs&feature=channel_video_title"][IMG]https://img109.imageshack.us/img109/8789/cresseliae.png[/IMG][/URL][/div][div=" border-style:solid;
border-color:#EAFF00; border-width:1.5px; height: 96px; width: 96px;"][URL="https://www.youtube.com/watch?v=jIfbrmhEt-s&feature=channel_video_title"][IMG]https://img695.imageshack.us/img695/622/jellicent.png[/IMG][/URL][/div][div=" border-style:solid;
border-color:#EAFF00; border-width:1.5px; height: 96px; width: 96px;"][URL="https://www.youtube.com/watch?v=3ImY0FGN6Hw&feature=channel_video_title"][IMG]https://img864.imageshack.us/img864/5059/audino.png[/IMG][/URL][/div][/COLOR][/FONT][/CENTER][/div][/CENTER]

jigglyppuff8 · Jun 4, 2011

All of my shinies
(click them to view)

Putting one div after another usually results in a line break. Example

[cd=height:auto;]Here's one div [/cd][cd=height:auto; text-decoration: blink;]and here's another div immediately following it.[/cd]

Here's one div

and here's another div immediately following it.

What I did was add the display:inline; property to properly align them one after the other.

[cd=height:auto; display:inline;]Here's one div [/cd][cd=height:auto;display:inline; text-decoration: blink;]and here's another div immediately following it.[/cd]

Here's one div

and here's another div immediately following it.

Also, I would highly recommend NOT using line breaks in PC's CSS. As for the borders, I'm not really sure what happened there.

Spoiler:

Hybrid Trainer · Jun 4, 2011

If you use display:inline-block; instead then you won't get those glitched up borders ^-^

pokewalker · Jun 4, 2011

Ok now I have an very not understandable other glitch. lol.

All of my shinies
(click them to view)

My teacherhttps://www.pokecommunity.com/members/119663

PHP:

[SIZE="4"][CENTER][div="height: 300px; width: 500px; background-color: #000000; border-radius: 75px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; border-style:ridge; border-color: green; border-width:5px; padding: 5px;"][center][FONT="BN Machine"][COLOR="White"]All of my shinies
[SIZE="1"](click them to view)[/SIZE]
[div="border-style:solid; border-color:#EAFF00; border-width:1px; height: 96px; width: 96px;"][IMG]https://img89.imageshack.us/img89/9177/crobat.png[/IMG][/div][div="display:inline-block; border-style:solid; border-color:#EAFF00; border-width:1px; height: 96px; width: 96px;"][IMG]https://img818.imageshack.us/img818/8200/amoonguss.png[/IMG][/div][div="display:inline-block; border-style:solid; border-color:#EAFF00; border-width:1px; height: 96px; width: 96px;"][URL="https://www.youtube.com/watch?v=z1NvXwm5spE&feature=channel_video_title"][IMG]https://img651.imageshack.us/img651/9154/typhlosionshiny.png[/IMG][/URL][/div][div="display:inline-block; border-style:solid; border-color:#EAFF00; border-width:1px; height: 96px; width: 96px;"]
[URL="https://www.youtube.com/watch?v=wgiCGUxN5Cs&feature=channel_video_title"][IMG]https://img109.imageshack.us/img109/8789/cresseliae.png[/IMG][/URL][/div][div="display:inline-block; border-style:solid; border-color:#EAFF00; border-width:1px; height: 96px; width: 96px;"][URL="https://www.youtube.com/watch?v=jIfbrmhEt-s&feature=channel_video_title"][IMG]https://img695.imageshack.us/img695/622/jellicent.png[/IMG][/URL][/div][div="display:inline-block; border-style:solid; border-color:#EAFF00; border-width:1px; height: 96px; width: 96px;"][URL="https://www.youtube.com/watch?v=3ImY0FGN6Hw&feature=channel_video_title"][IMG]https://img864.imageshack.us/img864/5059/audino.png[/IMG][/URL]
[/FONT][/div][FONT="BN Machine"]My [URL="https://www.pokecommunity.com/members/119663"][COLOR="Green"][B]teacher[/B][/COLOR][/FONT][/URL][/div][/COLOR][/CENTER][/CENTER][/SIZE]

What's basically happening is that the My Teacher part is felling out of my signature, and there is a seperate border without anything in it too. Any suggestions?

o3o · Jun 6, 2011

Hey, I'm having this problem with my signature where the quote, multiquote, etc. buttons are showing up alongside or in the middle of my signature.~ I used the float:left property for both the image and the text, so could that have anything to do with it? Thanks. Oh, and it doesn't seem to happen in Firefox, only in other browsers such as Chrome or Safari.

donavannj · Jun 6, 2011

Yes, that would be the float:left causing that, most likely.

champagnepapi · Jun 15, 2011

Code:

css-div="background-image:url('https://i980.photobucket.com/albums/ae289/CKmaster/chompyplates.png'); width: 300 px; height: 181 px;"][/css-div

So, what did I do wrong with the above code? I removed the brackets on purpose just to display the code, they're intact in the actual thing.

Hybrid Trainer · Jun 15, 2011

Dont put a space in between the number and the px
It needs to look like this width: 300px; not width: 300 px;

Gallaceon · Jun 17, 2011

I have to use CSS on my forum

I think that the CSS feature should be added. It'll make posts and signatures look more snazzy.

Someone on my forum asked me for that..
Can i anyone explain me how can i do so?
I am using vBulletin 4

pokewalker · Jun 20, 2011

I have some annoying thing in my signature.... Does anyone know how to fix?

pokewalker

Code:

PHP:

[CENTER][title="Hunting! And previous signature got deleted cos it bugged up with some people. New one under construction!"][div=" width: 430px; height: 275px; background-image:URL('https://img600.imageshack.us/img600/8013/shinyswellowdwz.png'); padding-left: 19px; padding-right: 19px; border-radius: 50px; border-style: solid; border-color: #158015;"]












[URL="https://www.pokecommunity.com/members/215584"][title="The only true Skylegend"][LEFT][IMG]https://images.wikia.com/pokemon/images/e/e7/Shiny_Swellow_BW.gif[/IMG][/LEFT][/title][/URL][RIGHT][COLOR="#158015"][SIZE="5"][FONT="Slackey"][title="CSS Teacher: Hybrid Trainer"]pokewalker[/title][/FONT][/SIZE][/COLOR][/RIGHT]
[/div][/title][/CENTER]

Oryx · Jun 20, 2011

Can you explain what's annoying? It looks perfectly alright for me (the sprite is animated as well):

jigglyppuff8 · Jun 20, 2011

If it's the text being under the box that's the problem, then use

CSS Help & Resources

More options

Alternative

f i r e f l y .

Charizard★

donavannj

jigglyppuff8

⑧

Xyrin

WOW REMEMBER THIS??

jigglyppuff8

⑧

donavannj

Xyrin

WOW REMEMBER THIS??

pokewalker

If it ain't Dutch,it ain'tmuch

jigglyppuff8

⑧

Hybrid Trainer

pokewalker

If it ain't Dutch,it ain'tmuch

o3o

donavannj

champagnepapi

exile

Hybrid Trainer

Gallaceon

pokewalker

If it ain't Dutch,it ain'tmuch

Oryx

CoquettishCat

jigglyppuff8

⑧