• 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?".
  • 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 Coding?

XEL

Lorem Ipsum
  • 491
    Posts
    17
    Years
    • Seen Nov 20, 2022
    Well, I'm running a vB forum and I'm just interested in adding CSS coding to the posts and signatures similar to the way this site has it. How do I do so? I'm not the coder on my site so I have minimal knowledge on coding... Is there a script I can just copy and paste?
     
    Yea... that's how bad I am at coding... I actually don't know how to do that ><
     
    I'm not too familiar with vB anymore, but the HTML replacement would be something to this degree:
    Code:
    <div style="$1">$2</div>
     
    Hrmm... Does anyone know where I can hire a Coder who is interested in the manga Bleach? lol
     
    Planning what you want and Knowing what you need are the key factors in adding tags onto your forums.
    Adding CSS to your forums will require you to add multiple different tags, rather than just one such as the [css-div] tag.
    Well, you could add just that one tag, but it would be a rather bland addition without some other CSS enabling tags.

    vBulletin's manual explains every inch of managing a vB forum; including how to add custom BB code tags.
    It isn't hard at all, you should give it a look sometime.

    If you need an example of tags added in a vB forum (Pokecommunity being a big example), check at the very bottom of a thread.
    You'll see a box labled "posting rules", and in it you'll notice that BB code is set to On, with BB code linking to another page.
    If you click it, it takes you to a list of available tags to use on the PC forums as well as a small example explaining how to use them. It should point you in the right direction of knowing what tags you would want to add onto your forums nonetheless. :)


    Now, for the addition of CSS tags onto your forums, you will have to know a hefty amount of coding.
    If you aren't coding savvy, you should search around the vBulletin community for further help.
     
    Last edited:
    Hrmmm... The thing is, I'm really bad at CSS and the other Admin only knows PHP and Flash...
    Can anyone of the PC staff give me a list of the codes I can add to my site so that we may add things like background colors to our posts? and The the whole thing where a sig pic can have multiple links on it?
     
    But the thing is I just don't understand coding language at ALL. Which is why I'm asking if someone from the staff could give me some codes...
     
    Here's a screenshot of what you have to put in
    The example is kinda cut off, but it's: [div="border: 2px black dotted; background-color: green; color: white;"]Hello There! This is CSS![/div]
     
    You keep saying you don't know, yet we all keep telling you exactly what to do, and you say you don't know again. 3 seconds of searching, and maybe 5 minutes of reading, and you would have known how to do this yesterday, but you refused telling us you don't know.
     
    What ò_ó posted is the right code. Simply go to add new BBCode and add the code how you see it in his attachment.
     
    @haunter: Yea. I never thought of going to search some guides. If I didn't search I wouldn't be here. I'm asking for help because I don't understand the guides.

    @AJ and Mizaki: thats not the only code I need right? Like, that acts as the basis? or Will that enable all the fancy CSS?
     
    @haunter: Yea. I never thought of going to search some guides. If I didn't search I wouldn't be here. I'm asking for help because I don't understand the guides.

    @AJ and Mizaki: thats not the only code I need right? Like, that acts as the basis? or Will that enable all the fancy CSS?
    Yup, that's all you need. Once you put in the HTML replacement, all you have to ddo is put the css-div code into your signature/post.

    Make sure you have the HTML Replacment as:
    PHP:
    <div style="{option}">{param}</div>

    The Example should be:
    PHP:
    [div="border: 2px black dotted; background-color: green; color: white;"]CSS Code![/div]
     
    There's one problem with the CSS though, I copied everything AJ posted directly, and double check it, but the CSS doesn't show... Like, no background, etc. when I tried the [css] format code; then I tried the <div> format and it still wasn't working :/
     
    Thanks to Mizaki we got this fixed ^^,
    Thanks to all who helped.
     
    Back
    Top