• Please note that this section is for questions regarding the forum itself - it is not for fan game-related questions. If you have a question about a fan game, ask in the appropriate thread.

  • Ever thought it'd be cool to have your art, writing, or challenge runs featured on PokéCommunity? Click here for info - we'd love to spotlight your work!
  • Our weekly protagonist poll is now up! Vote for your favorite Conquest protagonist in the poll by clicking here.
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.

Question: Special boxes?

Weatherman Kiyoshi

~Having one of THOSE days
  • 3,543
    Posts
    19
    Years
    I've been in the dark for too long.

    How exactly do you make these?

    [PokeCommunity.com] Special boxes?


    I would REALLY like to know.
     
    That's made with CSS codes. You can do things like that with it, it's useful for having a decorated and organised signature. The two circles and the text over them in my signature are encoded with CSS. As you saw there, it can also be used in posts.

    Example:
    Here's a simple CSS box.
    ...and the code I used to make it (without the red *).
    Code:
    [[COLOR="Red"]*[/COLOR]css-div="width: 180px; height: 15px; border: solid 1px #000000; font-variant: small; font-size: 10px; color: #ffffff; background-color: #666666; text-align: left;"]Here's a simple CSS box.
    [/div]

    I think someone has written a tutorial with some codings, but I don't remember who was or where is the tut.
    There are a lot of people here who know how to use this, you can ask them for some tips if you want.

    Hope this helped a bit.

    EDIT: Oh btw, CSS is best viewed in Firefox. IE doesn't show things like round corners and others.
     
    Last edited:
    Here's the two codes for those -- the first is relatively simple, it's just a background image.

    btw, IE isn't showing the second one correctly, it looks alot better when you can see the animated background XDD
    (Screenie)

    [VIP LIST]

    • [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX
      [*]XxXxXxX


    [BLACKLIST]









    Mwahahahahaha...

    Quote my post to see the codes.

    Also, for rounded edges, you might be better off using images instead of that funny -moz-border-radius thing, since it won't work in IE... or Opera, or Safari, or any other browser I've tried besides Firefox. :\
     
    Last edited:
    I had my thread locked, since the shop is now closed. :3

    (btw, If anyone wants any of the other codes on my thread, feel free to PM me for them.)
     
    Back
    Top