< >
Hello, guest! Please log in or register.

The PokéCommunity

Go Back     The PokéCommunity Forums > Entertainment & Hobbies > Computers & Technology CSS Help & Resources

Notices

Computers & Technology The place to go for all things tech and internet. Share a funny YouTube video or meme, discover the latest useful apps, or just get some free tech support.

Reply Post Reply
 
Thread Tools
  #26    
Old November 17th, 2009 (12:44 PM).
Spherical Ice's Avatar
Spherical Ice Spherical Ice is online now
Mr Moderator
ModeratorCS
 
Join Date: Nov 2007
Location: Leicester, UK
Age: 18
Posts: 4,404
One more question:
How would I go about making something stay at the side of the page while I scroll down, but disappear at the end of my post.

This is kind of hard to word.

Basically, if we have a post:

START OF CSS
a>>>>>b
a>>>>>b
a>>>>>b
x
x
x
END OF CSS

Who would I make it that when I'm scrolling down and reach X b is still in the same position that it was in when I was viewing a, but when the CSS ends, so does b?
Hard to explain. -.-
Reply With Quote

Relevant Advertising!

  #27    
Old November 17th, 2009 (12:59 PM). Edited November 19th, 2009 by Abnegation.
Abnegation's Avatar
Abnegation Abnegation is offline
breaker of chains. the unburnt
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,710


That is called float. At least I believe that is what you are looking for.
So If you wanted to float an image to the right while text goes around it you would use [css-div="Float:right;"] then post the image[/css-div]

So like this:

Spoiler:
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text



Something like that?
If not, show me an example and I'll help what way I can.
I like to play with Fire.
Reply With Quote
  #28    
Old November 17th, 2009 (1:05 PM).
THIRTY-SIX's Avatar
THIRTY-SIX THIRTY-SIX is offline
Banned
 
Join Date: Oct 2004
Posts: 8,177
He's talking about position:absolute;
Kinda like with Counterfeit's showcase.
Reply With Quote
  #29    
Old November 17th, 2009 (1:11 PM).
Abnegation's Avatar
Abnegation Abnegation is offline
breaker of chains. the unburnt
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,710
Ah, my mistake. Thanks Munna, well as stated it's using image;absolute. Though it isn't allowed in some sections a code template is this:

[css-div="position: absolute; top: 0; left: 0; text-align: center; height: 25px; width: 100%;background-color: #000000;"][COLOR=White]Text here[/COLOR][/css-div]
I like to play with Fire.
Reply With Quote
  #30    
Old November 17th, 2009 (1:13 PM).
Gary, the Magic Fairy's Avatar
Gary, the Magic Fairy Gary, the Magic Fairy is offline
Banned
 
Join Date: Feb 2006
Location: Your Mother
Age: 23
Gender: Male
Nature: Naughty
Posts: 2,800
But wait...

"Who would I make it that when I'm scrolling down and reach X b is still in the same position that it was in when I was viewing a, but when the CSS ends, so does b?"

Does it stop whenever the css-div ends?
Reply With Quote
  #31    
Old November 17th, 2009 (1:17 PM).
THIRTY-SIX's Avatar
THIRTY-SIX THIRTY-SIX is offline
Banned
 
Join Date: Oct 2004
Posts: 8,177
Nope it doesn't. Needs java element, I believe.
Reply With Quote
  #32    
Old November 17th, 2009 (2:23 PM).
Syrex's Avatar
Syrex Syrex is offline
Pokemon: Cresent
Crystal Tier
 
Join Date: Jul 2008
Location: Columbus, Ohio
Age: 25
Gender: Male
Nature: Adamant
Posts: 649
I'm currently workin' on my signature, and I'm curious to as if how I can use spacing with css?

I'm tryin' to add the Facebook Icon and the LJ icon but It'll align all the way to the left again the edge of the image. How can I space it over to the right more so it isn't right against the edge?
I want it on the left side but not all the way against the edge of the image.
Jirachi's Versace - 5 Members
WIP - Pokemon Cresent.

Reply With Quote
  #33    
Old November 17th, 2009 (2:44 PM).
Abnegation's Avatar
Abnegation Abnegation is offline
breaker of chains. the unburnt
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,710
Have you tried using padding?
Padding is really hady for placement of things such as text and images.
[css-div="padding-left:50px;"]Your icon[/css-div]

Your icon


Se the way my text has been pushed out a little? use padding to align your images whatever way you want. Padding works with padding-left, padding-right, padding-top, padding-bottom and any combonation by saying for example padding-top left
I like to play with Fire.
Reply With Quote
  #34    
Old November 17th, 2009 (2:45 PM). Edited November 17th, 2009 by Syrex.
Syrex's Avatar
Syrex Syrex is offline
Pokemon: Cresent
Crystal Tier
 
Join Date: Jul 2008
Location: Columbus, Ohio
Age: 25
Gender: Male
Nature: Adamant
Posts: 649
Ah, That will do the trick!
Thanks so much

Edit:
Just have to locate the Facebook Icon and the LiveJournal icon
Jirachi's Versace - 5 Members
WIP - Pokemon Cresent.

Reply With Quote
  #35    
Old November 17th, 2009 (3:06 PM).
Owl's Avatar
Owl Owl is offline
Crystal Tier
 
Join Date: Jul 2009
Age: 20
Gender: Female
Posts: 13,367
I've been messing around with the CSS but can't make the height visible. I tried using this:

---Signature Here---


HTML Code:
[css-div="width: 100%px; height: 100px;"][css-div="padding: 2px 2px 2px 2px; border: 0; font-variant: small-caps; color: #000000; background-color:#8A2BE2;"]---Signature Here---
[/css-div][/css-div]
But I can't make it heighten more Can someone please help me which part to put into the code so I can fix it?


Reply With Quote
  #36    
Old November 17th, 2009 (3:11 PM).
Syrex's Avatar
Syrex Syrex is offline
Pokemon: Cresent
Crystal Tier
 
Join Date: Jul 2008
Location: Columbus, Ohio
Age: 25
Gender: Male
Nature: Adamant
Posts: 649
Take out the "%" symbols on width.

Mm. Syrex is boss
Jirachi's Versace - 5 Members
WIP - Pokemon Cresent.

Reply With Quote
  #37    
Old November 17th, 2009 (3:12 PM). Edited November 17th, 2009 by Jordan.
Jordan's Avatar
Jordan Jordan is offline
[:: Love Is War ★]
 
Join Date: Jun 2005
Location: Désordre, Empire of Canada
Gender: Male
Posts: 2,956
Send a message via Windows Live Messenger to Jordan
Quote:
Originally Posted by Charizard★ View Post
I've been messing around with the CSS but can't make the height visible. I tried using this:

---Signature Here---


HTML Code:
[css-div="width: 100%px; height: 100px;"][css-div="padding: 2px 2px 2px 2px; border: 0; font-variant: small-caps; color: #000000; background-color:#8A2BE2;"]---Signature Here---
[/css-div][/css-div]
But I can't make it heighten more Can someone please help me which part to put into the code so I can fix it?
There's no need to make 2 separate CSS. This will suffice:
HTML Code:
[css-div="width: 100%px; height: 100px; padding: 2px 2px 2px 2px; border: 0; font-variant: small-caps; color: #000000; background-color:#8A2BE2;"]---Signature Here---
[/css-div]
Which makes:
---Signature Here---
MyAnimeList
Spring Breeze
Reply With Quote
  #38    
Old November 17th, 2009 (3:15 PM).
Abnegation's Avatar
Abnegation Abnegation is offline
breaker of chains. the unburnt
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,710
Quote:
Originally Posted by Charizard★ View Post
I've been messing around with the CSS but can't make the height visible. I tried using this:

---Signature Here---


HTML Code:
[css-div="width: 100%px; height: 100px;"][css-div="padding: 2px 2px 2px 2px; border: 0; font-variant: small-caps; color: #000000; background-color:#8A2BE2;"]---Signature Here---
[/css-div][/css-div]
But I can't make it heighten more Can someone please help me which part to put into the code so I can fix it?

Try not to rip codes straight from the tutorials also. You'll learn nothing by doing that XD
I like to play with Fire.
Reply With Quote
  #39    
Old November 17th, 2009 (3:17 PM).
Gary, the Magic Fairy's Avatar
Gary, the Magic Fairy Gary, the Magic Fairy is offline
Banned
 
Join Date: Feb 2006
Location: Your Mother
Age: 23
Gender: Male
Nature: Naughty
Posts: 2,800
Quote:
Originally Posted by Abnegation View Post
Have you tried using padding?
Padding is really hady for placement of things such as text and images.
[css-div="padding-left:50px;"]Your icon[/css-div]

Your icon


Se the way my text has been pushed out a little? use padding to align your images whatever way you want. Padding works with padding-left, padding-right, padding-top, padding-bottom and any combonation by saying for example padding-top left
This can also be done with the shorthand property padding:____. If you want all 4 sides padded equally, you can do padding:10px, or to set each side, use 4 values, going clockwise.
Spoiler:

Example:
padding:20px 40px 60px 80px
20 would be for the top, 40 for the right side, 60 for the bottom, and 80 for the left.
Example:
padding:20px 40px 60px
if you only have 3, the middle value will be used for the sides, and the first & last will be used for the top & bottom, respectively.
Example:
padding:20px 40px
and with only two, the first sets the top & bottom, and the second sets the sides.


Also, @Charizard★: it's just 100%, not 100%px. Px is pixels. XD
Reply With Quote
  #40    
Old November 17th, 2009 (3:24 PM).
Syrex's Avatar
Syrex Syrex is offline
Pokemon: Cresent
Crystal Tier
 
Join Date: Jul 2008
Location: Columbus, Ohio
Age: 25
Gender: Male
Nature: Adamant
Posts: 649
Last question:

How about linking images?
This is an example of the code I used
HTML Code:
[URL="http://www.google.com/"][img]http://www.google.com/intl/en_ALL/images/logo.gif[/URL][/img]
But the image will not show up and it'll make all my pictures and text link to the said website.

Fix?
Jirachi's Versace - 5 Members
WIP - Pokemon Cresent.

Reply With Quote
  #41    
Old November 17th, 2009 (3:26 PM).
Jordan's Avatar
Jordan Jordan is offline
[:: Love Is War ★]
 
Join Date: Jun 2005
Location: Désordre, Empire of Canada
Gender: Male
Posts: 2,956
Send a message via Windows Live Messenger to Jordan
Quote:
Originally Posted by Syrex View Post
Last question:

How about linking images?
This is an example of the code I used
HTML Code:
[URL="http://www.google.com/"][img][/B]http://www.google.com/intl/en_ALL/images/logo.gif[/URL][/img]
But the image will not show up and it'll make all my pictures and text link to the said website.

Fix?
Place the [/url] after the [/img]. This is BBCode too, by the way.


Edit: I think you didn't upload the picture correctly. Try Photobucket or imageshack, then copy + paste the [img] tag they gave you.
MyAnimeList
Spring Breeze
Reply With Quote
  #42    
Old November 17th, 2009 (3:27 PM).
THIRTY-SIX's Avatar
THIRTY-SIX THIRTY-SIX is offline
Banned
 
Join Date: Oct 2004
Posts: 8,177
It should be [/img][/url]. No css involved. oo

The [/b] is the problem
Reply With Quote
  #43    
Old November 17th, 2009 (3:30 PM).
Syrex's Avatar
Syrex Syrex is offline
Pokemon: Cresent
Crystal Tier
 
Join Date: Jul 2008
Location: Columbus, Ohio
Age: 25
Gender: Male
Nature: Adamant
Posts: 649
oops
My bad on that one. I knew it wasn't css but I ended up posting it here anyway.
Sorry, sorry, sorry.
Jirachi's Versace - 5 Members
WIP - Pokemon Cresent.

Reply With Quote
  #44    
Old November 17th, 2009 (3:32 PM).
Owl's Avatar
Owl Owl is offline
Crystal Tier
 
Join Date: Jul 2009
Age: 20
Gender: Female
Posts: 13,367
Quote:
Originally Posted by Abnegation View Post



Try not to rip codes straight from the tutorials also. You'll learn nothing by doing that XD
Yea I'll try not to xD. Its just too hard and too complicated for me to do it on my own right not xD.


Reply With Quote
  #45    
Old November 17th, 2009 (3:46 PM).
Syrex's Avatar
Syrex Syrex is offline
Pokemon: Cresent
Crystal Tier
 
Join Date: Jul 2008
Location: Columbus, Ohio
Age: 25
Gender: Male
Nature: Adamant
Posts: 649
I just wanted to say Thanks to Abnegation and everyone else that helped me.

I finished coding my signature following this thread.
This was the outcome Check Signature, Of course.
Jirachi's Versace - 5 Members
WIP - Pokemon Cresent.

Reply With Quote
  #46    
Old November 17th, 2009 (3:52 PM).
Abnegation's Avatar
Abnegation Abnegation is offline
breaker of chains. the unburnt
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,710
Quote:
Originally Posted by Charizard★ View Post
Yea I'll try not to xD. Its just too hard and too complicated for me to do it on my own right not xD.
It's not too hard, just code a lot and you learn them. Or make flash cards or something XD

Quote:
Originally Posted by Syrex View Post
I just wanted to say Thanks to Abnegation and everyone else that helped me.

I finished coding my signature following this thread.
This was the outcome :) Check Signature, Of course.
You're welcome, looks very good I do admit!
I like to play with Fire.
Reply With Quote
  #47    
Old November 19th, 2009 (4:29 PM).
cyan.'s Avatar
cyan. cyan. is offline
▲ 愛してる .
 
Join Date: Nov 2008
Location: toronto.
Gender: Female
Nature: Timid
Posts: 274
Send a message via ICQ to cyan. Send a message via AIM to cyan.
Does anyone know how to make text go on the image?
Like your signature, Abnegation
マーズ
Mars, Team Galactic Commander
Hair Color: Red
Eye Color: Red
Reply With Quote
  #48    
Old November 19th, 2009 (4:35 PM).
Abnegation's Avatar
Abnegation Abnegation is offline
breaker of chains. the unburnt
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,710
Quote:
Originally Posted by Sinnoh Champ Cynthia. View Post
Does anyone know how to make text go on the image?
Like your signature, Abnegation
Yes, it is in the tutorials. Anyhow, the code.

[css-div="background-image:url('www.urlhere.com');width: px; height: px;"]
Text etc here
[/css-div]

If that doesn't make sense have a read of this tut.
CSS Signature Templates + Guide | PPN Studio
I like to play with Fire.
Reply With Quote
  #49    
Old November 21st, 2009 (7:32 AM).
cyan.'s Avatar
cyan. cyan. is offline
▲ 愛してる .
 
Join Date: Nov 2008
Location: toronto.
Gender: Female
Nature: Timid
Posts: 274
Send a message via ICQ to cyan. Send a message via AIM to cyan.
Thanks

Just wondering to more things:

1) How do you get the crosshair cursor when someone goes over your signature?

2) How do you add a music player on your signature?


Sorry I'm asking so much.
マーズ
Mars, Team Galactic Commander
Hair Color: Red
Eye Color: Red
Reply With Quote
  #50    
Old November 21st, 2009 (7:38 AM).
Abnegation's Avatar
Abnegation Abnegation is offline
breaker of chains. the unburnt
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,710

Quote:
1) How do you get the crosshair cursor when someone goes over your signature?
cursor:crosshair;
Put it in the code.

Quote:
2) How do you add a music player on your signature?
With sound tags.

[sound"Song title here/words"]song url here[/sound]

No problem.
I like to play with Fire.
Reply With Quote
Reply Post 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:44 AM.


Contact Us Archive Privacy Statement Terms of Service Top