Frizbee 14 Share Posted June 5, 2018 So I've been on a couple of boards that use this feature but for the life of me I can't find a tutorial anywhere? I'm probably being hella blind but there's just so much to sift through I thought it would be less stressful to just ask and be pointed in the right direction. I'm looking to learn how to use automatic post codes. So, when I want to post a thread I can just use thread stuff here and those codes will automatically use a nicer post template rather than me having to always copy and paste something. I'd also like to be able to do the same with headers [h1] [/h1] and user group colours. So if I put [admin]stuff[/admin] it'll come up in the admin colours. Any help on this would be mighty appreciated! I have no idea where to even start! Dragon Age RP Link to comment Share on other sites More sharing options...
Admin Morrigan 1,826 Admin Share Posted June 5, 2018 Hey @Kat where/how do you roleplay? Profile set made by myself and original Artwork by Fae Merriman, my daughter. Link to comment Share on other sites More sharing options...
Frizbee 14 Author Share Posted June 5, 2018 (edited) @Morrigan Hi! Thank you so much for popping in! I'm on a jcink forum at the moment and I have managed to get my head around the custom bbcodes (took me forever to know the proper name for them which was why I was having trouble finding tutorials)! I have managed to code a simple table, but I'm having a slight problem elsewhere! One of my member groups is called Nora, so I have input a colour and font, but when I use the [nora] [/nora] codes for some reason the text that comes after starts on a new line?? like this I'm using 1PARAM and these codes: <b><div class='nora'>(PARAM1)</div></b> .nora { font-family: poppins; color: #627d78; } I'm also trying to put in another table that uses an image, so [postimg=img url] [/postimg] but that doesn't seem to be working at all! I'm using 2 PARAM and these codes: <center><div class='postbg'><div class='adrpost'>(PARAM1)<div class='adrimg' style='background-image: url((PARAM2));'></div></div></div></center> .postbg { width: 500px; padding: 20px; background: #f3f3f3; border: 1px solid #f3f3f3; } .adrpost { width: 400px; padding: 100px; background: #f3f3f3; text-align: justify; font-family: poppins; line-height: 160%; color: #3f3f3f; } .adrimg { width: 400px; height: 200px; background-size: cover; background-position: center center; margin-bottom: 20px; } Edited June 5, 2018 by Kat Dragon Age RP Link to comment Share on other sites More sharing options...
Admin Morrigan 1,826 Admin Share Posted June 6, 2018 I think the Params are just backwards. I tested it and this works: <center><div class='postbg'><div class='adrpost'>(PARAM2)<div class='adrimg' style='background-image: url((PARAM1));'></div></div></div></center> @Kat 1 Profile set made by myself and original Artwork by Fae Merriman, my daughter. Link to comment Share on other sites More sharing options...
Frizbee 14 Author Share Posted June 6, 2018 thank you the image is showing up now! ^_^ 1 Dragon Age RP Link to comment Share on other sites More sharing options...
Kit the Human 759 Share Posted June 7, 2018 Just in case you're struggling with the nora code (and for any punters at home who might be struggling with the same thing)... Change the code to this: <b><span class='nora'>(PARAM1)</span></b> Divs are a block element. By default, they will be on their own line. If you want to style individual words in a paragraph, you want to use span. Good luck with the site, HZD is a fabulous world! 1 PSI: an Occult Investigations RP Roleplay Architects: Grab a friend (or many friends!) and just write. You can also find me at: Link to comment Share on other sites More sharing options...
Frizbee 14 Author Share Posted June 7, 2018 Oh yes it's all working thank you so much!! <33 1 Dragon Age RP Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now