Go Back   The PokéCommunity Forums > Off-Topic Discussions > The Lab
Reload this Page CSS Help & Resources

Notices
For all updates, view the main page.

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

Nico Nico Nii!~

ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,755

Quote originally posted by Impo:
is it the background image one?

It's setting an image as a background, so what do you think? ;)

__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
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,416

Quote originally posted by donavannj:
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,665

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

Nico Nico Nii!~

ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,755

The only way to do that is to make the background transparent in image-editing software. You cannot do that with CSS.

__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
Reply With Quote
  #334    
Old March 17th, 2011 (3:51 AM).
Abnegation's Avatar
Abnegation Abnegation is offline

ATTACKonTITAN

Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,778

Background color can be transparent. The element is just

HTML Code:
background-color: transparent;

__________________

abnegation

paired with my beloved rikadventure
there's always something
worth waiting for
Reply With Quote
  #335    
Old March 17th, 2011 (5:20 AM).
donavannj's Avatar
donavannj donavannj is offline

Nico Nico Nii!~

ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,755

Quote originally posted by Abnegation:
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.

__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
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,416

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

Nico Nico Nii!~

ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,755

Quote originally posted by Impo:
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.

__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
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,416

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

Nico Nico Nii!~

ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,755

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.

__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
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,416

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

Nico Nico Nii!~

ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,755

Quote originally posted by Impo:
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:
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.

__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
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,416

Quote originally posted by donavannj:
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

Nico Nico Nii!~

ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,755

Quote originally posted by Impo:
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.

__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
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,416

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

Nico Nico Nii!~

ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,755

Experiment with your positioning. Or try floating it to the left or the right. That should do it.

__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
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: 187
Send a message via Skype™ to zZJoennZz

Quote originally posted by ~Ryukaa:
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,416

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

Nico Nico Nii!~

ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,755

Quote originally posted by Impo:
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?

__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
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,416

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

Nico Nico Nii!~

ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,755

Because you've never dealt with floating before?

__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
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 8:36 PM.