Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up
Sign in to follow this  
Kat

automatic post templates

Recommended Posts

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!

Share this post


Link to post
Share on other sites

@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 by Kat

Share this post


Link to post
Share on other sites

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

  • Love 1

Share this post


Link to post
Share on other sites

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!

  • Love 1

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.



×

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.