CSS Help & Resources

Abnegation · May 28, 2010

Yeah your sig is too large atm, try adding this into your code and see how it goes:

overflow:auto; background-repeat:no-repeat;

That'll add in a scroll bar and prevent the background from repeating. To learn more about the overflow property go here.

FloatingClouds · May 29, 2010

Better do it quick or a mod will come with an orange sticker and slap it on your sig - It's too big (I'd hate to state the obvious :P ) and I just don't like the mario pic for some reason, meh, it's your choice after all :)

WonderGirl · May 30, 2010

Hi. Can someone please help me out? I'm trying to get th box in my signature to be a bit more to the right and a bit lower. I'd also like to center the image without messing the whole thing up. Here's the code:

Code:

[cd=width:530px;height:330px;cursor: crosshair;border:1px solid #a7dab; background-image: url("https://img88.imageshack.us/img88/9369/wg9.png");]
 
[cd=width:180px;height:180px;cursor: crosshair;border: dashed 1px #148780 ;background-color: #d5f2ee; Align: Left;]WonderGirl
 
 
[LEFT]☆[title="Galukxy"]Sister[/title][/LEFT]
 
[LEFT]☆[title="Pokestick, good times."]Evil Twin[/title][/LEFT]
 
[LEFT]☆[title="Me"]Avatar and Banner Credit[/title][/LEFT]
 
[LEFT]☆[title="https://pokenaruto.forumotion.com/"]Website[/title][/LEFT]
[/cd]
 
[/cd]

Thanks.

Serene Grace · May 30, 2010

WonderGirl said:
Hi. Can someone please help me out? I'm trying to get th box in my signature to be a bit more to the right and a bit lower. I'd also like to center the image without messing the whole thing up. Here's the code:

Code:

[cd=width:530px;height:330px;cursor: crosshair;border:1px solid #a7dab; background-image: url("https://img88.imageshack.us/img88/9369/wg9.png");] [cd=width:180px;height:180px;cursor: crosshair;border: dashed 1px #148780 ;background-color: #d5f2ee; Align: Left;]WonderGirl [LEFT]☆[title="Galukxy"]Sister[/title][/LEFT] [LEFT]☆[title="Pokestick, good times."]Evil Twin[/title][/LEFT] [LEFT]☆[title="Me"]Avatar and Banner Credit[/title][/LEFT] [LEFT]☆[title="https://pokenaruto.forumotion.com/"]Website[/title][/LEFT] [/cd] [/cd]

Thanks.

You first add the BBcode of Center and then you use the margin-left code to change the position of the box. For example, I used "margin-left: -315px;" to move the box 315 px spaces backwards (it's a negative value).

Spoiler:

The code is:

Spoiler:

Also, I fixed up the code. You shouldn't use capitals in the actual code; small letter are fine. Furthermore, quotes should be used after the "cd=" and a space should be after the css statement (so width:[space]530px;) and the semi-colon.

jigglyppuff8 · May 30, 2010

Negative margin-left is just margin-right. :P

Abnegation · May 30, 2010

Unless you've used margin-right in the same div already of course ;)

How would you guys feel about Video Tutorials? People showing you how things work on PC (CSS and such) through youtube?

donavannj · May 30, 2010

I think that's a very interesting idea, but I don't really have the time ~~or the skill~~ to make the videos.

Serene Grace · May 30, 2010

It's gonna be Gav and I so far; then we'll recruit some more if we need!

OMG Gavin, I'm gonna film one now. :]

jigglyppuff8 · May 30, 2010

I might be interested in helping with some stuff. Anything in particular?

Abnegation · May 30, 2010

YAY haha nice one Mooji. Basically, we'll just cover some areas of CSS or methods of using some codes on PC. That might be using the anchor links properly or it could be how to use text-shadow or something. It's basically up to your own innovation so if you have an idea just make a video. Just let myself or Serene Grace know and we'll be happy to have you on board.

WonderGirl · May 31, 2010

Serene Grace said:
You first add the BBcode of Center and then you use the margin-left code to change the position of the box. For example, I used "margin-left: -315px;" to move the box 315 px spaces backwards (it's a negative value).

Spoiler:

WonderGirl

☆Sister

☆Evil Twin

☆Avatar and Banner Credit

☆Website

The code is:

Spoiler:

[/FONT][/CENTER]
[FONT="Tahoma"][CENTER][/FONT][/CENTER]
[CENTER][FONT="Tahoma"][cd="width: 530px; height: 330px; cursor: crosshair; border:1px solid #a7dab; background-image: url("https://img88.imageshack.us/img88/9369/wg9.png");"][/FONT][/CENTER]
[CENTER][FONT="Tahoma"] [cd="width: 180px; height: 180px; cursor: crosshair; border: dashed 1px #148780 ; background-color: #d5f2ee; align: left; margin-left: -315px; margin-top: 5px;"]WonderGirl[/FONT][/CENTER]
[CENTER][FONT="Tahoma"][LEFT]☆[title="Galukxy"]Sister[/title][/FONT][/LEFT][/CENTER]
[CENTER][LEFT][FONT="Tahoma"][/FONT][/LEFT][/CENTER]
[CENTER][LEFT][FONT="Tahoma"]☆[title="Pokestick, good times."]Evil Twin[/title][/FONT][/LEFT][/CENTER]
[CENTER][LEFT][FONT="Tahoma"][/FONT][/LEFT][/CENTER]
[CENTER][LEFT][FONT="Tahoma"]☆[title="Me"]Avatar and Banner Credit[/title][/FONT][/LEFT][/CENTER]
[CENTER][LEFT][FONT="Tahoma"][/FONT][/LEFT][/CENTER]
[CENTER][LEFT][FONT="Tahoma"]☆[title="https://pokenaruto.forumotion.com/"]Website[/title][/LEFT][/FONT][/CENTER]
[CENTER][FONT="Tahoma"][/cd][/FONT][/CENTER]
[CENTER][FONT="Tahoma"][/cd][/FONT][/CENTER]
[CENTER][FONT="Tahoma"][/CENTER][/FONT]
[FONT="Tahoma"]

Also, I fixed up the code. You shouldn't use capitals in the actual code; small letter are fine. Furthermore, quotes should be used after the "cd=" and a space should be after the css statement (so width:[space]530px;) and the semi-colon.

Thank you very much! It's perfect now :3

Pokemafia · May 31, 2010

I need Help, here is my trade thread:
https://www.pokecommunity.com/showthread.php?t=219933
You see where all that white is? I'm trying to fill with an image that is exactly the right size for the box:
https://img197.imageshack.us/i/backgroundshop.png/
But it still comes up as white! Here is my css I'm using:

[ css-div="background-image:url=https://img197.imageshack.us/i/backgroundshop.png/;width:832px; height: 1200px; Border-color: #000000; border-width: 9px; Border-style:Solid; #lightgrey"]

Thread Rules:

-No abusive Language etc.
-If I trade you a hack I will refund you, if you know you're trading me a hack
and I find out you go on the blacklist.
-Check when my next trade date is.
-If you keep pestering me I'll ignore you
-All offers to be done in this thread.
-I don't trade you clones or RNGs, so you don't trade me clones or RNGs.

[CENTER ][ css-div="background-color: #CCCC33;height:750px;width:800px;overflow:scroll;opacity:0.4;filter:alpha(opacity=40)"]

[ /css-div]

[ /css-div][/CENTER]

Abnegation · May 31, 2010

You've done the background-image property wrongly. This is what you should have at the start:
[div="background-image:url('https://img197.imageshack.us/img197/2350/backgroundshop.png');

locoroco · Jun 9, 2010

is this code correct if so how do i apply it

<html>
<head>
<style type="text/css">
body {background-image:url('https://i994.photobucket.com/albums/af64/locoroco_01/arceus-732463.jpg');}
</style>
</head>

</html>

its to make this pic

Spoiler:

my threads background with out erasing the existant text and pics and such pls i really need this done

Dawn · Jun 9, 2010

I'd like to apply to be a student.

CSS Knowledge: None, but I learn fast. =3
Preffered Teaching Method: In order of preference. #1. MSN/Yahoo #2 AIM #3 PMs #4 VMs
Why you want to learn/how much you wish to know: I wish to use it in my signature, and perhaps to customize thread layouts.
Time Zone: GMT-4? (Eastern Standard)
Name/Nickname/What we can call you: Yellow will do fine, though you can ask for my real name if you want!

Abnegation · Jun 9, 2010

locoroco said:
is this code correct if so how do i apply it

<html>
<head>
<style type="text/css">
body {background-image:url('https://i994.photobucket.com/albums/af64/locoroco_01/arceus-732463.jpg');}
</style>
</head>

</html>

its to make this pic

Spoiler:

my threads background with out erasing the existant text and pics and such pls i really need this done

That's what we call HTML, which is not enabled on PC. Though if you wish to make that image a background you shoul read some tutorials on the first page... But the code would be:
[div="background-image:url('https://i994.photobucket.com/albums/af64/locoroco_01/arceus-732463.jpg');"][/div]
In PC's CSS tags. That's all you're doing with what you posted though it's not very useful unless you know CSS.

Also PkmnTrainerYellow you are excepted. Best of luck finding yourself a tutor!

Alternative · Jun 13, 2010

Just a small question.
What code would I use for the placement of a scrollbar, so it doesn't go the whole page, sort of like your current signature Abnegation.

Abnegation · Jun 13, 2010

Well the scroll bar property is overflow:auto; (which is what I'm using) but to ensure it doesn't go anywhere it shouldn't, you must put in the width and height.
So something like this:

Or something along those lines.

Hybrid Trainer · Jun 13, 2010

Hi, is there anyone here that can help me with my CSS coding problems?
well as you can see (or not depending on your browser XD) in my sig i have a custom cursor, but when you hover over the "title" thing the cursor changes still.
can i change this so it too can become a custom cursor?

HTML:

[div=" color: White; cursor:url("https://i489.photobucket.com/albums/rr253/05jamesd/Cursor-1.png"),help ; background-image:url("https://i489.photobucket.com/albums/rr253/05jamesd/CSSBackground-2.png"); width: 379px; height: 259px; font-size: 10px; text-shadow:0.2em 0.2em 0.4em;"]
                    [image=left]https://i489.photobucket.com/albums/rr253/05jamesd/Haunterhyrid-5.png[/image]
☼ Haunter (ゴースト Ghost)
☼ Species: Gas Pokemon
☼ Height: [title=1.6m]5'03"[/title]
☼ Weight: [title=0.1kg]0.2 lbs.[/title]
☼ Item: Spell Tag






Friend Codes
[title=1849~4111~6373][IMG]https://archives.bulbagarden.net/media/upload/3/3f/Ani249MS.png[/IMG][/title][title=0517~8459~2048][IMG]https://archives.bulbagarden.net/media/upload/a/ad/Ani487OMS.png[/IMG][/title]
My Final Soul Silver Team

[IMG]https://i489.photobucket.com/albums/rr253/05jamesd/Trainer2.gif[/IMG] [IMG]https://i489.photobucket.com/albums/rr253/05jamesd/ShinyNinetales.gif[/IMG][IMG]https://i489.photobucket.com/albums/rr253/05jamesd/ShinyNidoking.gif[/IMG][IMG]https://i489.photobucket.com/albums/rr253/05jamesd/ShinyHaunter-1.gif[/IMG][IMG]https://i489.photobucket.com/albums/rr253/05jamesd/ShinyPolitoad.gif[/IMG][IMG]https://i489.photobucket.com/albums/rr253/05jamesd/ShinyUmbreon.gif[/IMG][IMG]https://i489.photobucket.com/albums/rr253/05jamesd/ShinyHitmonchan.gif[/IMG][/div]

OMGWURMPLES! · Jun 13, 2010

I wanna learn!

CSS Knowledge: None<me<Beginner
Preffered Teaching Method: Private messaging would be fine :D
Why you want to learn/how much you wish to know: I would like to learn formatting, how to make things pretty <3
Time Zone: -6 GMT
Name/Nickname/What we can call you: Kyra would be fine.

CSS Help & Resources

More options

Abnegation

FloatingClouds

Champion CSSer

WonderGirl

Bye bye :(

Serene Grace

Pokémon Trainer

jigglyppuff8

⑧

Abnegation

donavannj

Serene Grace

Pokémon Trainer

jigglyppuff8

⑧

Abnegation

WonderGirl

Bye bye :(

Pokemafia

Guest

Abnegation

locoroco

Ginga Densetsu Weed ANIME PWNS

Dawn

[span="font-size:180%;font-weight:900;color:#a568f

Abnegation

Alternative

f i r e f l y .

Abnegation

Hybrid Trainer

OMGWURMPLES!

För Sverige i tiden