• Our software update is now concluded. You will need to reset your password to log in. In order to do this, you will have to click "Log in" in the top right corner and then "Forgot your password?".
  • 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.

  • Staff applications for our PokéCommunity Daily and Social Media team are now open! Interested in joining staff? Then click here for more info!
  • 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.

CSS Sigs?

Motsuko Live

... pronounced Mös.
  • 982
    Posts
    16
    Years
    Motsuko Live, once again

    Lately, I've been seeing alot of users (mostly Mods, Super Mods, etc) with...well, interactive sigs. (I guess you would call it). Alot of people have told me it's CSS, and I've look everywhere but I can't figure out how to do it. I understand CSS, but is there a special code you need for it? Any help would be appreciated :)
    I really have searched just about everywhere, but no luck so far. Thanks!

    Sincerely,
    Motsuko Live
     
    [%css-div="background-color: #FFFFFF; border: 2px solid #663399; width: 310px; text-align: center; padding: 5px;"%] [/div] This is what I used.

    The background colour code, the border code can be found in the colour card.
    Width is how wide your sig needs to be. Text-align (right, left, center). Border: width (solid, dotted, ---)
    To make something like this use [%title=entertext]enter text[/title]

    I hope this can help you?
     
    *image removed*


    If you want it to look like that, then the code is as Mudkipblader stated.

    Just take out the percentage signs in the coding, and paste your image location in there.

    Play around with the colors of it (#FFFFFF) And then put some text in etc.
     
    Pooh :(
    Ok, this is going to sound so stupid ('cause I know I'm doing something obviously wrong :P) but I put it in, and it looks the same, just with that text above it. I also tried putting the image inside the css thingy (where it closes/re-opens) but it still looked the same. What am I doing wrong? I know the answer is going to be so simple, so I feel like an idiot posting this :'(

    Nevermind, I just got it...I didn't realize I had to remove the % from the code :) anyways, thank you so much!
     
    Last edited:
    I really wanted to know how to do this and now I know how, thanks for asking them Motsuko.
     
    There's a CSS reference at https://w3schools.com/css

    It isn't really just a list of "codes" that you put in your signature, you have to know how to use them, it's not something you can learn in ten minutes.

    I agree. *it took me eleven xDDD*


    Link

    That site has a guide to starting off with CSS, it also has a reference.
     
    Back
    Top