CSS Help & Resources

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.
 
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 :)
 
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.
 
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.
Click to expand...
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.
 
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?
 
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. :]
 
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.
 
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:


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.
​
Click to expand...



Thank you very much! It's perfect now :3
​
 
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"]
[PokeCommunity.com] CSS Help & Resources


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]
 
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');
 
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
 
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!
 
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
Click to expand...

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

 
You must log in or register to reply here.
Back
Top