Sidebar - Putting an Image Beside a List
A Warm Welcome


 
This site is - 323 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 | 
 

 Sidebar - Putting an Image Beside a List

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

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

PostSubject: Sidebar - Putting an Image Beside a List   19/02/17, 12:21 pm

Display - Colors - Css Stylesheet tab

1)  In the css put this......

Code:

.mylinks {background: url(https://illiweb.com/fa/offline.png) no-repeat; padding-left: 20px; margin-bottom: 5px; font-size: 14px;}
.mylinks a { color: #DE8866; }

You can change .mylinks to anything you want, but if you change that, you will also have to change the same word in the html in the code below to match your own word.

Also change the font-size to anything you want.

2)  In your side bar html box each of your links/text needs to be given a class and your list should look something like this.

Code:

<div class="mylinks">
 <a href="WEBSITE URL">TEXT</a>
</div>

<div class="mylinks">
 <a href="WEBSITE URL">TEXT</a>
</div>

<div class="mylinks">
 <a href="WEBSITE URL">TEXT</a>
</div>
Back to top Go down
View user profile http://www.zandranna.com/u1wall https://twitter.com/zandranna
 
Sidebar - Putting an Image Beside a List
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: