How to make a custom legend

by **Atlantica** Mon Sep 27, 2010 8:46 am

Tutorial
How to make a custom legend by Atlantica

Hello ,

I will show you how to make a custom legend. Make sure you have a legend image to put under your legend, where it displays New Posts, No New Posts, Locked. It is really simple.

First, make sure you have your image. Here is the URL for one: https://2img.net/h/oi34.tinypic.com/b80g87.png

Now you must go into Admin Panel => Display => Picture and colors => Colors => Stylesheet tab
You Then must enter the following code to the Custom CSS box. It doesn't matter where you put it.

Code:
ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('URL OF IMAGE OF CHOICE');
text-align: center;
padding: 24px 0;}

Spoiler:
ul#picture_legend = Identifies bottom of page, legend
background-position: center; = Makes the image centered
background-repeat: no-repeat; = If set as repeat, it will continually repeat along the page
background-image: url('URL OF IMAGE OF CHOICE'); = Put URL of image into the part marked as italic
text-align: center; = Centers the New posts, No new posts, Locked
padding: 24px 0;} = The softness around as table

Here is one already made for you,

Code:
ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('https://2img.net/h/oi34.tinypic.com/b80g87.png');
text-align: center;
padding: 24px 0;}

Thanks for reading and I hope this comes in handy. Please feel free to post in the help section if you have problems.

Thanks again.

Written by Atlantica

Notice : This message is copyrighted by HelpfulTips Forum. You may not publish it on anywhere without written permission from the administrators.