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.


Advertise here

Reply
Click here to go to the first staff post in this thread.  
Thread Tools
  #451    
Old August 8th, 2011, 04:17 PM
Hybrid Trainer's Avatar
Hybrid Trainer
My Secrecy. My Advantage.
 
Join Date: Nov 2008
Location: «UK»
Age: 20
Gender: Male

Advertise here
You put the colour tag inside of the URL tag. Like this.

[URL="http://www.pokecommunity.com/member.php?u=119663"][COLOR="#B82556"]James[/COLOR][/URL]
__________________


"I am confident that if anyone actually penetrates our facades, even the most perceptive would still be fundamentally unprepared for the truth of House Dimir."
-Szadek, Lord of Secrets

Reply With Quote
  #452    
Old August 8th, 2011, 04:34 PM
JalordaSerpent's Avatar
JalordaSerpent
Run, you clever boy...
Community Supporter
 
Join Date: Jun 2011
Location: Inside the TARDIS.
Gender: Male
Nature: Mild
Quote:
Originally Posted by Hybrid Trainer View Post
You put the colour tag inside of the URL tag. Like this.

[URL="http://www.pokecommunity.com/member.php?u=119663"][COLOR="#B82556"]James[/COLOR][/URL]
Thanks! I know CSS but I didn't know how to add that into BB code!
__________________
Let somebody else try first.
twitterpairgithub
Reply With Quote
  #453    
Old August 11th, 2011, 02:13 PM
JalordaSerpent's Avatar
JalordaSerpent
Run, you clever boy...
Community Supporter
 
Join Date: Jun 2011
Location: Inside the TARDIS.
Gender: Male
Nature: Mild
How do you overlap images like in Rukario's signature?
__________________
Let somebody else try first.
twitterpairgithub
Reply With Quote
  #454    
Old August 11th, 2011, 02:29 PM
Spherical Ice's Avatar
Spherical Ice
Community Supporter
 
Join Date: Nov 2007
Location: UK
Send a message via Skype™ to Spherical Ice
You could either use a background image (background: url('linktoimage.png');) and then put another image ontop (which can then be positioned with position: absolute: and left: pixelpx/right: pixelpx/etc. or padding-top: pixelpx etc.) or you could use the z-index code (z-index: 99; would make everything in that div have priority over anything with a z-index of 98 or lower).
__________________
Reply With Quote
  #455    
Old August 11th, 2011, 03:04 PM
JalordaSerpent's Avatar
JalordaSerpent
Run, you clever boy...
Community Supporter
 
Join Date: Jun 2011
Location: Inside the TARDIS.
Gender: Male
Nature: Mild
I don't really understand. CAn you give me an example with the CSS code?
__________________
Let somebody else try first.
twitterpairgithub
Reply With Quote
  #456    
Old August 11th, 2011, 03:10 PM
Hybrid Trainer's Avatar
Hybrid Trainer
My Secrecy. My Advantage.
 
Join Date: Nov 2008
Location: «UK»
Age: 20
Gender: Male
If you look here inside the spoiler there is a rattata signature that uses the z-index code on the teeth and as you can see, they are on top of the sprite thats underneath.
As for the background image bit the background-image:URL('urlhere.png') is put inside the css tag next to the other codes like the background-color code. It can be explained in a bit more detail here ^_^

tbh if you want a signature like Rukarios your better off using the background image code ;D
__________________


"I am confident that if anyone actually penetrates our facades, even the most perceptive would still be fundamentally unprepared for the truth of House Dimir."
-Szadek, Lord of Secrets

Reply With Quote
  #457    
Old August 11th, 2011, 03:15 PM
JalordaSerpent's Avatar
JalordaSerpent
Run, you clever boy...
Community Supporter
 
Join Date: Jun 2011
Location: Inside the TARDIS.
Gender: Male
Nature: Mild
Ok. Thank you very much! I'll try that.
__________________
Let somebody else try first.
twitterpairgithub
Reply With Quote
  #458    
Old August 13th, 2011, 07:57 AM
Mew~'s Avatar
Mew~
THE HOST IS BROKEN
 
Join Date: Mar 2009
Nature: Quirky
Send a message via Windows Live Messenger to Mew~
Okay, so I'm trying out a format for episode discussions, and I've done this so far.



Episode 31: "Oshawott's Lost Scalchop"
Air Date: 13/08/2011


What I want to do is get an image in the nested CSS box, but the image goes faded too, any help please?
__________________
There was nothing. Followed by everything. Swirling, burning specks of creation that circled life-giving suns. And then we reached to the light.

Reply With Quote
  #459    
Old August 13th, 2011, 08:11 AM
Alternative's Avatar
Alternative
welcome to my womb
Community Supporter
 
Join Date: Jan 2009
Location: Adelaide, Australia
Age: 21
Gender: Male
Nature: Impish
Quote:
Originally Posted by Mew~ View Post
Okay, so I'm trying out a format for episode discussions, and I've done this so far.



Episode 31: "Oshawott's Lost Scalchop"
Air Date: 13/08/2011


What I want to do is get an image in the nested CSS box, but the image goes faded too, any help please?
You're probably using the transparent code. Easy way around that is to use some image editing program (photoshop, gimp etc.), make a blank canvas, fill it up with the colour you want, and lower the opacity down to whatever it is you want. Then the image you want in the nested CSS box should be fine. :D
__________________
Reply With Quote
  #460    
Old August 13th, 2011, 08:58 AM
TheMarkCrafter
Magma.
 
Join Date: Jan 2011
Location: Kalos
Gender: Male
Nature: Serious
How can I make the cursor change? Like at Pokemon Trainer Touko's Lilligant signature? It has a lilligant cursor.
__________________

omega.
No information yet.
Reply With Quote
  #461    
Old August 13th, 2011, 09:08 AM
Mew~'s Avatar
Mew~
THE HOST IS BROKEN
 
Join Date: Mar 2009
Nature: Quirky
Send a message via Windows Live Messenger to Mew~
Add this into your CSS:
Edit:

cursor: url('cursor URL here'), crosshair;
__________________
There was nothing. Followed by everything. Swirling, burning specks of creation that circled life-giving suns. And then we reached to the light.


Last edited by Mew~; August 13th, 2011 at 09:20 AM.
Reply With Quote
  #462    
Old August 13th, 2011, 09:27 PM
TheMarkCrafter
Magma.
 
Join Date: Jan 2011
Location: Kalos
Gender: Male
Nature: Serious
Thanks Mew~!
But I has a problem..

The cursor should be like this, but at my sig, it doesn't animate fastly.
HEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEELP!
__________________

omega.
No information yet.
Reply With Quote
  #463    
Old August 14th, 2011, 12:00 AM
Kylie-chan's Avatar
Kylie-chan
the fae sorceress
Community Supporter Tier 5
 
Join Date: Sep 2004
Location: New South Wales, Australia
Age: 20
Gender: Female
Nature: Quiet
Animated .gifs don't make animated cursors. They have to be converted to .ani files. However, only Internet Explorer will support .ani files right now, I believe (not sure about Chrome). Conversely, Internet Explorer doesn't support .gif cursors. It only supports .cur and .ani.

ETA: As far as I can tell, Chrome does not support .ani files either.

I don't recommend it, but you'll need to find software that converts .gifs to .anis. I doubt you can upload .anis to standard image hosting sites, so you'll need to upload it to your own hosting as well.

You could try:

cursor: url('cursor.ani'), url('cursor.gif'), crosshair;

but I'm not sure if that will work. My theory is Firefox etc. will ignore the .ani and use the .gif, but it's only a theory.

Quote:
Originally Posted by Mew~ View Post
Okay, so I'm trying out a format for episode discussions, and I've done this so far.
That's how inheriting from parent elements works. The simplest solution would be to make a 50% transparent pixel and use it as a tiled background of the CSS box, as suggested. It can be done in CSS, but for now images are probably the easiest way to do it. (Remove the opacity tag.)

You might not have access to sufficient image editing software right now, so here's one:



http://i.imgur.com/4MDwa.png





Air Date: 13/08/2011


Don't ask about image choice >.> Just picked a random img off the page. It stretches, but I don't know the dimensions of the image you want to put in, so you'll have to adjust that yourself. ;)
__________________
PON PON WAY WAY WAY

あの交差点で皆がもしスキップをして もしあの町の真中でてを繋いで空を見上げたら

Last edited by Kylie-chan; August 14th, 2011 at 12:33 AM.
Reply With Quote
  #464    
Old August 24th, 2011, 04:24 PM
JalordaSerpent's Avatar
JalordaSerpent
Run, you clever boy...
Community Supporter
 
Join Date: Jun 2011
Location: Inside the TARDIS.
Gender: Male
Nature: Mild
Ok. I'm not understanding the overlap text concept.
__________________
Let somebody else try first.
twitterpairgithub
Reply With Quote
  #465    
Old August 30th, 2011, 12:02 AM
TheMarkCrafter
Magma.
 
Join Date: Jan 2011
Location: Kalos
Gender: Male
Nature: Serious
How can I make that thing under the picture where like Hiiro's sig?
__________________

omega.
No information yet.
Reply With Quote
  #466    
Old August 30th, 2011, 12:34 AM
Mew~'s Avatar
Mew~
THE HOST IS BROKEN
 
Join Date: Mar 2009
Nature: Quirky
Send a message via Windows Live Messenger to Mew~
Quote:
Originally Posted by KingSnivy View Post
How can I make that thing under the picture where like Hiiro's sig?
Just change the background of your CSS to a soild colour with the same amount of width as your image but just slightly longer height, then just add the image on top, simples.
__________________
There was nothing. Followed by everything. Swirling, burning specks of creation that circled life-giving suns. And then we reached to the light.

Reply With Quote
  #467    
Old September 1st, 2011, 06:52 AM
TheMarkCrafter
Magma.
 
Join Date: Jan 2011
Location: Kalos
Gender: Male
Nature: Serious
@Mew~
I meant the code..
__________________

omega.
No information yet.
Reply With Quote
  #468    
Old September 1st, 2011, 07:14 AM
abnegation's Avatar
abnegation
adventure
 
Join Date: Apr 2009
Age: 21
KingSnivy, it literally doesn't get more basic than this. You should do a little research before asking a question. It's just a plain box, with a few simple codes.

Something along the lines of
HTML Code:
[css-div="background-color: #010103; width: 352px; padding: 4px; border: 1px; cursor: crosshair; padding: 4px;"]{param}[/css-div]
__________________
Taking time off from being a Super Moderator on this forum.
I may be back in due course, until then I will be inactive.
Now you're aware.
Reply With Quote
  #469    
Old September 2nd, 2011, 08:45 PM
Pokemon Trainer Touko's Avatar
Pokemon Trainer Touko
春野サクラ ♥
 
Join Date: Jan 2011
Location: Konoha ★
Age: 16
Gender: Female
Hiiii :D Can someone please tell me how to make a 'floating' box? :D Like the one on the GT8 thread? Please and thank you ^_^
__________________
⎡ Paired with Vaporeon 7 ★ Deviantart PC family
Reply With Quote
  #470    
Old September 2nd, 2011, 09:39 PM
donavannj's Avatar
donavannj
The Melody Pokémon
 
Join Date: Mar 2005
Location: Minny, Minny, USA
Age: 23
The float: property is your friend. ;)
__________________
Reply With Quote
  #471    
Old September 4th, 2011, 04:26 PM
greg0915's Avatar
greg0915
Tomorrow is a new day
Community Supporter
 
Join Date: Feb 2011
Location: England
Age: 20
Gender: Male
Nature: Jolly
Ok i tried some of this and now my thread looks like this(Link in sig)
The stuff i entered keeps duplicating and adding [/div] to the end closing it!
I Urgantly need some help!
__________________
Reply With Quote
  #472    
Old September 4th, 2011, 04:34 PM
Hybrid Trainer's Avatar
Hybrid Trainer
My Secrecy. My Advantage.
 
Join Date: Nov 2008
Location: «UK»
Age: 20
Gender: Male
Well this is more of a forum problem than a css one but what you could do is click the A/A symbol in the top corner and remove all the extra coding and whatnot manually.
__________________


"I am confident that if anyone actually penetrates our facades, even the most perceptive would still be fundamentally unprepared for the truth of House Dimir."
-Szadek, Lord of Secrets

Reply With Quote
  #473    
Old September 20th, 2011, 06:00 AM
Impo's Avatar
Impo
Vital Spirit
Community Supporter
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
...I just want to bring life to this thread by saying I managed to create my signature using css - all by myself :D .
I'm actually really proud ^^
__________________


...Let's play a game...
3DS FC: 3411-1566-9347
Paired to Naya Rivera & ShiningRaichu
Reply With Quote
  #474    
Old September 20th, 2011, 07:11 AM
Hybrid Trainer's Avatar
Hybrid Trainer
My Secrecy. My Advantage.
 
Join Date: Nov 2008
Location: «UK»
Age: 20
Gender: Male
That looks pretty good Impo :D
But maybe you want to try adding in these codes so that the border works in all browsers?

Quote:
-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
__________________


"I am confident that if anyone actually penetrates our facades, even the most perceptive would still be fundamentally unprepared for the truth of House Dimir."
-Szadek, Lord of Secrets

Reply With Quote
  #475    
Old September 20th, 2011, 02:03 PM
Impo's Avatar
Impo
Vital Spirit
Community Supporter
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Quote:
Originally Posted by Hybrid Trainer View Post
That looks pretty good Impo :D
But maybe you want to try adding in these codes so that the border works in all browsers?

Nice idea :D , thanks.
But every time I add them it automatically wraps url tags around my image locations... I need to experiment more
__________________


...Let's play a game...
3DS FC: 3411-1566-9347
Paired to Naya Rivera & ShiningRaichu
Reply With Quote
Reply
Quick Reply

Sponsored Links


Advertise here
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 04:13 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.