ForumUp.eu User Support :: View topic - How to add an image in the forum table cells

ForumUp.eu User Support
Do not PM or Email staff
Go to http://staff.forumup.com for support

FAQ Search Memberlist Usergroups Register

Profile Log in to check your private messages Log in

Staff communications

PLEASE NOTE: .eu SUPPORT IS NOW CONDUCTED AT .COM

In order to provide a better service to you, ForumUp has merged this .eu Support site with the .Com 'sister' site.

You will gain access to a more in-depth collection of Forum resources. A larger pool of Support Staff ensures you can draw from a broader range of experience. It also ensures 'around the clock' response from Staff located all over the globe.

You will need to register on the .Com site to ask questions. CLICK HERE to go to Staff.ForumUp.Com.

You remain most welcome to create your own Forum here on .eu. That will not change. It is only this support forum that has moved.

How to add an image in the forum table cells

This topic is locked: you cannot edit posts or make replies.

ForumUp.eu User Support Forum Index -> FAQ, Guides and Tutorials

View previous topic :: View next topic

Author

Message

goganga
Site Admin

Joined: 30 Nov 2007
Posts: 9

Posted: Thu Aug 14, 2008 12:10 pm Post subject: How to add an image in the forum table cells

How to add an image in the forum table cells

You can now easily add images to the forum table cells, which show on the index page, as well as in the post views. Below is a screenshot showing the tables, boxed off in colors:

Only registered users can see links on this forum!
Register or Login on forum!

The side on the left is called, in the css style sheet, "td.row.1"
The side on the right is called, in the css style sheet "td.row.2"

Put the following code in the Admin Panel>General Admin>ForumUp>HTML codes on top and bottom of all forum pages>Code at the bottom of the forum, after all topics.:

Code:

</* Main table cell colors and backgrounds */-->
<style type="text/css">
td.row1 { background-color: #FFF9B3;
background-image: url(http://urlofyourimage); }
td.row2 { background-color: #FFF799;
background-image: url(http://urlofyourimage);}
//--></style>

Replace "http://urlofyourimage" with the full url of your image. Be sure the image is on your own webspace or online image storage account. Do not simply copy the url of an image from someone else's website.

Do have a background color selected for each section, in case the server where your image is has a problem, and the image does not show temporarily.

Written by gg'ssimon

Display posts from previous:

	ForumUp.eu User Support Forum Index -> FAQ, Guides and Tutorials	All times are GMT
Page 1 of 1

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Page generation time: 0.024