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  |  

telerik -- supercharge your DNN websites
  Need Help?  
Professional technical support for DotNetNuke is available from DotNetNuke Corporation.
 


  Ads  
The best choice for your web site host, email hosting, and domain registration.
 


  Sponsors  

Meet Our Sponsors

SteadyRain
DataSprings - Great Ideas. Always Flowing.
R2integrated - formerly bi4ce
Jango Studios - Skins, Modules and Hosting for DotNetNuke
eUKhost.com is commited to offer exceptional UK Windows Web Hosting solutions with quality 24x7 technical support.Our plans support ASP.Net, ASP, ASP.NET Ajax extensions, XML, MSSQL, MySQL, PHP,DNN, multiple domains and Shared SSL as standard.
SmarterTools
 


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.

 


Bring2mind
Document Centric DNN Module Solutions
www.bring2mind.net
WEBPC™ DotNetNuke® sites for Small Business
WEBPC™ are internet consultants and web hosters catering to the small business market.
www.webpc.biz
Perpetual Motion Interactive Systems Inc.
A solutions company specializing in Microsoft enterprise technologies.
www.perpetualmotion.ca

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