How to make a custom legend

View previous topic View next topic Go down

How to make a custom legend

Post by Atlantica on 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: http://i34.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('http://i34.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.

avatar
Atlantica
Admin
Admin

Warnings :
Posts : 25
Join date : 2010-09-25

View user profile http://helpfultips.forumakers.com

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum