Need help with making cells transulent

okay so I read the tutorial over and over but I just don't understand how to work with it, help would be much aprreciated
I want to make my cells transulent.

http://achieve360portal.com

May I ask what cells you mean exactly (screenshot or description please)? If you want the whole forum body to be transparent, just copy the code from the tutorial (I assume you are referring to this?) into the custom CSS field in "Styles / Colors / CSS Stylesheet". You can of course adjust the values "80" and ".8" (means 80% opaque) to another value you need.

It should work as you are using version 2 already.

what is this for ?

Sunny_D wrote:May I ask what cells you mean exactly (screenshot or description please)? If you want the whole forum body to be transparent, just copy the code from the tutorial (I assume you are referring to this?) into the custom CSS field in "Styles / Colors / CSS Stylesheet". You can of course adjust the values "80" and ".8" (means 80% opaque) to another value you need.

It should work as you are using version 2 already.

I tried copy and pasting but it wouldn't work for me. please help and yes that was what I was reffering to. making the back of the background dissapear and making the cell of the topics and posts etc. a little bit transulent so you can look through them.
these are the topics I talked about/

https://help.forumotion.com/tricks-tips-f32/create-a-css-file-t135.htm

If you want to have your background of the bodyline completely transparent, write in the appropriate field in "Styles / Colors" the value #transp. Partial transparency can be done via CSS, so enter the code below into your custom CSS field in "Styles / Colors / CSS":

.forumline {opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8;}

The code above would return a 80% opacity, so you can modify the values.

I don't get where exactly?
and I want the cells where the posts are like these ones to be transulent. forum body to if possible. not invisible but you can look through them transulent

this is my css

Code:

body {
background-color: #000000;
background-image: url("http://i242.photobucket.com/albums/ff206/Drakaneo/back-1.png");
background-attachment: fixed;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #c0c0c0;
scrollbar-shadow-color: #857b7b;
scrollbar-3dlight-color: #939393;
scrollbar-arrow-color: #fcfcfc;
scrollbar-track-color: #9a9696;
scrollbar-darkshadow-color: #ffffff;
}
th,td,p {
 font-family: Palatino Linotype }
a img {
 border: none;
 }
a:link,a:active,a:visited {
 color : #ffffff;
 }
a:hover{
 text-decoration: underline;
 color : #cdbe2e;
 }
hr{
 height: 0px;
 border: solid #030303 0px;
 border-top-width: 1px;
}
.bodyline{
 background-color: #000000;
 border: 1px #000000 solid;
}
.bodylinewidth {
width:88%}
.forumline{
 background-color: #1b4e1c;
 border: 2px #000000 solid;
 }
td.row1{
 background-color: #000000;
 }
td.row2{
 background-color: #000000;
 }
td.row3{
 background-color: #030303;
 }
td.rowpic {
background-color: #000000;
background-image: url("http://2img.net/i/fa/empty.gif");
}
th {
color: #ffffff;
 font-size: 11px;
 font-weight : bold;
background-color: #000000;
 height: 25px;
background-image: url("http://i242.photobucket.com/albums/ff206/Drakaneo/Catogaorybackground.gif");
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("http://2img.net/i/fa/empty.gif");
background-color:#000000;
 border: #000000;
 border-style: solid;
 height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
 border: #136924;
 border-style: solid;
 height: 28px;
}
td.row3Right,td.spaceRow {
background-color: #030303;
 border: #000000;
 border-style: solid;
}
td.pourcentback {
 background-color : #000000;
 }
th.thHead,td.catHead {
 font-size: 12px;
 border-width: 1px 1px 0px 1px;
 }
th.thSides,td.catSides,td.spaceRow {
 border-width: 0px 1px 0px 1px;
 }
th.thRight,td.catRight,td.row3Right {
 border-width: 0px 1px 0px 0px;
 }
th.thLeft,td.catLeft {
 border-width: 0px 0px 0px 1px;
 }
th.thBottom,td.catBottom {
 border-width: 0px 1px 1px 1px;
 }
th.thTop {
 border-width: 1px 0px 0px 0px;
 }
th.thCornerL {
 border-width: 1px 0px 0px 1px;
 }
th.thCornerR {
 border-width: 1px 1px 0px 0px;
 }
.maintitle{
font-weight: bold;
 font-size: 22px;
 font-family: Square721 BT,Palatino Linotype;
text-decoration: none;
 line-height : 120%;
 color : #2fff52;
}
.gen {
 font-size : 12px;
 }
.genmed {
 font-size : 11px;
 }
.gensmall {
 font-size : 10px;
 }
.gen,.genmed,.gensmall {
 color : #2fff52;
 }
a.gen,a.genmed,a.gensmall {
 color: #ffffff;
 text-decoration: none;
 }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
 color: #cdbe2e;
 text-decoration: underline;
 }
.mainmenu{
 font-size : 11px;
 color : #2fff52 }
a.mainmenu{
 text-decoration: none;
 color : #ffffff;
}
a.mainmenu:hover{
 text-decoration: underline;
 color : #cdbe2e;
 }
.cattitle{
 font-weight: bold;
 font-size: 12px ;
 letter-spacing: 1px;
 color : #ffffff}
a.cattitle{
 text-decoration: none;
 color : #ffffff;
 }
a.cattitle:hover{
 text-decoration: underline;
 }
.forumlink{
 font-weight: bold;
 font-size: 12px;
 color : #ffffff;
 }
a.forumlink {
 text-decoration: none;
 color : #ffffff;
 }
a.forumlink:hover{
 text-decoration: underline;
 color : #cdbe2e;
 }
.nav{
 font-weight: bold;
 font-size: 11px;
 color : #2fff52;
 }
a.nav{
 text-decoration: none;
 color : #ffffff;
 }
a.nav:hover{
 text-decoration: underline;
 }
.topictitle,h1,h2{
 font-weight: bold;
 font-size: 11px;
 color : #2fff52;
 }
a.topictitle:link{
 text-decoration: none;
 color : #ffffff;
 }
a.topictitle:visited{
 text-decoration: none;
 color : #ffffff;
 }
a.topictitle:hover{
 text-decoration: underline;
 color : #cdbe2e;
 }
.name{
 font-size : 11px;
 color : #2fff52;
}
.postdetails{
 font-size : 10px;
 color : #2fff52;
 }
.postbody{
 font-size : 12px;
 line-height: 18px}
a.postlink:link{
 text-decoration: none;
 color : #ffffff }
a.postlink:visited{
 text-decoration: none;
 color : #ffffff;
 }
a.postlink:hover{
 text-decoration: underline;
 color : #cdbe2e}
.code{
 font-family: alatino Linotype;
 font-size: 11px;
 color: #aa221a;
background-color: #3a3a3a;
 border: #030303;
 border-style: solid;
border-left-width: 1px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px}
.quote{
 font-family: Palatino Linotype;
 font-size: 11px;
 color: #278734;
 line-height: 125%;
background-color: #3a3a3a;
 border: #030303;
 border-style: solid;
border-left-width: 1px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px}
.copyright{
 font-size: 10px;
 font-family: Palatino Linotype;
 color: #278734;
 letter-spacing: -1px;
}
a.copyright{
 color: #278734;
 text-decoration: none;
}
a.copyright:hover {
 color: #2fff52;
 text-decoration: underline;
}
.coloradmin {
 color: #c7e847}
.colormod {
 color: #aa221a}
img{
border:0}
input,textarea, select {
color : #2fff52;
font: normal 11px Palatino Linotype;
border-color : #2fff52;
}
input.post, textarea.post, select {
 background-color : #136924;
 }
input {
 text-indent : 2px;
 }
input.button {
background-color : #000000;
color : #2fff52;
font-size: 11px;
 font-family: Palatino Linotype;
}
input.mainoption {
background-color : #3a3a3a;
font-weight : bold;
}
input.liteoption {
background-color : #3a3a3a;
font-weight : normal;
}
.helpline {
 background-color: #000000;
 border-style: none;
 }
input {
 background-color: #000000;
 }
button.button2, input.button2 {
 font-size: 0.7em;
 border: 1px solid #BCBCBC;
width: auto !important;
padding: 1px 0px;
font-family: Palatino Linotype;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #cdbe2e;
color: #cdbe2e;
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
 vertical-align: middle;
 }
* html button.button2 img {
 vertical-align: middle;
 }
button.bbcode {
border: 1px solid #e3adad;
background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
}
.select {
background-color: #FFFFFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index:100;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
}
.selectHover {
 cursor: pointer;
 background-color: #EEEEEE;
}
.select p {
padding: 4px 6px;
font-size: 0.7em;
margin: 0px;
white-space: nowrap;
text-align: left;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0px;
background-color: #FFF;
border: none;
text-align:left;
}
.select button.button2 {
border:1px solid #BCBCBC;
padding: 0px;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #cdbe2e;
color: #cdbe2e;
background-position: 0 100%;
}
textarea#text_editor_textarea {
 width: 100% !important;
 }
iframe#text_editor_iframe {
width: 100%;
height: 200px;
}
form#quick_reply textarea#text_editor_textarea {
width: 100% !important;
height: 100%;
}
form#quick_reply iframe#text_editor_iframe {
 width: 100%;
 }
* html form#quick_reply iframe#text_editor_iframe {
 width: 600px;
 }
*+html form#quick_reply iframe#text_editor_iframe {
 width: 600px;
 }
@import url("form_ie.css");
@media print {
body {
background-image: none;
background-color: #fff;
color: #000;
}
table.bodylinewidth span.maintitle {
display: block;
text-align: left;
}
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img, table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
display:none;
}
td.catHead, .t-title {
text-align: left;
}
table.bodylinewidth .cattitle {
letter-spacing: normal;
 font-size: 1em;
}
.thLeft,.thRight {
color: #000;
 border: none;
 text-align:left;
}
.hr hr {
 visibility: hidden;
 }
.hr {
border-top: 1px dotted #ddd !important;
 }
tr.post td {
vertical-align: top;
border-bottom: 1px solid #ccc;
}
tr.post td td {
border: none;
}
span.gen {
display: none;
}
}

Just copy and paste the code I gave you into the custom CSS text field and see if it does the wanted effect. And if that CSS you posted above is already written in that textfield, just place the code at the very bottom of that whole text - no need to search something here.

I tried that but nothing happened....

By looking at your board, I think you haven't noticed the change because you have also black as your bodyline color - you wanted that to be completely transparent, right?

Go to "styles / colors" and search for the entry "Body line background color". put the color code #transp in there. If you now enter the other code, you should see an effect.