The PokéCommunity Forums  

Go Back   The PokéCommunity Forums > Entertainment & Hobbies > Technology & Internet
Sign Up Rules/FAQ Live Battle Blogs Mark Forums Read

Notices

Technology & Internet Need help on your technology problems, whether your computer is malfunctioning, or you need help removing a virus? Perhaps you also want to chill and talk about the internet as a whole, too! Looks like you've come to the right place then!


Reply
Click here to go to the first staff post in this thread.  
Thread Tools
  #26    
Old November 17th, 2009, 12:44 PM
Spherical Ice's Avatar
Spherical Ice
 
Join Date: Nov 2007
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
  #27    
Old November 17th, 2009, 12:59 PM
Link's Avatar
Link
Rupee Moderator
 
Join Date: Apr 2009


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.
__________________

Last edited by Link; November 19th, 2009 at 09:14 AM.
Reply With Quote
  #28    
Old November 17th, 2009, 01:05 PM
THIRTY-SIX's Avatar
THIRTY-SIX
Booted out - don't be like me!
 
Join Date: Oct 2004
He's talking about position:absolute;
Kinda like with Counterfeit's showcase.
Reply With Quote
  #29    
Old November 17th, 2009, 01:11 PM
Link's Avatar
Link
Rupee Moderator
 
Join Date: Apr 2009
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]
__________________
Reply With Quote
  #30    
Old November 17th, 2009, 01:13 PM
Gary, the Magic Fairy's Avatar
Gary, the Magic Fairy
Booted out - don't be like me!
 
Join Date: Feb 2006
Location: Your Mother
Age: 21
Gender: Male
Nature: Naughty
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, 01:17 PM
THIRTY-SIX's Avatar
THIRTY-SIX
Booted out - don't be like me!
 
Join Date: Oct 2004
Nope it doesn't. Needs java element, I believe.
Reply With Quote
  #32    
Old November 17th, 2009, 02:23 PM
Syrex's Avatar
Syrex
Playing Oracle of Seasons.
 
Join Date: Jul 2008
Location: Shelby, Ohio
Age: 23
Gender: Male
Nature: Calm
Send a message via Windows Live Messenger to Syrex
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.
__________________
#y0u g0t me tWEakKeD.
Reply With Quote
  #33    
Old November 17th, 2009, 02:44 PM
Link's Avatar
Link
Rupee Moderator
 
Join Date: Apr 2009
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
__________________
Reply With Quote
  #34    
Old November 17th, 2009, 02:45 PM
Syrex's Avatar
Syrex
Playing Oracle of Seasons.
 
Join Date: Jul 2008
Location: Shelby, Ohio
Age: 23
Gender: Male
Nature: Calm
Send a message via Windows Live Messenger to Syrex
Ah, That will do the trick!
Thanks so much

Edit:
Just have to locate the Facebook Icon and the LiveJournal icon
__________________
#y0u g0t me tWEakKeD.

Last edited by Syrex; November 17th, 2009 at 03:06 PM.
Reply With Quote
  #35    
Old November 17th, 2009, 03:06 PM
Charizard★'s Avatar
Charizard★
Donator Tier 5
 
Join Date: Jul 2009
Age: 19
Gender: Male
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?
__________________

The meaningless imagination
The driving force that creates you
Give it your whole body and soul

Reply With Quote
  #36    
Old November 17th, 2009, 03:11 PM
Syrex's Avatar
Syrex
Playing Oracle of Seasons.
 
Join Date: Jul 2008
Location: Shelby, Ohio
Age: 23
Gender: Male
Nature: Calm
Send a message via Windows Live Messenger to Syrex
Take out the "%" symbols on width.

Mm. Syrex is boss
__________________
#y0u g0t me tWEakKeD.
Reply With Quote
  #37    
Old November 17th, 2009, 03:12 PM
Jordan's Avatar
Jordan
[:: Love Is War ★]
 
Join Date: Jun 2005
Location: Désordre, Empire of Canada
Gender: Male
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---
__________________
Formspring
MyAnimeList
Spring Breeze

Last edited by Jordan; November 17th, 2009 at 03:23 PM.
Reply With Quote
  #38    
Old November 17th, 2009, 03:15 PM
Link's Avatar
Link
Rupee Moderator
 
Join Date: Apr 2009
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
__________________
Reply With Quote
  #39    
Old November 17th, 2009, 03:17 PM
Gary, the Magic Fairy's Avatar
Gary, the Magic Fairy
Booted out - don't be like me!
 
Join Date: Feb 2006
Location: Your Mother
Age: 21
Gender: Male
Nature: Naughty
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, 03:24 PM
Syrex's Avatar
Syrex
Playing Oracle of Seasons.
 
Join Date: Jul 2008
Location: Shelby, Ohio
Age: 23
Gender: Male
Nature: Calm
Send a message via Windows Live Messenger to Syrex
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?
__________________
#y0u g0t me tWEakKeD.
Reply With Quote
  #41    
Old November 17th, 2009, 03:26 PM
Jordan's Avatar
Jordan
[:: Love Is War ★]
 
Join Date: Jun 2005
Location: Désordre, Empire of Canada
Gender: Male
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.
__________________
Formspring
MyAnimeList
Spring Breeze
Reply With Quote
  #42    
Old November 17th, 2009, 03:27 PM
THIRTY-SIX's Avatar
THIRTY-SIX
Booted out - don't be like me!
 
Join Date: Oct 2004
It should be [/img][/url]. No css involved. oo

The [/b] is the problem
Reply With Quote
  #43    
Old November 17th, 2009, 03:30 PM
Syrex's Avatar
Syrex
Playing Oracle of Seasons.
 
Join Date: Jul 2008
Location: Shelby, Ohio
Age: 23
Gender: Male
Nature: Calm
Send a message via Windows Live Messenger to Syrex
oops
My bad on that one. I knew it wasn't css but I ended up posting it here anyway.
Sorry, sorry, sorry.
__________________
#y0u g0t me tWEakKeD.
Reply With Quote
  #44    
Old November 17th, 2009, 03:32 PM
Charizard★'s Avatar
Charizard★
Donator Tier 5
 
Join Date: Jul 2009
Age: 19
Gender: Male
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.
__________________

The meaningless imagination
The driving force that creates you
Give it your whole body and soul

Reply With Quote
  #45    
Old November 17th, 2009, 03:46 PM
Syrex's Avatar
Syrex
Playing Oracle of Seasons.
 
Join Date: Jul 2008
Location: Shelby, Ohio
Age: 23
Gender: Male
Nature: Calm
Send a message via Windows Live Messenger to Syrex
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.
__________________
#y0u g0t me tWEakKeD.
Reply With Quote
  #46    
Old November 17th, 2009, 03:52 PM
Link's Avatar
Link
Rupee Moderator
 
Join Date: Apr 2009
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!
__________________
Reply With Quote
  #47    
Old November 19th, 2009, 04:29 PM
cyan.'s Avatar
cyan.
▲ 愛してる .
 
Join Date: Nov 2008
Location: toronto.
Gender: Female
Nature: Timid
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, 04:35 PM
Link's Avatar
Link
Rupee Moderator
 
Join Date: Apr 2009
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
__________________
Reply With Quote
  #49    
Old November 21st, 2009, 07:32 AM
cyan.'s Avatar
cyan.
▲ 愛してる .
 
Join Date: Nov 2008
Location: toronto.
Gender: Female
Nature: Timid
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, 07:38 AM
Link's Avatar
Link
Rupee Moderator
 
Join Date: Apr 2009

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.
__________________
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
Minimum Characters Per Post: 25



All times are UTC -8. The time now is 06:33 AM.


Style by Nymphadora, artwork by Sa-Dui.
Like our Facebook Page Follow us on Twitter © 2002 - 2014 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 - 2014 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.