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 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
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
Community Supporter
 
Join Date: Nov 2007
Location: UK
Send a message via Skype™ to Spherical Ice
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
abnegation's Avatar
abnegation
proudly paired with adventure
 
Join Date: Apr 2009
Age: 21


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 abnegation; 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
abnegation's Avatar
abnegation
proudly paired with adventure
 
Join Date: Apr 2009
Age: 21
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
abnegation's Avatar
abnegation
proudly paired with adventure
 
Join Date: Apr 2009
Age: 21
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
Naruto Uzumaki's Avatar
Naruto Uzumaki
memories.
Community Supporter
 
Join Date: Jul 2009
Age: 19
Gender: Female
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?
__________________
My melted heart remains
As I painfully cover my permanent wounds
Somewhere in the city that flies by
Your siren wails endlessly
Open up

l MAL l
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
abnegation's Avatar
abnegation
proudly paired with adventure
 
Join Date: Apr 2009
Age: 21
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
Naruto Uzumaki's Avatar
Naruto Uzumaki
memories.
Community Supporter
 
Join Date: Jul 2009
Age: 19
Gender: Female
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.
__________________
My melted heart remains
As I painfully cover my permanent wounds
Somewhere in the city that flies by
Your siren wails endlessly
Open up

l MAL l
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
abnegation's Avatar
abnegation
proudly paired with adventure
 
Join Date: Apr 2009
Age: 21
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
abnegation's Avatar
abnegation
proudly paired with adventure
 
Join Date: Apr 2009
Age: 21
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
abnegation's Avatar
abnegation
proudly paired with adventure
 
Join Date: Apr 2009
Age: 21

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 07:36 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.