Science & Technology From the computer lab to the chemistry lab, or even the observatory, here's where we nerd out over all things science and technology!

Draconius GO
Reply
 
Thread Tools
  #451    
Old August 8th, 2011 (4:17 PM).
Liliana Vess Liliana Vess is offline
  • Platinum Tier
 
Join Date: Nov 2008
Location: «UK»
Gender: Male
Posts: 1,984
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]
Reply With Quote

Relevant Advertising!

  #452    
Old August 8th, 2011 (4:34 PM).
Winneon Winneon is offline
しょうない
  • Crystal Tier
 
Join Date: Jun 2011
Location: Texas
Age: 18
Gender: Male
Nature: Mild
Posts: 526
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.
casual twitterpairgithub
Reply With Quote
  #453    
Old August 11th, 2011 (2:13 PM).
Winneon Winneon is offline
しょうない
  • Crystal Tier
 
Join Date: Jun 2011
Location: Texas
Age: 18
Gender: Male
Nature: Mild
Posts: 526
How do you overlap images like in Rukario's signature?
__________________
Let somebody else try first.
casual twitterpairgithub
Reply With Quote
  #454    
Old August 11th, 2011 (2:29 PM).
Spherical Ice's Avatar
Spherical Ice Spherical Ice is online now
  • Crystal Tier
 
Join Date: Nov 2007
Location: Bristol, UK
Age: 19
Posts: 5,235
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).
__________________

A Pokemon that is discriminated!
Support squirtle and make it everyone's favourite.
Reply With Quote
  #455    
Old August 11th, 2011 (3:04 PM).
Winneon Winneon is offline
しょうない
  • Crystal Tier
 
Join Date: Jun 2011
Location: Texas
Age: 18
Gender: Male
Nature: Mild
Posts: 526
I don't really understand. CAn you give me an example with the CSS code?
__________________
Let somebody else try first.
casual twitterpairgithub
Reply With Quote
  #456    
Old August 11th, 2011 (3:10 PM).
Liliana Vess Liliana Vess is offline
  • Platinum Tier
 
Join Date: Nov 2008
Location: «UK»
Gender: Male
Posts: 1,984
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
Reply With Quote
  #457    
Old August 11th, 2011 (3:15 PM).
Winneon Winneon is offline
しょうない
  • Crystal Tier
 
Join Date: Jun 2011
Location: Texas
Age: 18
Gender: Male
Nature: Mild
Posts: 526
Ok. Thank you very much! I'll try that.
__________________
Let somebody else try first.
casual 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
stalwart command
  • Crystal Tier
 
Join Date: Jan 2009
Location: Adelaide, Australia
Age: 24
Gender: Male
Nature: Impish
Posts: 4,268
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
      NERF THIS!
      • Crystal Tier
       
      Join Date: Sep 2004
      Location: New South Wales, Australia
      Age: 24
      Gender: Other
      Nature: Serious
      Posts: 14,979
      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).
      Winneon Winneon is offline
      しょうない
      • Crystal Tier
       
      Join Date: Jun 2011
      Location: Texas
      Age: 18
      Gender: Male
      Nature: Mild
      Posts: 526
      Ok. I'm not understanding the overlap text concept.
      __________________
      Let somebody else try first.
      casual 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).
          seeker's Avatar
          seeker seeker is offline
          Electric
          • Platinum Tier
           
          Join Date: Apr 2009
          Location: Ireland
          Posts: 10,831
          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]
          __________________
          she's the greatest adventure I'll ever know
          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: 19
          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
          • Moderator
          • Crystal Tier
           
          Join Date: Mar 2005
          Location: 'cause it get cold like Minnesota
          Age: 27
          Gender: Male
          Posts: 21,255
          The float: property is your friend. ;)
          __________________
          idol trash and game nerd
          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: 23
          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 Liliana Vess is offline
          • Platinum Tier
           
          Join Date: Nov 2008
          Location: «UK»
          Gender: Male
          Posts: 1,984
          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.
          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,457
          ...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 Liliana Vess is offline
          • Platinum Tier
           
          Join Date: Nov 2008
          Location: «UK»
          Gender: Male
          Posts: 1,984
          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;
          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,457
          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

          Quick Reply

          Join the conversation!

          Create an account to post a reply in this thread, participate in other discussions, and more!

          Create a PokéCommunity Account

          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:48 AM.