customise the background and colour

by iyaaz February 26th 2014, 8:02 pm

Hello

i would like to to know how can i customise the background and colour my text in to my forum rules box.

customise the background and colour Mhzln4

by Pizza Boi February 26th 2014, 8:47 pm

Hi

You can do that via HTML and CSS Coding. This is an example and have been tested already, so it SHOULD work:

Code:: <html> <head> <style> p#rules { background-color: black; background-img:url('IMG LINK HERE') font-family: arial; font-size: 20px; } </style> </head> <body> <p id="rules">The administrator will not be held liable, bla bla bla bla bla</p> </body> </html>

You can modify any bit of the code I provided or ADD anything you wish.

Regards,
Pizza Boi

by Mati February 26th 2014, 8:54 pm

You can use such BBCode table.

Code:: [table style="background-color: #ECD5D8; border: 1px solid #B40000; border-radius: 3px; color: #BC2A4D; padding: 8px; width: 99%;" cellspacing="0"][tr][td]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.[/td] [/tr] [/table]

DEMO:

Spoiler:

by Pizza Boi February 26th 2014, 8:59 pm

Mati wrote:You can use such BBCode table.

Code:
[table style="background-color: #ECD5D8; border: 1px solid #B40000; border-radius: 3px; color: #BC2A4D; padding: 8px; width: 99%;" cellspacing="0"][tr][td]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.[/td] [/tr] [/table]

DEMO:
Spoiler: