The PokéCommunity Forums  

Go Back   The PokéCommunity Forums > Off-Topic Discussions > The Lab
Reload this Page CSS Help & Resources
Sign Up Rules/FAQ Daily Battle Blogs Mark Forums Read


The Lab From the computer lab to the chemistry lab, or even the observatory, here's where we nerd out over all things science and technology!

Reply
 
Thread Tools
  #326    
Old January 25th, 2011 (6:41 AM).
donavannj's Avatar
donavannj donavannj is offline
ModeratorCSEO
 
Join Date: Mar 2005
Location: Minnesota
Age: 25
Gender: Male
Posts: 19,122
Quote:
Originally Posted by Impo View Post
is it the background image one?
It's setting an image as a background, so what do you think? ;)
__________________
Avatar is Jun from one of the K-On! manga. Check back later for signature.
Reply With Quote

Relevant Advertising!

  #327    
Old January 27th, 2011 (2:41 AM).
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429
Quote:
Originally Posted by donavannj View Post
It's setting an image as a background, so what do you think?
heh heh heh
i gotcha
__________________
Reply With Quote
  #328    
Old February 16th, 2011 (11:13 PM).
~Ryukaa's Avatar
~Ryukaa ~Ryukaa is offline
total nerd
Gold Tier
 
Join Date: Jun 2007
Location: Melbourne, Australia
Age: 19
Gender: Male
Nature: Quirky
Posts: 1,329
Send a message via Skype™ to ~Ryukaa
Hmm, I was wondering... Can somebody tell me how to shift everything in my Signature to the center?
Reply With Quote
  #329    
Old February 17th, 2011 (12:10 AM).
Spherical Ice's Avatar
Spherical Ice Spherical Ice is offline
Moderator
 
Join Date: Nov 2007
Location: Leicester, UK
Age: 18
Posts: 4,708
Select all of it, and hit the center button. Or wrap it in: [center][/center] tags.
__________________
Reply With Quote
  #330    
Old February 17th, 2011 (12:15 AM).
~Ryukaa's Avatar
~Ryukaa ~Ryukaa is offline
total nerd
Gold Tier
 
Join Date: Jun 2007
Location: Melbourne, Australia
Age: 19
Gender: Male
Nature: Quirky
Posts: 1,329
Send a message via Skype™ to ~Ryukaa
Yeah... That's what I tried earlier.
It... just kinda screws everything up. xDD;;
Reply With Quote
  #331    
Old March 8th, 2011 (11:01 AM).
_Dean_'s Avatar
_Dean_ _Dean_ is offline
smoke if you got it
Gold Tier
 
Join Date: Aug 2009
Location: USA
Age: 24
Gender: Male
Nature: Bold
Posts: 912
Did you put the BBcode at the very beginning and very end of your signature body?
Reply With Quote
  #332    
Old March 11th, 2011 (10:26 PM).
インフェルノの津波's Avatar
インフェルノの津波 インフェルノの津波 is offline
Seriously?
Silver Tier
 
Join Date: Dec 2009
Location: Seattle
Gender: Male
Nature: Adamant
Posts: 3,902
Hey, just wondering: Is there a way to make my signature's picture blend in with the background?

And I'll need help with the coding, your links confuse me Abnegation.
Reply With Quote
  #333    
Old March 11th, 2011 (10:49 PM).
donavannj's Avatar
donavannj donavannj is offline
ModeratorCSEO
 
Join Date: Mar 2005
Location: Minnesota
Age: 25
Gender: Male
Posts: 19,122
The only way to do that is to make the background transparent in image-editing software. You cannot do that with CSS.
__________________
Avatar is Jun from one of the K-On! manga. Check back later for signature.
Reply With Quote
  #334    
Old March 17th, 2011 (3:51 AM).
Blue's Cloyster Cult's Avatar
Blue's Cloyster Cult Blue's Cloyster Cult is offline
breaker of chains
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,788
Background color can be transparent. The element is just
HTML Code:
background-color: transparent;
__________________
Reply With Quote
  #335    
Old March 17th, 2011 (5:20 AM).
donavannj's Avatar
donavannj donavannj is offline
ModeratorCSEO
 
Join Date: Mar 2005
Location: Minnesota
Age: 25
Gender: Male
Posts: 19,122
Quote:
Originally Posted by Abnegation View Post
Background color can be transparent. The element is just
HTML Code:
background-color: transparent;
This won't work on an actual image that already has an opaque background, which is what I understood him to be asking about.
__________________
Avatar is Jun from one of the K-On! manga. Check back later for signature.
Reply With Quote
  #336    
Old March 19th, 2011 (6:25 PM).
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429
Does anyone know where I can find a list of all the CSS codes and what they do?
I've been searching on the net with little luck :/ .
__________________
Reply With Quote
  #337    
Old March 19th, 2011 (9:00 PM).
donavannj's Avatar
donavannj donavannj is offline
ModeratorCSEO
 
Join Date: Mar 2005
Location: Minnesota
Age: 25
Gender: Male
Posts: 19,122
Quote:
Originally Posted by Impo View Post
Does anyone know where I can find a list of all the CSS codes and what they do?
I've been searching on the net with little luck :/ .
w3schools.org has a list somewhere. That or w3c.org.
__________________
Avatar is Jun from one of the K-On! manga. Check back later for signature.
Reply With Quote
  #338    
Old March 19th, 2011 (11:13 PM).
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429
I'm a little confused,
can someone please tell me what these codes mean?

Spoiler:
position: (absolute,relative, static, fixed);
top: 100px;
left: 100px;
right: 100px;
bottom: 100px;

margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;

padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;

height: 200px;
max-height: 300px;
min-height: 100px;

width: 200px;
max-width: 300px;
min-width: 100px;


please and thankyou
__________________
Reply With Quote
  #339    
Old March 20th, 2011 (1:56 PM).
donavannj's Avatar
donavannj donavannj is offline
ModeratorCSEO
 
Join Date: Mar 2005
Location: Minnesota
Age: 25
Gender: Male
Posts: 19,122
That all deals with, from top to bottom:

The positioning of the affected tag (only works with div tags).

The margins of the affected tag (only works with div tags).

The padding of the affected tag (only works with div tags).

The height of the affected tag (only works with div tags).

The width of the affected tag (only works with div tags).

The "px" after the numbers indicates that it's measured in pixels. 200px means it'd be 200 pixels tall.
__________________
Avatar is Jun from one of the K-On! manga. Check back later for signature.
Reply With Quote
  #340    
Old March 20th, 2011 (9:53 PM). Edited March 21st, 2011 by Impo.
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429
thanks
just one more question,
can you be a little more specific?

position: (absolute,relative, static, fixed);

what does absolute, relative, static and fixed do?
I know they alter the position, but I don't know how.

i've got more CSS troubles.

when i try to make some coding, for some reason, it duplicates itself and makes two backgrounds, making things incredibly annoying, can anyone suggest why or how to stop this?

Spoiler:

The Fruit Basket:
Pineapple Edition

♥♦♣♠
[/css-div]


and the end result;
Spoiler:

The Fruit Basket:
Pineapple Edition

♥♦♣♠
[/css-div]


...it automatically changed :/
__________________
Reply With Quote
  #341    
Old March 21st, 2011 (8:51 AM).
donavannj's Avatar
donavannj donavannj is offline
ModeratorCSEO
 
Join Date: Mar 2005
Location: Minnesota
Age: 25
Gender: Male
Posts: 19,122
Quote:
Originally Posted by Impo View Post
thanks :)
just one more question,
can you be a little more specific?

position: (absolute,relative, static, fixed);

what does absolute, relative, static and fixed do?
I know they alter the position, but I don't know how.
Those are in reference to the object above in the case of absolute and relative, and static and fixed pertain to where it is in the window and from the top of the page, I think (not too sure on these last two, as I don't use them very often).

Quote:
Originally Posted by Impo View Post
when i try to make some coding, for some reason, it duplicates itself and makes two backgrounds, making things incredibly annoying, can anyone suggest why or how to stop this?

Spoiler:

The Fruit Basket:
Pineapple Edition
♥♦♣♠


and the end result;


...it automatically changed :/
The problem seems to be that you have an enter where you didn't need one as well as all those excess font tags getting in the way. I suggest removing your default posting font since that gets in your way it seems, and also check over what I removed/changed from your code.
__________________
Avatar is Jun from one of the K-On! manga. Check back later for signature.
Reply With Quote
  #342    
Old March 21st, 2011 (1:18 PM).
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429
Quote:
Originally Posted by donavannj View Post
Those are in reference to the object above in the case of absolute and relative, and static and fixed pertain to where it is in the window and from the top of the page, I think (not too sure on these last two, as I don't use them very often).



The problem seems to be that you have an enter where you didn't need one as well as all those excess font tags getting in the way. I suggest removing your default posting font since that gets in your way it seems, and also check over what I removed/changed from your code.
Wow, thanks
I think I'm getting the hang of this .
... but I can't see the coding for some reason :/
I'll just try again
__________________
Reply With Quote
  #343    
Old March 21st, 2011 (2:07 PM).
donavannj's Avatar
donavannj donavannj is offline
ModeratorCSEO
 
Join Date: Mar 2005
Location: Minnesota
Age: 25
Gender: Male
Posts: 19,122
Quote:
Originally Posted by Impo View Post
Wow, thanks :)
I think I'm getting the hang of this :) .
... but I can't see the coding for some reason :/
I'll just try again :)
Spoiler:

The Fruit Basket:
Pineapple Edition
♥♦♣♠


Now compare it to what you did and see what you were doing wrong.
__________________
Avatar is Jun from one of the K-On! manga. Check back later for signature.
Reply With Quote
  #344    
Old March 21st, 2011 (10:09 PM). Edited March 22nd, 2011 by Impo.
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429
I think I see it, thanks

...Another question, say I want css next to another css, I can't do it.
is there a code for it?
I think I saw the answer in this thread, but my searches are fruitless.

..if that makes sense.
__________________
Reply With Quote
  #345    
Old March 22nd, 2011 (3:07 PM).
donavannj's Avatar
donavannj donavannj is offline
ModeratorCSEO
 
Join Date: Mar 2005
Location: Minnesota
Age: 25
Gender: Male
Posts: 19,122
Experiment with your positioning. Or try floating it to the left or the right. That should do it.
__________________
Avatar is Jun from one of the K-On! manga. Check back later for signature.
Reply With Quote
  #346    
Old March 22nd, 2011 (3:38 PM).
zZJoennZz's Avatar
zZJoennZz zZJoennZz is offline
What da!?
Silver Tier
 
Join Date: Apr 2010
Location: Philippines
Gender: Male
Nature: Jolly
Posts: 188
Send a message via Skype™ to zZJoennZz
Quote:
Originally Posted by ~Ryukaa View Post
Yeah... That's what I tried earlier.
It... just kinda screws everything up. xDD;;
You should fix the text align in your tag and use the Center BBCode.
__________________

...mehehehe
Reply With Quote
  #347    
Old March 25th, 2011 (12:56 AM). Edited March 25th, 2011 by Impo.
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429
Hooray! I made a cursor in my sig :D ! What a proud achievement.
Also, can you create too CSS' by eachothers side, I tried it in my sig and it placed it on a new line.
I tried floating it but I think it's an entirely different code.
__________________
Reply With Quote
  #348    
Old March 25th, 2011 (4:52 AM).
donavannj's Avatar
donavannj donavannj is offline
ModeratorCSEO
 
Join Date: Mar 2005
Location: Minnesota
Age: 25
Gender: Male
Posts: 19,122
Quote:
Originally Posted by Impo View Post
Hooray! I made a cursor in my sig :D ! What a proud achievement.
Also, can you create too CSS' by eachothers side, I tried it in my sig and it placed it on a new line.
I tried floating it but I think it's an entirely different code.
Did you try floating the second div or the first div?
__________________
Avatar is Jun from one of the K-On! manga. Check back later for signature.
Reply With Quote
  #349    
Old March 25th, 2011 (5:05 AM).
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429
the first one, i'll try the second one too.
why didn't that occur to me :s ?
__________________
Reply With Quote
  #350    
Old March 25th, 2011 (5:15 AM).
donavannj's Avatar
donavannj donavannj is offline
ModeratorCSEO
 
Join Date: Mar 2005
Location: Minnesota
Age: 25
Gender: Male
Posts: 19,122
Because you've never dealt with floating before?
__________________
Avatar is Jun from one of the K-On! manga. Check back later for signature.
Reply With Quote
Reply
Quick Reply

Sponsored Links
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -8. The time now is 10:27 PM.


Style by Nymphadora, artwork by Sa-Dui.
Like our Facebook Page Follow us on Twitter © 2002 - 2016 The PokéCommunity™, pokecommunity.com.
Pokémon characters and images belong to The Pokémon Company International and Nintendo. This website is in no way affiliated with or endorsed by Nintendo, Creatures, GAMEFREAK, The Pokémon Company or The Pokémon Company International. We just love Pokémon.
All forum styles, their images (unless noted otherwise) and site designs are © 2002 - 2016 The PokéCommunity / PokéCommunity.com.
PokéCommunity™ is a trademark of The PokéCommunity. All rights reserved. Sponsor advertisements do not imply our endorsement of that product or service. User generated content remains the property of its creator.

Acknowledgements
Use of PokéCommunity Assets
vB Optimise by DragonByte Technologies Ltd © 2016.