Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeDNN Open Source...DNN Open Source...Module ForumsModule ForumsGalleryGalleryHow to change the frame color around the picutresHow to change the frame color around the picutres
Previous
 
Next
New Post
2/15/2007 8:20 PM
 

OK, I tried brute force changing every instance of blue to red and every instance of gold to gray in the dotnetnuke.css file in the themes folder under gallery because I'm unsure of what frames what and I can't find a key, but I still can't change those colors!

Here is my css file (can I post this?)

/*****************************************************
Gallery style sheet - Updated on Aug,23,2004
*****************************************************/
.Gallery_Main
{  
}
table.Gallery_Container, .Gallery_Container
{  
}
table.Gallery_Border, .Gallery_Border

}

TD.Gallery_HeaderCapLeft
{
 background: url('Images/header_cap_left.gif') repeat-y top right;   
}

TD.Gallery_HeaderCapRight

 background: url('Images/header_cap_right.gif') repeat-y top left; 
}

TD.Gallery_HeaderImage
{  
 background: url('Images/header_bg.gif') repeat-x top; 
 padding-left:5px; padding-right:0; padding-top: 4px; padding-bottom: 4px; 
}

TD.Gallery_Header, .Gallery_Header{   
 font-weight: bold;
 font-size: 8pt; 
 color: #ff0033;
 font-family: Tahoma;  
 letter-spacing: 1px;
 background-color: #ff0033; 
 background: url('Images/header_bg.gif') repeat-x top; 
 padding-left:5px; padding-right:0; padding-top: 2px; padding-bottom: 9px;
}

.Gallery_HeaderText
{
 font-weight: bold;
 font-size: 8pt;
 color: #ff0033;
 font-family: Tahoma; 
 letter-spacing: 0px;
}

TD.Gallery_AltHeaderCapLeft, .Gallery_AltHeaderCapLeft

 background: url('Images/row_cap_left.gif') repeat-y top right; 
}

TD.Gallery_AltHeaderImage, .Gallery_AltHeaderImage

 background: url('Images/alt_header_bg.gif') repeat-x top;  
 padding-left:5px; padding-right:0; padding-top: 0px; padding-bottom: 1px;
}

TD.Gallery_AltHeader, .Gallery_AltHeader

 font-weight: bold;
 font-size: 8pt;
 color: #cc6600;   
 font-family: Tahoma;
 letter-spacing: 0px;
 background: url('Images/alt_header_bg.gif') repeat-x top left; 
 padding-left:5px; padding-right:0; padding-top: 1px; padding-bottom: 3px;
}

TD.Gallery_AltHeaderCapRight

 background: url('Images/row_cap_right.gif') repeat-y top left; 
}

.Gallery_AltHeaderText
{
 font-weight: bold;
 font-size: 8pt; 
 color: #cc6600;
 font-family: Tahoma;
 letter-spacing: 0px;
}

TD.Gallery_BodyCapLeft, TD.Gallery_BodyCapRight

 background: url('Images/alt_body_cap_right.gif') no-repeat bottom left;  
 padding-left: 0; 
}

TD.Gallery_FooterCapLeft

 background: url('Images/row_cap_left.gif') repeat-y top right;  
}

TD.Gallery_FooterCapRight

 background: url('Images/row_cap_right.gif') repeat-y top left; 
}

TD.Gallery_FooterImage

 background: url('Images/footer_bg.gif') repeat-x bottom; 
 border-bottom: #ff0033 4px solid;
 padding-left:5px; padding-top:3px; padding-bottom:3px; 
}

TD.Gallery_Footer, .Gallery_Footer
{
 font-weight: bold;
 font-size: 8pt; 
 color: #333333;
 font-family: Tahoma;
 letter-spacing: 1px;
 background: url('Images/footer_bg.gif') repeat-x bottom; 
 border-bottom: #008ebc 4px solid;  
 padding-left:5px; padding-top: 3px; padding-bottom: 3px; 
}

.Gallery_FooterText
{
 font-weight: bold;
 font-size: 8pt;
 color: #a4a5a6;
 font-family: Tahoma;
 letter-spacing: 0px;
}

TD.Gallery_BottomPanelCapLeft

 background: url('Images/bottom_panel_cap_left.gif') repeat-y top right; 
 padding: 0;
}

TD.Gallery_BottomPanelCapRight

 background: url('Images/bottom_panel_cap_right.gif') repeat-y bottom left; 
 padding: 0;
}

TD.Gallery_BottomPanel, .Gallery_BottomPanel
{
 padding-left: 0; padding-top: 6px; padding-bottom: 0;
}

TD.Gallery_BottomCapLeft
{   
}

TD.Gallery_Bottom
{  
}

TD.Gallery_BottomCapRight
{   
}

TD.Gallery_SubHeader, .Gallery_SubHeader
{
 background-color: #ececec;
}

.Gallery_SubHeader
{
 font-weight: bold;
 font-size: 8pt; 
 color: #ff0033;
 font-family: Verdana;
}

TD.Gallery_SubHeaderImage
{  
 background-color: White;
 background: url('Images/_SubHeader_Image.jpg');
 background-repeat: repeat-y;
}

TD.Gallery_RowCapLeft

 background: url('Images/row_cap_left.gif') repeat-y top right; 
}

TD.Gallery_RowCapRight
{
 width: auto;
 background: url('Images/row_cap_right.gif') repeat-y top left; 
}

TD.Gallery_RowBorderLeft

 background: url('Images/row_image_left.gif') repeat-y top right; 
 border-bottom: #999999 1px solid; 
}

TD.Gallery_RowImage
{  
 border-right: #999999 1px solid;
 border-top: white 1px solid; 
 border-left: white 1px solid;
 border-bottom: #999999 1px solid; 
 background-color: #ececec; 
 width: 24px;
 padding-left: 3px;  padding-bottom: 3px;
}

.Gallery_Row
{    
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}

TD.Gallery_Row
{
 padding-right: 5px;
 padding-left: 5px;
 background-color: #eef3fb;
}

TD.Gallery_Body, .Gallery_Body

 font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
 background-color: #eef3fb;
 padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;
}

.Gallery_RowHighLight
{  
 font-weight: normal;
 font-size: 11px; 
 font-family: Verdana;
 letter-spacing: 0;  
}

TD.Gallery_RowHighlight
{   
 background-color: #ececec;
 padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px;
}

.Gallery_RowHeader, .Gallery_RowPanel
{
 color: #ff0033;  
 font-family: Verdana;
    font-size: 11px;
    font-weight: normal; 
}

TD.Gallery_RowHeader
{
 border-bottom: #999999 1px solid;
 border-right: #666666 1px solid;  
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#eef3fb, EndColorStr=#308ebe); 
}

TD.Gallery_RowPanel, .Gallery_RowPanel

 border-right: #999999 1px solid;
 border-top: white 1px solid; 
 border-left: white 1px solid;
 border-bottom: #999999 1px solid; 
 background-color: #ececec; 
}

TD.Gallery_ListCell
{
 background-color: White;
 border-style: solid;
 border-color:#6699cc;
 border-width:1px 1px 1px;
 font-family: Verdana;
    font-size: 12px;
    font-weight: normal;   
}

TD.Gallery_AlbumTL
{
 background: url('Images/album_top_left.gif') no-repeat bottom right;
 padding: 0;
}

TD.Gallery_AlbumTC
{  
 background: url('Images/album_top_center.gif') repeat-x bottom left; 
 padding: 0;
}

TD.Gallery_AlbumTR
{
 background: url('Images/album_top_right.gif') no-repeat  bottom left; 
 padding: 0;
}

TD.Gallery_AlbumML
{
 background: url('Images/album_middle_left.gif') repeat-y top right;
 padding: 0; 
}

TD.Gallery_Album
{
 /**filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#308ebe, EndColorStr=#eef3fb);**/ 
 background-color:#D8E5F9;
 border-top: 1px #ff0033 solid;
 border-left: 1px #ff0033 solid; 
 border-right: 1px #ff0033 solid;
 border-bottom: 1px #ff0033 solid;
}

TD.Gallery_AlbumMR
{
 background: url('Images/album_middle_right.gif') repeat-y top left;
 padding: 0; 
}

TD.Gallery_AlbumBL
{
 background: url('Images/album_bottom_left.gif') no-repeat top right; 
 padding: 0;
}

TD.Gallery_AlbumBC
{
 background: url('Images/album_bottom_center.gif') repeat-x top; 
 padding: 0;
}

TD.Gallery_AlbumBR
{
 background: url('Images/album_bottom_right.gif') no-repeat top left; 
 padding: 0; 
}

TD.Gallery_FileTL
{
 background: url('Images/frame_top_left.gif') no-repeat bottom right;
 padding: 0;
}

TD.Gallery_FileTC
{  
 background: url('Images/frame_top_center.gif') repeat-x bottom left; 
 padding: 0;
}

TD.Gallery_FileTR
{
 background: url('Images/frame_top_right.gif') no-repeat  bottom left; 
 padding: 0;
}

TD.Gallery_FileML
{
 background: url('Images/frame_middle_left.gif') repeat-y top right;
 padding: 0; 
}

TD.Gallery_File
{
 background-color: #eef3fb; 
}

TD.Gallery_FileMR
{
 background: url('Images/frame_middle_right.gif') repeat-y top left;
 padding: 0; 
}

TD.Gallery_FileBL
{
 background: url('Images/frame_bottom_left.gif') no-repeat top right; 
 padding: 0;
}

TD.Gallery_FileBC
{
 background: url('Images/frame_bottom_center.gif') repeat-x top; 
 padding: 0;
}

TD.Gallery_FileBR
{
 background: url('Images/frame_bottom_right.gif') no-repeat top left; 
 padding: 0; 
}

TD.Gallery_PictureTL
{
 background: url('Images/picture_top_left.gif') no-repeat bottom right;
 padding: 0;
}

TD.Gallery_PictureTC
{  
 background: url('Images/picture_top_center.gif') repeat-x bottom left; 
 padding: 0;
}

TD.Gallery_PictureTR
{
 background: url('Images/picture_top_right.gif') no-repeat  bottom left; 
 padding: 0;
}

TD.Gallery_PictureML
{
 background: url('Images/picture_middle_left.gif') repeat-y top right;
 padding: 0; 
}

TD.Gallery_Picture
{
 background-color: #eef3fb; 
}

TD.Gallery_PictureMR
{
 background: url('Images/picture_middle_right.gif') repeat-y top left;
 padding: 0; 
}

TD.Gallery_PictureBL
{
 background: url('Images/picture_bottom_left.gif') no-repeat top right; 
 padding: 0;
}

TD.Gallery_PictureBC
{
 background: url('Images/picture_bottom_center.gif') repeat-x top; 
 padding: 0;
}

TD.Gallery_PictureBR
{
 background: url('Images/picture_bottom_right.gif') no-repeat top left; 
 padding: 0; 
}

TD.Gallery_Image, .Gallery_Image
{
 filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3) ;
}

.Gallery_NormalGrey
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    color: #999999;
}

.GalleryMenu_MenuContainer {
 border-bottom: transparent 0px solid;
 border-left: transparent 0px solid;
 border-top: transparent 0px solid;
 border-right: transparent 0px solid; 
 background-color: Transparent; 
}

.GalleryMenu_MenuBar { 
 cursor: hand;
 text-align: center;
 height:22px; 
}

.GalleryMenu_MenuItem { 
 cursor: hand;
 color: #003366;
 font-family: Tahoma, Arial, Helvetica;
 font-size: 8pt;
 font-weight: bold;
 font-style: normal;
 border-left: transparent 0px solid;
 border-top: white 1px solid;
 border-bottom: transparent 0px solid;
 border-right: transparent 0px solid;
}

.GalleryMenu_MenuIcon { 
 cursor: hand;
 background-color: #ff0033;
 border-left: #333333 1px solid;
 border-top: #333333 1px solid;
 border-bottom: transparent 0px solid; 
 border-right: transparent 0px solid;
 text-align: center;
 width: 22;
 height: 22;
}

.GalleryMenu_SubMenu {
 z-index: 1000;  
 cursor: hand;
 background-color: #eef3fb;  
 border-left: white 1px solid; 
 border-bottom: transparent 0px solid;
 border-top: transparent 0px solid;
 border-right: transparent 0px solid;
}

.GalleryMenu_MenuBreak {
 border-left: transparent 0px solid;
 border-bottom: #ff0033 1px solid;
 border-top: transparent 0px solid;
 border-right: transparent 0px solid;
 background-color: transparent;
 height: 0px;
}

.GalleryMenu_MenuItemSel
{
 font-weight: bold;
 font-size: 8pt;
 cursor: hand;
 color: #333333;
 font-style: normal;
 font-family: Tahoma, Arial, Helvetica;
 background-color: transparent;
}

.GalleryMenu_MenuArrow {
 font-family: webdings;
 font-size: 12pt; 
 cursor: hand;
 color: #ff9900;
 border-right: transparent 0px solid;
 border-top: white 1px solid;
 border-bottom: transparent 0px solid;
}

.GalleryMenu_RootMenuArrow {
 font-family: webdings;
 font-size: 12pt;  
 cursor: hand;
 color: transparent;
}

/* Gallery Media Menu */
.MediaMenu_MenuContainer {
 border-bottom: transparent 0px solid;
 border-left: transparent 0px solid;
 border-top: transparent 0px solid;
 border-right: transparent 0px solid; 
 background-color: Transparent; 
}

.MediaMenu_MenuBar { 
 cursor: hand;
 text-align: center;
 height:20px;
}

.MediaMenu_MenuItem { 
 cursor: hand;
 color: #ff0033;
 font-family: Tahoma, Arial, Helvetica;
 font-size: 8pt;
 font-weight: normal;
 font-style: normal;
 border-left: transparent 0px solid;
 border-bottom: transparent 0px solid;
 border-top: transparent 0px solid;
 border-right: transparent 0px solid;
}

.MediaMenu_MenuIcon
{
 border-bottom: transparent 0px solid; 
 border-right: transparent 0px solid;
 border-left: Transparent 0px solid;
 border-bottom: #ff0033 1px solid;
 background-color: #ff0033; 
 width: 21px;  
 height: 21px; 
 cursor: hand;
 text-align: center;
}

.MediaMenu_SubMenu {
 z-index: 1000;  
 cursor: hand;
 background-color: #eef3fb;
 
 border-bottom: transparent 0px solid;
 border-left: transparent 0px solid;
 border-top: transparent 0px solid;
 border-right: transparent 0px solid;
}

.MediaMenu_MenuBreak {
 border-bottom: transparent 0px solid;
 border-left: transparent 0px solid;
 border-top: transparent 0px solid; 
 border-right: transparent 0px solid;
 background-color: White;
 height: 1px;
}

.MediaMenu_MenuItemSel
{
 font-weight: bold;
 font-size: 8pt;
 cursor: hand;
 color: #333333;
 font-style: normal;
 font-family: Tahoma, Arial, Helvetica;
 background-color: transparent;
}

.MediaMenu_MenuArrow {
 font-family: webdings;
 font-size: 8pt;  
 cursor: hand;  
 border-bottom: transparent 0px solid;
 border-top: transparent 0px solid;
 border-right: transparent 0px solid;
}

.MediaMenu_RootMenuArrow {
 font-family: webdings;
 font-size: 8pt;  
 cursor:

I'm uploading the dotnetnuke.css file.

I'm using a custom skin, but it doesn't have any gallery customizations..

What am I missing?

Best,

Katherine

 

 
New Post
2/16/2007 12:34 PM
 

Katherine, you need to change the gif files in the folder:

yourDNNdirectory/DesktopModules/Gallery/Themes

They are a about 16  total gif files beginning with:

 Album._.gif   

 Picture_..gif

The gallery module is kind of pain to get it to look professional... way too much white space.

 
Previous
 
Next
HomeHomeDNN Open Source...DNN Open Source...Module ForumsModule ForumsGalleryGalleryHow to change the frame color around the picutresHow to change the frame color around the picutres


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out