Transparent background for Topic

Hello,

I have phpbb2, and i was trying to figure out where in the CSS to make the topic background transparent and add a background image too

thanks

Code:


td.row1{
    background-color: #0a0a0a;
    }
td.row2{
    background-color: #070808;
    }
td.row3{
    background-color: #090909;
    }
td.rowpic {
   background-color: #;
   background-image: url("http://i40.photobucket.com/albums/e228/Kilsekthewicked/cellpi12.gif");
   }
th {
   color: #c68e17;
    font-size: 13px;
    font-weight : bold;
   background-color: #2f2f2f;
    height: 24px;
   background-image: url("http://i40.photobucket.com/albums/e228/Kilsekthewicked/cellpi12.gif");
   }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url("http://i40.photobucket.com/albums/e228/Kilsekthewicked/cellpi12.gif");
   background-color:#363737;
    border: #928349;
    border-style: solid;
    height: 24px;
   }
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: #000000;
    border-style: solid;
    height: 28px;
   }
td.row3Right,td.spaceRow {
   background-color: #090909;
    border: #080808;
    border-style: solid;
   }


And add:

this piece of code as shown below

background-image: url("LINK TO IMAGE");

Code:


td.row1{
    background-color: #0a0a0a;
background-image: url("LINK TO IMAGE");
    }
td.row2{
    background-color: #070808;
background-image: url("LINK TO IMAGE");
    }
td.row3{
    background-color: #090909;
background-image: url("LINK TO IMAGE");
    }
td.rowpic {
   background-color: #;
   background-image: url("http://i40.photobucket.com/albums/e228/Kilsekthewicked/cellpi12.gif");
   }
th {
   color: #c68e17;
    font-size: 13px;
    font-weight : bold;
   background-color: #2f2f2f;
    height: 24px;
   background-image: url("http://i40.photobucket.com/albums/e228/Kilsekthewicked/cellpi12.gif");
   }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url("http://i40.photobucket.com/albums/e228/Kilsekthewicked/cellpi12.gif");
   background-color:#363737;
    border: #928349;
    border-style: solid;
    height: 24px;
   }
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: #000000;
    border-style: solid;
    height: 28px;
   }
td.row3Right,td.spaceRow {
   background-color: #090909;
background-image: url("LINK TO IMAGE");
    border: #080808;
    border-style: solid;
   }

Oh, Oh, Oh!

Scott! You know, why don't you ask me?! If you're interested in I can give you our CSS code.
But before, and really BEFORE, you start doing that, make sure you have no special theme on your forum! Use one of the basic ones, you know, the white and blue ones.

When we made ours transparent we first had a hitskin theme and we get a lot of ugly pink stripes in it because somewhere in that theme something was pink. It was kinda annoying.

Edit: Nevertheless, making it transparent is a pain in the ass, it just SUCKS. But afterwards it is so awesome everyone pats your shoulder. It was worth it

Right on Kilsek, thanks...will let ya know if it worked//

Allright Killerguitar thanks...

Where the hell you been man???

Hey this might be useful for somethin, but it's not what i needed, i need to get the background image to show up behind the thread, thru the transparency...this code put the image right in the front

thanks

Okay, here goes our code just for you^^

In the Site Description (General -> Configuration) we have:

Code:

<style type=text/css>td.row1, td.row2, td.row3, td.row3Right { opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8;}</style>

I don't know if this is necessary^^

And, oh shit! I forgot what it was that made in transparent at all... uhm, I give you the whole code and you have to look through it your own. That means compare it with your CSS standard code:

Code:

body {
   background-color: #261100;
   background-image: url("http://i124.photobucket.com/albums/p31/nobody1721/sts-3.jpg");
   background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: top center;
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
th,td,p {
    font-family: Corinne, Verdana,Arial,Helvetica,sans-serif }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #f7a050;
    }
a:hover{
    text-decoration: underline;
    color : #f7a050;
    }
hr{
    height: 0px;
    border: solid #0a0000 0px;
    border-top-width: 1px;
   }
.bodyline{
    background-color: #;
    border: 1px # solid;
   }
.bodylinewidth {
   width:80%}
.forumline{
    background-color: #;
    border: 2px # solid;
    }
td.row1{
    background-color: #0a0000;
    }
td.row2{
    background-color: #0a0000;
    }
td.row3{
    background-color: #0a0000;
    }
td.rowpic {
   background-color: #;
   background-image: url("http://i44.servimg.com/u/f44/11/94/16/46/h211.jpg");
   }
th {
   color: #f7a050;
    font-size: 12px;
    font-weight : bold;
   background-color: #;
    height: 25px;
   background-image: url("http://i44.servimg.com/u/f44/11/94/16/46/h211.jpg");
   }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url("http://i44.servimg.com/u/f44/11/94/16/46/h211.jpg");
   background-color:#;
    border: #;
    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: #000000;
    border-style: solid;
    height: 28px;
   }
td.row3Right,td.spaceRow {
   background-color: #0a0000;
    border: #;
    border-style: solid;
   }
td.pourcentback {
    background-color : #261100;
    }
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, .maintitle h1{
   font-weight: bold;
    font-size: 22px;
    font-family: Corinne, TrebuchetMS,Corinne, Verdana,Arial,Helvetica,sans-serif;
   text-decoration: none;
    line-height : 120%;
    color : #ff6705;
   }
.maintitle h1 {
   margin: 0;
    padding: 0;
    display: inline;
   }
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 12px;
    }
.gensmall {
    font-size : 10px;
    }
.gen,.genmed,.gensmall {
    color : #ff6705;
    }
a.gen,a.genmed,a.gensmall {
    color: #f7a050;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #f7a050;
    text-decoration: underline;
    }
.mainmenu{
    font-size : 12px;
    color : #ff6705 }
a.mainmenu{
    text-decoration: none;
    color : #f7a050;
   }
a.mainmenu:hover{
    text-decoration: underline;
    color : #f7a050;
    }
.cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #f7a050}
h1.cattitle {
   margin:0;
    padding: 0;
    display:inline;
   }
a.cattitle{
    text-decoration: none;
    color : #f7a050;
    }
a.cattitle:hover{
    text-decoration: underline;
    }
.forumlink{
    font-weight: bold;
    font-size: 12px;
    color : #f7a050;
    }
a.forumlink {
    text-decoration: none;
    color : #f7a050;
    }
a.forumlink:hover{
    text-decoration: underline;
    color : #f7a050;
    }
.nav{
    font-weight: bold;
    font-size: 12px;
    color : #ff6705;
    }
a.nav{
    text-decoration: none;
    color : #f7a050;
    }
a.nav:hover{
    text-decoration: underline;
    }
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 12px;
    color : #ff6705;
    }
div.topictitle {
   display: inline;
   }
h2.topic-title {
   display: inline;
    margin: 0;
    padding: 0;
   }
a.topictitle:link{
    text-decoration: none;
    color : #f7a050;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #f7a050;
    }
a.topictitle:hover{
    text-decoration: underline;
    color : #f7a050;
    }
.name{
    font-size : 12px;
    color : #ff6705;
   }
.postdetails{
    font-size : 10px;
    color : #ff6705;
    }
.postbody{
    font-size : 12px;
    line-height: 18px}
a.postlink:link{
    text-decoration: none;
    color : #f7a050 }
a.postlink:visited{
    text-decoration: none;
    color : #f7a050;
    }
a.postlink:hover{
    text-decoration: underline;
    color : #f7a050}
.code{
    font-family: Corinne, Courier,Courier New,sans-serif;
    font-size: 12px;
    color: #2bd611;
   background-color: #;
    border: #0a0000;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.quote{
    font-family: Corinne, Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #7ce0d6;
    line-height: 125%;
   background-color: #;
    border: #0a0000;
    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: Corinne, Verdana,Arial,Helvetica,sans-serif;
    color: #f7a050;
    letter-spacing: -1px;
   }
a.copyright{
    color: #f7a050;
    text-decoration: none;
   }
a.copyright:hover {
    color: #f7a050;
    text-decoration: underline;
   }
.coloradmin {
    color: #ff2660}
.colormod {
    color: #2bd611}
h1.pagetitle {
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 12px;
   color: #f7a050;
   }
h1.title2 {
   font-size: 12px;
   }
.secondarytitle,.secondarytitle h2 {
   margin: 0;
   padding: 0;
   color: #f7a050;
   }
.secondarytitle h2 {
   display:inline;
   }
.nav h1 {
   display: inline;
   }
.hierarchy {
   display: inline;
   text-transform: none;
   border: none;
   font-size: 10px;
   }
.mod-text {
   font-weight: bold;
   }
img{
   border:0}
input,textarea, select {
   color : #ff6705;
   font: normal 12px Corinne, Verdana,Arial,Helvetica,sans-serif;
   border-color : #ff6705;
   }
input.post, textarea.post, select {
    background-color : #000000;
    }
input {
    text-indent : 2px;
    }
input.button {
   background-color : #0a0000;
   color : #ff6705;
   font-size: 12px;
    font-family: Corinne, Verdana,Arial,Helvetica,sans-serif;
   }
input.mainoption {
   background-color : #;
   font-weight : bold;
   }
input.liteoption {
   background-color : #;
   font-weight : normal;
   }
.helpline {
    background-color: #0a0000;
    border-style: none;
    }
input {
    background-color: #0a0000;
    }
button.button2, input.button2 {
   font-size: 0.7em;
   border: 1px solid #BCBCBC;
   width: auto !important;
   padding: 1px 0px;
   font-family: Corinne, Verdana,Arial,Helvetica,sans-serif;
   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 #f7a050;
   color: #f7a050;
   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 #f7a050;
   color: #f7a050;
   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;
    }
#page-footer .gen strong {
   font-weight: normal;
   }
@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;
   }
}
ul.abuse {
   list-style: none;
   line-height: 1.5em;
   font-size: 0.9em;
   }
.rtl-spacer:before {
   content: " ";
   white-space: pre;
   }
.rtl-spacer:after {
   content: " ";
   white-space: pre;
   }
.warning {
   color:#ff3333;
   }
.captcha div.captcha-img {
   float: left;
   margin: 0 1em 0 0;
   }
.captcha .inputbox {
   margin-top: 0.5em;
   }
.center {
   text-align: center;
   }
.right {
   float: right;
   }
.left {
   float: left;
   }

/* TGF Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
*+ html .clearfix {
   min-height: 1px;
   }
* html .clearfix {
   position: relative;
    height: 1%;
    clear: both;
   }
#page-footer {
   clear: both;
   }
#page-footer h3 {
    margin-top: 20px;
    }
#add-google {
    text-align: center;
    margin: 0 auto;
   }
#content-container #left {
   width: 0px;
   margin-right: px;
   }
#content-container #right {
   width: 0px;
   margin-left: px;
   }
.module-title {
   font-weight: bold;
   margin: 0 auto;
   text-align: center;
   display: block;
   }
#frame_chatbox {
   border: none !important;
   }

/* Chatbox */
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px solid ;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
   font-size: 12px;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   }
#chatbox_footer table.text-styles {
   float: right;
   }
#chatbox_footer .text-field {
   float: left;
   }
#chatbox_footer .chatfootertable {
   margin: 5px;
   }

/*Internet Explorer fixers and hacks for Chatbox*
/* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
   }
* html #chatbox-footer {
   
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");


And where I was? I have to care for forums on my own! YOU haven't even posted a single message on my forum, I at least posted 40 on yours
I have your IM names added. Maybe you should log in and we could talk a bit. I have some very interesting projects running atm.
(I just say candyfortheworld.forumotion.com I can't just tell the name, I just sbumitted it to google)

Ahhh okay thanks...I will try it when i find the chance

Yeah but my forum is much bigger than yours, it leaves you with a feeling so pure and will have you screaming back for more haha...dude I barely have time to post in my own forum...it's kinda like 4 times the size of yours...but if i did visit any SOAD sites it would be yours


thanks for the help man, cya around