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.

Translucent Table Rows

View previous topic View next topic Go down

Translucent Table Rows

Post by Honor on November 8th 2010, 7:28 pm

Idea found and visualized here:
http://starwarsdof.motionsforum.com/forum.htm

(It's the black boxes that you can sort of see the brushed medal background coming through).

List of things I've tried but did not work:
Code:
td.row1{
  background-color: rgba(0, 0, 0, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; /* IE8 */
-moz-box-shadow: 0px 0px 4px #1DC0FB; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #1DC0FB; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #1DC0FB; /* Opera 10.5, IE 9 */
}
td.row2{
  background-color: rgba(0, 0, 0, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; /* IE8 */
-moz-box-shadow: 0px 0px 4px #1DC0FB; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #1DC0FB; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #1DC0FB; /* Opera 10.5, IE 9 */
}
td.row3{
  background-color: rgba(0, 0, 0, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; /* IE8 */
-moz-box-shadow: 0px 0px 4px #1DC0FB; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #1DC0FB; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #1DC0FB; /* Opera 10.5, IE 9 */
}

td.row3Right,td.spaceRow {
  background-color: rgba(0, 0, 0, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; /* IE8 */
-moz-box-shadow: 0px 0px 4px #1DC0FB; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #1DC0FB; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #1DC0FB; /* Opera 10.5, IE 9 */
}
- Works for ForumBody Line, but not for the Table Rows.

http://help.forumotion.com/tricks-tips-f32/to-make-the-cells-translucent-t137.htm
- Absolutely no difference, just black boxes (and that's an official Forummotion Tutorial)

I've set the color to black. I want the forums to show a picture through an 80% black row color, just like in the above example forum (the star wars one).

Using PHPBB3
http://mytestforum.ohmyforum.net <-My skin test forum, leaving it with the first code in so you can see it.

Honor
Forumember

Female Posts : 172
Reputation : 17
Language : English
Location : Bouncing off the Walls

http://blueplanet.road2us.com

Back to top Go down

Re: Translucent Table Rows

Post by Honor on November 9th 2010, 2:24 am

I fixed it myself. Tutorial is definitely wrong.

Code:
li.row {
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
background-color: #000000;
 background-color: rgba(0, 0, 0, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; /* IE8 */
-moz-box-shadow: 0px 0px 4px #1DC0FB; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #1DC0FB; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #1DC0FB; /* Opera 10.5, IE 9 */
 }

Best if viewed in FireFox.

Honor
Forumember

Female Posts : 172
Reputation : 17
Language : English
Location : Bouncing off the Walls

http://blueplanet.road2us.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