The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Background Image For Cells?

View previous topic View next topic Go down

Background Image For Cells?

Post by Ursula on December 31st 2012, 3:55 am

Hello

I'd like to know what CSS code I can use If I would like to use my own custom background for the table cells in my forum? If this is not possible how do I make the table cells (1, 2 and 3) semi transparent? I'd prefer to use my own background. Thanks!

My board is located at http://fantasymessageboard.forumotion.com


Ursula
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Re: Background Image For Cells?

Post by Cassius Dio on December 31st 2012, 8:24 am

Hi,

~> For all cells:
Code:
table td{
background: url(HERE-YOUR-IMAGE-URL);
}

~> For .row1:
Code:
table .row1{
background: url(HERE-YOUR-IMAGE-URL);
}

~> For .row1.over:
Code:
table .row1.over{
background: url(HERE-YOUR-IMAGE-URL);
}

~> For .row2:
Code:
table .row2{
background: url(HERE-YOUR-IMAGE-URL);
}

~> For .row3:
Code:
table .row3{
background: url(HERE-YOUR-IMAGE-URL);
}

~> For .row3.over:
Code:
table .row3.over{
background: url(HERE-YOUR-IMAGE-URL);
}

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Re: Background Image For Cells?

Post by Ursula on December 31st 2012, 5:43 pm

Thanks!

Woukld you also know how to make all the cells semi transparent? I am trying different things to see which looks better and it's been difficult.

Thank you.

Ursula
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Re: Background Image For Cells?

Post by Cassius Dio on December 31st 2012, 5:56 pm

Just add after this part:
Code:
background: url(HERE-YOUR-IMAGE-URL);
the following codes:
Code:
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Re: Background Image For Cells?

Post by Ursula on December 31st 2012, 9:24 pm

Not sure I understand?

Do I find that first part in the CSS os my forum or do I post the enire codes. Please explain in more detail?

Is there a code I can just put in my CSS?

Ursula
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Re: Background Image For Cells?

Post by Cassius Dio on December 31st 2012, 10:24 pm

For example:
Code:
table td{
background: url(HERE-YOUR-IMAGE-URL);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

View previous topic View next topic Back to top


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