The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Background Image For Cells?

2 posters

Go down

Background Image For Cells? Empty Background Image For Cells?

Post by Ursula 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

avatar
Ursula
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Background Image For Cells? Empty Re: Background Image For Cells?

Post by Cassius Dio 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
Cassius Dio
Forumember

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

http://beatles.forummo.com/

Back to top Go down

Background Image For Cells? Empty Re: Background Image For Cells?

Post by Ursula 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.
avatar
Ursula
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Background Image For Cells? Empty Re: Background Image For Cells?

Post by Cassius Dio 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
Cassius Dio
Forumember

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

http://beatles.forummo.com/

Back to top Go down

Background Image For Cells? Empty Re: Background Image For Cells?

Post by Ursula 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?
avatar
Ursula
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Background Image For Cells? Empty Re: Background Image For Cells?

Post by Cassius Dio 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
Cassius Dio
Forumember

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

http://beatles.forummo.com/

Back to top Go down

Back to top

- Similar topics

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