< >
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
  #451    
Old August 8th, 2011 (4:17 PM).
Liliana Vess's Avatar
Liliana Vess Liliana Vess is offline
My Secrecy. My Advantage.
Platinum Tier
 
Join Date: Nov 2008
Location: «UK»
Gender: Male
Posts: 1,983
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

Relevant Advertising!

  #452    
Old August 8th, 2011 (4:34 PM).
JalordaSerpent's Avatar
JalordaSerpent JalordaSerpent is offline
Run, you clever boy...
Crystal Tier
 
Join Date: Jun 2011
Location: Texas
Gender: Male
Nature: Mild
Posts: 523
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 (2:13 PM).
JalordaSerpent's Avatar
JalordaSerpent JalordaSerpent is offline
Run, you clever boy...
Crystal Tier
 
Join Date: Jun 2011
Location: Texas
Gender: Male
Nature: Mild
Posts: 523
How do you overlap images like in Rukario's signature?
Let somebody else try first.
twitterpairgithub
Reply With Quote
  #454    
Old August 11th, 2011 (2:29 PM).
Spherical Ice's Avatar
Spherical Ice Spherical Ice is offline
ModeratorCS
 
Join Date: Nov 2007
Location: Leicester, UK
Age: 18
Posts: 4,633
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 (3:04 PM).
JalordaSerpent's Avatar
JalordaSerpent JalordaSerpent is offline
Run, you clever boy...
Crystal Tier
 
Join Date: Jun 2011
Location: Texas
Gender: Male
Nature: Mild
Posts: 523
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 (3:10 PM).
Liliana Vess's Avatar
Liliana Vess Liliana Vess is offline
My Secrecy. My Advantage.
Platinum Tier
 
Join Date: Nov 2008
Location: «UK»
Gender: Male
Posts: 1,983
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 (3:15 PM).
JalordaSerpent's Avatar
JalordaSerpent JalordaSerpent is offline
Run, you clever boy...
Crystal Tier
 
Join Date: Jun 2011
Location: Texas
Gender: Male
Nature: Mild
Posts: 523
Ok. Thank you very much! I'll try that.
Let somebody else try first.
twitterpairgithub
Reply With Quote
  #458    
Old August 13th, 2011 (7:57 AM).
Mew~'s Avatar
Mew~ Mew~ is offline
THE HOST IS BROKEN
Gold Tier
 
Join Date: Mar 2009
Posts: 4,165
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 (8:11 AM).
Alternative's Avatar
Alternative Alternative is offline
For my next trick...
Crystal Tier
 
Join Date: Jan 2009
Location: Adelaide, Australia
Age: 23
Gender: Male
Nature: Impish
Posts: 4,254
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 (8:58 AM).
TheMarkCrafter TheMarkCrafter is offline
roses are red, violets are blue, i used to break rules but now im new.
 
Join Date: Jan 2011
Location: Kalos
Gender: Male
Nature: Serious
Posts: 549
How can I make the cursor change? Like at Pokemon Trainer Touko's Lilligant signature? It has a lilligant cursor.
winter is here.
back at 12/23/15
Reply With Quote
  #461    
Old August 13th, 2011 (9:08 AM). Edited August 13th, 2011 by Mew~.
Mew~'s Avatar
Mew~ Mew~ is offline
THE HOST IS BROKEN
Gold Tier
 
Join Date: Mar 2009
Posts: 4,165
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.

Reply With Quote
  #462    
Old August 13th, 2011 (9:27 PM).
TheMarkCrafter TheMarkCrafter is offline
roses are red, violets are blue, i used to break rules but now im new.
 
Join Date: Jan 2011
Location: Kalos
Gender: Male
Nature: Serious
Posts: 549
Thanks Mew~!
But I has a problem..

The cursor should be like this, but at my sig, it doesn't animate fastly.
HEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEELP!
winter is here.
back at 12/23/15
Reply With Quote
  #463    
Old August 14th, 2011 (12:00 AM). Edited August 14th, 2011 by Kylie-chan.
Kylie-chan's Avatar
Kylie-chan Kylie-chan is offline
the fae sorceress
Crystal Tier
 
Join Date: Sep 2004
Location: New South Wales, Australia
Age: 22
Gender:
Nature: Quiet
Posts: 14,962
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

あの交差点で皆がもしスキップをして もしあの町の真中でてを繋いで空を見上げたら
Reply With Quote
  #464    
Old August 24th, 2011 (4:24 PM).
JalordaSerpent's Avatar
JalordaSerpent JalordaSerpent is offline
Run, you clever boy...
Crystal Tier
 
Join Date: Jun 2011
Location: Texas
Gender: Male
Nature: Mild
Posts: 523
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 TheMarkCrafter is offline
roses are red, violets are blue, i used to break rules but now im new.
 
Join Date: Jan 2011
Location: Kalos
Gender: Male
Nature: Serious
Posts: 549
How can I make that thing under the picture where like Hiiro's sig?
winter is here.
back at 12/23/15
Reply With Quote
  #466    
Old August 30th, 2011 (12:34 AM).
Mew~'s Avatar
Mew~ Mew~ is offline
THE HOST IS BROKEN
Gold Tier
 
Join Date: Mar 2009
Posts: 4,165
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 (6:52 AM).
TheMarkCrafter TheMarkCrafter is offline
roses are red, violets are blue, i used to break rules but now im new.
 
Join Date: Jan 2011
Location: Kalos
Gender: Male
Nature: Serious
Posts: 549
@Mew~
I meant the code..
winter is here.
back at 12/23/15
Reply With Quote
  #468    
Old September 1st, 2011 (7:14 AM).
Abnegation's Avatar
Abnegation Abnegation is offline
ATTACKonTITAN
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,765
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]

abnegation

paired to adventure
there's always something
worth waiting for
Reply With Quote
  #469    
Old September 2nd, 2011 (8:45 PM).
Pokemon Trainer Touko's Avatar
Pokemon Trainer Touko Pokemon Trainer Touko is offline
春野サクラ ♥
Gold Tier
 
Join Date: Jan 2011
Location: Konoha ★
Age: 17
Gender: Female
Posts: 1,714
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 (9:39 PM).
donavannj's Avatar
donavannj donavannj is offline
Nico Nico Nii!~
ModeratorCS
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,416
The float: property is your friend. ;)

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
  #471    
Old September 4th, 2011 (4:26 PM).
greg0915's Avatar
greg0915 greg0915 is offline
Tomorrow is a new day
Gold Tier
 
Join Date: Feb 2011
Location: England
Age: 21
Gender: Male
Nature: Jolly
Posts: 546
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 (4:34 PM).
Liliana Vess's Avatar
Liliana Vess Liliana Vess is offline
My Secrecy. My Advantage.
Platinum Tier
 
Join Date: Nov 2008
Location: «UK»
Gender: Male
Posts: 1,983
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 (6:00 AM).
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,402
...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 ^^
Reply With Quote
  #474    
Old September 20th, 2011 (7:11 AM).
Liliana Vess's Avatar
Liliana Vess Liliana Vess is offline
My Secrecy. My Advantage.
Platinum Tier
 
Join Date: Nov 2008
Location: «UK»
Gender: Male
Posts: 1,983
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 (2:03 PM).
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,402
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
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 5:13 AM.


Contact Us Archive Privacy Statement Terms of Service Top