• 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 Trading Card Game 2 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: How do I border my post?

Kozoi

Mmmmm.
  • 368
    Posts
    16
    Years
    Just a quick question. I've seen people with borders around their posts, especially the first post. You know what I mean, like a square around all the text and images with a background inside it. Such as a green square with a blue interior.

    So, how do I insert these borders? I have tried a lot of different ways and had no success.
     
    they are ustilizing the [css-div] bbcode. it basically allows you to use some aspects of css coding to create a visually pleasing post.
    here's a quick little guide made by a friend of mine that can help you out a little bit.
     
    Thanks! I am going to test it now in my upcoming fanfiction.

    Edit: It shows a dotted green border and doesn't have any fill on the colour as previewed on the website. How can I fix this?

    Test
     
    Last edited:
    Thanks! I am going to test it now in my upcoming fanfiction.

    Edit: It shows a dotted green border and doesn't have any fill on the colour as previewed on the website. How can I fix this?

    Test

    After quoting your edit, I noticed there was a problem with your CSS. Here's what you have:
    [div="width: 300px; height: 10px;"][div="padding: 2px 2px 2px 2px; border: dashed 1px #60B530; font-variant: small-caps; color: #60B530; background-color: [B]#ADFF2F[/B];"]Test
    [/div][/div]

    For some reason, you are trying to bold the color. Here's the edited version:
    [div="width: 300px; height: 10px;"][div="padding: 2px 2px 2px 2px; border: dashed 1px #60B530; font-variant: small-caps; color: #60B530; background-color: #ADFF2F;"]Test
    [/div][/div]

    Here is the edited version:
    Test


    Is that what you are wanting?

    I'm not very good with CSS, so that will be all I can help you with.
     
    Thanks. I am just wondering if anyone could make me a CCS that fills an entire thread, has a yellow border and a blue background.
     
    to have it fill the entire post, remove the size parameter code (ex: width:XXpx;) or use a percentage (ex: Width: 100%;) as for changing the colours, just sub in a new colour code for the green one. here's a nifty list of some of them. also in order to change the style of border from the dashed, just chang from the word dashed to another style. ( you can use Solid, dotted, etc... there's a great list of options in your Profile customization page.
    Spoiler:
     
    Just make sure the background color / background image isn't too bright.
    I remember when the bishie thread was bright red and every time I looked at it, I nearly got a seizure.

    And, uh, make sure the text is very readable on whatever background you use.
     
    Just make sure the background color / background image isn't too bright.
    I remember when the bishie thread was bright red and every time I looked at it, I nearly got a seizure.

    And, uh, make sure the text is very readable on whatever background you use.

    Then clearly your eyes weren't trained enough.
    *goes back to change the bishie thread colour to neon pink, with white text instead*
    You will be trained after this.
     
    Back
    Top