Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

Affordable ASP.NET Hosting Service
  Need Help?  
Professional technical support for DotNetNuke is available from DotNetNuke Corporation.
 


  Ads  
Aspose - The .NET & Java component publisher
 


  Sponsors  

Meet Our Sponsors

Mad Development is a full service interactive agency focusing on the merge of design, technology, e-commerce, and affiliate marketing by providing total website solutions.
AspDotNetStoreFront - E-Commerce by Design - The Leading ASP.NET shopping cart platform for developers!
Click here to go to dev.live.com for Windows Live developer resources
SteadyRain
DataSprings - Great Ideas. Always Flowing.
R2integrated - formerly bi4ce
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  Grey Background
Previous Previous
 
Next Next
New Post 5/6/2008 6:17 PM
User is offline Thomas Jensen
11 posts
10th Ranked


Grey Background 

I use DNN 04.03.04

I have a problem with with the background color of my site. When I edith text the background color og the text field is grey, which makes it difficult to write. The background color of my skin is grey

Could anyone please explain have I change it? I'm a newbie sorry ;-)

Thomas

 
New Post 5/8/2008 7:45 AM
User is offline keeperofstars
251 posts
9th Ranked


Re: Grey Background 

Go into the text/html module and select show custom editor options. From there select Portal radio button for settings type. Then expand "Editor Area CSS" nd make sure it says STATIC. That could help your issue, by forcing the editor to be static. After you make the change click on the refresh editor button. if your in Internet explore you might have to refresh the whole browser / page.

 

 
New Post 5/8/2008 4:43 PM
User is offline Timo Breumelhof
1548 posts
5th Ranked




Re: Grey Background 

You could also Change your skin.

There will be something like

body{
background-color: grey;
}

in skin.css

Change that to

#body{
background-color: grey;
}


Timo Breumelhof -- www.searchdotnetnuke.com -- Extended DNN (forum) search
 
New Post 5/9/2008 3:22 AM
User is offline Thomas Jensen
11 posts
10th Ranked


Re: Grey Background 

Thanks for the answer, I tried but I can't make it work. I tried to put in # in front of body in the skin.css but it dosen't chang a thing. My skin.css looks like this:

/*========================================================*/
/*         CSS for DotNetNuke Skin - Deja Vu              */
/*                  by Brian Connor                       */
/*               http://bc.digidia.com                    */
/*                connbrian@gmail.com                     */
/*========================================================*/

/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; }
/* Style For HTML BODY                   */ body { margin: 0; background: #7F7F7F; }
/* Setting Text Throughout the skin      */ table, tr, td, p {font-family: tahoma; font-size: 11px; line-height: 1.4em; margin: 0;}

/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/

/*-- outermost table of skin -Standard      --*/ .OuterTable { width: 85%; height: 100%; background: #FFF url('page_bg_l.gif') repeat-y top left; align: center }
/*-- outermost table of skin -Admin         --*/ .OuterTableAdmin { width: 90%; height: 100%; background: #FFF url('page_bg_l.gif') repeat-y top left; align: center }
/*-- cell containing login and register     --*/ .LoginTD {  vertical-align: top; color: #777; padding: 89px 30px 0px 0px; height:120px; text-align:right; }
/*-- cell containing login and register - 2 --*/ .LoginTD2 {  vertical-align: top; color: #777; padding: 2px 30px 0px 0px; text-align:right; }
/*-- cell containing search                 --*/ .SearchTD { text-align:right; vertical-align: top; padding: 90px 30px 0px 0px; height:120px;}
/*-- cell containing menu                   --*/ .MenuTD { width: 199px; vertical-align: top; padding: 4px 0 0 0; }
/*-- cell containing panes                  --*/ .PanesTD { width:100%; vertical-align: top; padding: 4px 14px 0 10px; }
/*-- top header section                     --*/ .TopRow { background:  url('header_bg.jpg') repeat-x top left; height: 83px; padding: 0 }
/*-- topleft header section                 --*/ .TopRowLeft { background:  url('headerlogo.jpg') no-repeat top left; height: 159px; width:100%; padding: 0 }
/*-- topright header section                --*/ .TopRowRight { background:  url('header_bg_r_login.jpg') no-repeat top right; height: 159px; width:100%; padding: 0}
/*-- topright header section                --*/ .TopRowRight2 { background:  url('header_bg_r.jpg') no-repeat top right; height: 159px; width:100%; padding: 0}
/*-- bottom footer section                  --*/ .BottomRow { background:  #EBEBEA url('footer_bg.gif') repeat-x top center; height: 76px; padding: 0}
/*-- bottomleft footer section              --*/ .BottomRowLeft { background:  url('footer_bg_l.gif') no-repeat top left; height: 76px; padding: 0}
/*-- bottomright footer section             --*/ .BottomRowRight { background:  url('footer_bg_r.gif') no-repeat top right; height: 76px; text-align: right; vertical-align: top; padding-left:37px; padding-right:37px; padding-top:35px; padding-bottom:0 }
/*-- middle content section                 --*/ .MiddleRow { background:  url('page_bg_r.gif') repeat-y top right; padding-left:35px; padding-right:10px; padding-top:0; padding-bottom:0 }

/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/

/*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;}
/*-- left content pane             --*/ .PaneLeft { padding: 0 7px 0 7px; width: 33%; }
/*-- content pane                  --*/ .PaneCenter { padding: 0 7px 0 7px; }
/*-- right content pane            --*/ .PaneRight { padding: 0 7px 0 7px; width: 33%; }
/*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; }
/*-- bottom menu content pane      --*/ .PaneMenuBottom { width: 100%; padding: 5px 5px 0 5px; }

/*========================================================*/
/*  4. Tokens                                             */
/*========================================================*/

/*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #777; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; }
/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #444; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- date token idle                   --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #777; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- date token hover                  --*/ a.DATE_object:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- terms privacy and copyright       --*/ .FOOTER_objects { color:#777; font-size: 11px; }
/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#777; font-weight:bold; text-decoration:none; }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#444; font-weight:bold; text-decoration:none;  }

/*========================================================*/
/*  5. Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #444; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #444; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; padding: 0; }
/*-- headings - mostly in admin        --*/ .Head { font-size: 11px; color: #555; background: transparent; font-weight: bold; padding: 0;}

/*========================================================*/
/*  6. Links                                          */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; }
/*-- default links hover               --*/ a:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: underline; }
/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px;    text-decoration: none; }
/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A; border: 1px solid #ABABAB; background: #EFEFEF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- admin button-link style hover     --*/ a.CommandButton:hover                                                 { color: #6A6A6A; border: 1px solid #868686; background: #DFDFDF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- search button in search form      --*/ .SearchButton { background: transparent; padding: 13px 21px 4px 13px; cursor: hand; font-size:1px; margin: 0 0 0 0px;}

/*========================================================*/
/*  7. forms                                              */
/*========================================================*/

/*-- default form elements      --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; }
/*-- textbox                    --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }
/*-- textbox container          --*/ td.NormalTextBox { padding: 0; margin: 0; background: ; visibility: invisible; border: 0px none; }
/*-- textbox used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 152px; color: #666; padding: 4px 0px 0px 10px; border: 0px solid #FFFFFF; cursor:text;}
/*========================================================*/
/*  8. Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu  --*/ .MainMenu_MenuContainer { background-color: transparent;  width: 191px; }
/*-- bar that holds the menu  --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: #fff;  width: 199px; }
/*-- submenu container        --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 0 0 0 1px; background: #f3f3f3; padding: 0px; border: 1px solid #999; font-weight: normal; filter: none; }
/*-- submenu items idle       --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma;  color: #6A6A6A; font-size: 11px; background: #f3f3f3; font-weight: bold; font-style: normal; height: 20px; border: 0px none;; padding-left:16px; padding-right:30px; padding-top:0px; padding-bottom:0px }
/*-- submenu items hover      --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #4F4F4F; background: #DCDCDC; height: 20px; border: 0px none;; padding-left:16px; padding-right:30px; padding-top:0px; padding-bottom:0px}
/*-- menuitems idle           --*/ .MainMenu_Idle {color: #666; background:  url('nav_idle.gif') no-repeat; padding: 0; height: 22px; font-weight: bold}
/*-- menuitems over           --*/ .MainMenu_Selected { color: #666; background:  url('nav_over.gif') no-repeat; padding: 0; height: 22px; font-weight: bold}
/*-- menuitems active         --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {color: #666; background:  url('nav_active.gif') no-repeat; padding: 0; height: 22px; font-weight: bold}
/*-- not needed - main menu   --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
/*-- module menu continer     --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
/*-- module menu bar          --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
/*-- module menu padding      --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
/*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator, .MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }

/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/

 
New Post 5/9/2008 6:48 AM
User is offline Timo Breumelhof
1548 posts
5th Ranked




Re: Grey Background 

Change

body { margin: 0; background: #7F7F7F; }

to:

#body { margin: 0; background: #7F7F7F; }

that should do it...


Timo Breumelhof -- www.searchdotnetnuke.com -- Extended DNN (forum) search
 
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  Grey Background
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

 


Glanton: Enterprise Intranet Specialists Using DNN
Glanton Solutions are a premier provider of sevices for large corporates lloking to outsource Intranet sites.
www.glanton.com
Jetkey Smart Map
Smart Map is an AJAX powered Google Map module that displays driving directions, proximity search results and data from your own databases. Smart Map reads GPX (GPS data) files, GeoRSS feeds, and KML data. You can pass any querystring parameter to Smart Map and into your own custom queries to control what data displays on the map.
smartmap.jetkey.com
DNNSpired.com
Inspired to extend DotNetNuke®, everyday.
www.DNNSpired.com

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP