Hi,

I would like to spice up my website by placing a photo image in the background. I would like to photo image somewhat visible be the containers. Is there a way to make an existing container transparent or Do you know of anyone who sells transparent containers?

Thanks

I want to this exactly, I wanna put an image as the background.Where would we go to this change? I went into site setting the Stylesheet editor and pasted this in there, pushed save stylesheet, then i clicked on update and nothing happen, did i miss something. Also do you have any examples on how we should structure the DIV's for the transparent background or skin or container.

No matter what I put into the stylesheet editor nothing changes on the site it stays exactly the same. I even copied the skin.css file from the DNN-Blue skin and made some changes ot it and nothing. What am I doing wrong? This is what I copied into Stylesheet editor: After saving style sheet and updating nothing happens.

/*
================================
Skin styles for DotNetNuke
================================
*/  

.pagemaster {
 width: 100%;
 height: 100%; 
 background-color: transparent;
}
.skinmaster {
 height: 100%;
 background-color: transparent;
 border-right: #7994cb 1px solid;
 border-top: #7994cb 1px solid;
 border-left: #7994cb 1px solid;
 border-bottom: #7994cb 1px solid;
 -moz-border-radius-bottomleft: 15px;
 -moz-border-radius-bottomright: 15px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
}
.skinheader {
}
.skingradient {
 background-image: url('../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/0J9YARJL/background.gif');
 height:30px
}
.controlpanel {
 width: 100%;
 background-color: transparent;
}
.toppane {
 width: 100%;
 background-color: transparent;
 padding-left: 6px;
 padding-right: 4px;
 padding-top: 6px;
}
.leftpane {
 width: 175px;
 background-color: transparent;
 padding-left: 6px;
 padding-right: 4px;
 padding-top: 6px;
}
.contentpane {
 width: 100%;
 background-color: transparent;
 padding-left: 6px;
 padding-right: 4px;
 padding-top: 6px;
}
.rightpane {
 width: 175px;
 background-color: transparent;
 padding-left: 6px;
 padding-right: 4px;
 padding-top: 6px;
}
.bottompane {
 width: 100%;
 background-color: transparent;
 padding-left: 6px;
 padding-right: 4px;
 padding-top: 6px;
}
.main_dnnmenu_container {
 background-color: transparent;
}
.main_dnnmenu_bar {
 cursor: pointer;
 cursor: hand;
 height:16px;
 background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
 cursor: pointer;
 cursor: hand;
 color: #000000;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 background-color: Transparent;
 font-family: Tahoma, Arial, Helvetica;
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px; 
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
 cursor: pointer;
 cursor: hand;
 color: #000000;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 background-color: Transparent;
 font-family: Tahoma, Arial, Helvetica;
    white-space: nowrap;  /*Word wrapping menu item now optional*/    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover { 
 background-color: #8da4d3;
}

.main_dnnmenu_itemhover td { 
 background-color: #8da4d3;
}

.main_dnnmenu_icon {
 cursor: pointer;
 cursor: hand;
 text-align: center;
 width: 15px;
 height: 100%;
}
.main_dnnmenu_submenu {
 background-color: #cad5ea; 
 z-index: 1000;
 cursor: pointer;
 cursor: hand;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
 padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
 height: 1px;
 font-size: 1px;
}

.main_dnnmenu_arrow {
 border-right: #cad5ea 1px solid;
 border-bottom: #cad5ea 1px solid;
 border-top: #cad5ea 0px solid;
 font-family: webdings;
 font-size: 10pt;
 cursor: pointer;
 cursor: hand;
}
.main_dnnmenu_rootmenuarrow {
 font-family: webdings;
 font-size: 10pt;
 cursor: pointer;
 cursor: hand;
}
.StandardButton {
  background: #7994cb none;
  color: #ffffff;
  font-family: verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
 width: 175px;
 background-color: #dfe5f2;
 border-right: #7994cb 1px solid;
 border-top: #7994cb 1px solid;
 border-left: #7994cb 1px solid;
 border-bottom: #7994cb 1px solid;
 -moz-border-radius-bottomleft: 15px;
 -moz-border-radius-bottomright: 15px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
 background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}