To Put an Extra Content Block of Colour Around the Forums.
A Warm Welcome


 
This site is - 320 Days Old
A Warm Welcome to Zan's Zone Guest
Please feel free to come and go as you please.
Please tell me if you see any mistakes in the skin so that I can fix it.
Feel free to add a link to your own board, blog or website in your signature.
The size of images added to signatures are restricted to avoid long scrolling passed them.
If you have made a post on your own board and you would like to post a link to it, Post it Here
This Week’s Video
Whatcha Up To?

My Time & Weather

Click for Bournemouth, United Kingdom Forecast

Worthwhile Charities

Share | 
 

 To Put an Extra Content Block of Colour Around the Forums.

View previous topic View next topic Go down 
AuthorMessage
Zandranna
Owner
Owner
avatar

Name : Sandy
Location : Dorset
UK
Posts : 1231
Kudos : 103
Mood : Bunged up with a cold
Birthday : 1st Nov
Scorpio

PostSubject: To Put an Extra Content Block of Colour Around the Forums.   24/06/17, 10:14 am

To Put an Extra Content Block of Colour Around the Forums.

CSS:

Obviously the colours used in the coding below will need to be changed to suit yourself.

Code:
.mycontent {background: #EFE5BE; padding: 20px; overflow: hidden; border: 5px double #000; margin: 10px;}


HTML:

In the overall_header about 370 find..
Code:
<div id="page-body">

Directly above it put

Code:
<div class="mycontent">

So it looks like this...

Code:
<div class="mycontent">
              
<div id="page-body">

Then scroll right down to the bottom of the page and add a  


Code:
</div> between the </body> and the </html>

Like So....

Code:
</body>
  </div>
</html>
<!-- END html_validation -->
Back to top Go down
View user profile http://www.zandranna.com/u1wall https://twitter.com/zandranna
 
To Put an Extra Content Block of Colour Around the Forums.
View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Zan's Zone :: How Can I Help? :: Help for Board Owners :: Tips & Tricks-
Jump to: