Former Member
inherit
guest@proboards.com
167458
0
Nov 24, 2024 7:54:36 GMT -8
Former Member
0
January 1970
Former Member
|
Post by Former Member on Dec 28, 2012 9:31:53 GMT -8
I thought this may be helpful for those who want know how to add
A Coloured background to postings
I currently have this on my beta board -
It will add the text above the Create Thread page Where members can copy and paste the colour div code Onto the posting page and select a colour from the colour chart link
Note: you can change #FFEFD5 on the code below to another colour of your choosing
The link to the colour chart will open on a new tab page Where members can select a background colour code of their choosing
Go admin - Themes - Layout templates - Posting Page - Add ALL the code below at Line 13
<center> If you wish to add a colour background to your posting<br> Click on the new BBCode button and copy and paste the code below<br><br>
[div style="background-color:<b>#FFEFD5</b>;"][center]Paste Your TEXT Here[/center][/div]<br><br>
You may also change the bold and select another colour from here <a href="http://www.htmlcolorchart.co.uk/" target="_blank">Colour Chart</a><br></center>
|
|
Former Member
inherit
guest@proboards.com
167458
0
Nov 24, 2024 7:54:36 GMT -8
Former Member
0
January 1970
Former Member
|
Post by Former Member on Dec 28, 2012 16:30:17 GMT -8
IF YOU WANTED TO USE IMAGE BACKGROUNDS
Replace the code above with this code That will display 3 div codes that members could copy & paste On the BBCode page when creating a thread
YOU WILL NEED TO ADD 3 BACKGROUND IMAGE URL'S WHERE IT SAYS ADD IMAGE URL HERE BEFORE ADDING THIS CODE ON THE LAYOUT TEMPLATE - POSTING PAGE
Go admin - Themes - layout templates - posting page - Add at Line 13
<center> If you wish to add a background IMAGE to your posting<br> Click on the new BBCode button and copy and paste a code below<br><br>
[div style="background-image:url('ADD IMAGE URL HERE');"]
[center]ADD YOUR TEXT HERE[/center]
[/div][/center][/div]<br><br>
[div style="background-image:url('ADD IMAGE URL HERE');"]
[center]ADD YOUR TEXT HERE[/center]
[/div][/center][/div]<br><br>
[div style="background-image:url('ADD IMAGE URL HERE');"]
[center]ADD YOUR TEXT HERE[/center]
[/div][/center][/div]<br><br></center>
|
|