Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

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
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Skin.CSS File For Review. Size/Resolution ProblemSkin.CSS File For Review. Size/Resolution Problem
Previous
 
Next
New Post
9/6/2006 7:00 AM
 
Cory

Joined: 7/24/2006
Posts: 30

Here is my current Skin.css file. I am haveing trouble with the resolution for the site. I'm trying to get it to look good at 1024x768 size. As of now, it's too large, magnified. I would like it centered, small, so you can see the outside border when using this resolution. I have changed the pagemaster settings however it won't work right. Please help!!!

www.God'smiraclemission.com

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

.pagemaster {
 width: 50%;
 height: 50%; 
 }
.skinmaster {
 height: 100%;
 background-color: #f3f5fa;
 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(gradient_DkBlue.jpg);
 height:32px;
}
.controlpanel {
 width: 100%;
 background-color: #dfe5f2;
}
.toppane {
 width: 100%;
 background-color: transparent;
 padding-left: 6px;
 padding-right: 4px;
 padding-top: 6px;
}
.leftpane {
 width: 200px;
 background-color: transparent;
 padding-left: 8px;
 padding-right: 3px;
 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;
}
.MainMenu_MenuContainer {
 background-color: transparent;
}
.MainMenu_MenuBar {
 cursor: pointer;
 cursor: hand;
 height:16px;
 background-color: Transparent;
}
.MainMenu_MenuItem {
 border-left: #cad5ea 0px solid;
 border-bottom: #cad5ea 1px solid;
 border-top: #cad5ea 1px solid;
 border-right: #cad5ea 0px solid;
 cursor: pointer;
 cursor: hand;
 color: #000000;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 background-color: Transparent;
 font-family: Tahoma, Arial, Helvetica;
}
.MainMenu_MenuIcon {
 background-color: #cad5ea;
 border-left: #cad5ea 1px solid;
 border-bottom: #cad5ea 1px solid;
 border-top: #cad5ea 1px solid;
 cursor: pointer;
 cursor: hand;
 text-align: center;
 width: 15px;
 height: 21px;
}
.MainMenu_SubMenu {
 background-color: #cad5ea; 
 z-index: 1000;
 cursor: pointer;
 cursor: hand;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
}
.MainMenu_MenuBreak {
 height: 1px;
}
.MainMenu_MenuItemSel {
 background-color: #8da4d3;
 cursor: pointer;
 cursor: hand;
 color: black;
 font-family: Tahoma, Arial, Helvetica;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 height: 21px;
}
.MainMenu_MenuArrow {
 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;
}
.MainMenu_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;
}
 
New Post
9/6/2006 5:35 PM
 
Timo Breumelhof


Timo Breumelhof's Avatar

www.40fingers.net
Joined: 2/9/2006
Posts: 4430
.skinmaster {
    width:250px;}

is the solution
 
New Post
9/7/2006 6:40 AM
 
Cory

Joined: 7/24/2006
Posts: 30

Thanks Timo for the reply. I did make this change, however it's still the same at the resolution I mentioned above. Here is a copy of what the skin.css file now looks like. I even ran this number down to 100px but it didn't help. It does shrink it verticly, but not the width. I need it to be alot smaller at the 1024x768 res.

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

.pagemaster {
 width: 100%;
 height: 100%; 
 }
.skinmaster {
 width:250px
        height: 100%;
 background-color: #f3f5fa;
 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;

 
New Post
9/7/2006 1:06 PM
 
Timo Breumelhof


Timo Breumelhof's Avatar

www.40fingers.net
Joined: 2/9/2006
Posts: 4430
Hi.
Sorry for my short post, I was in a hurry.
I tested this on a standard horizonal blue skin, and it worked.
(by the way, the link you provided is not correct, guess it should be http://www.godsmiraclemission.com)

I checked your css files.
Some width values are not correct (px is missing), but this is not the problem...
I think the problem is the big image on top (it's 1022px wide), if you make it less wide it should work...

And I would like to advice you to reduce the background image (the blue one) to a small strip and set
background-repeat for this image in you skin.css
Now it is really big (888kB) this will make the site quite slow (especially for the (few) people that are still using a dial-up connection)
 
New Post
9/7/2006 3:04 PM
 
Cory

Joined: 7/24/2006
Posts: 30
Thanks Timo. It worked!!! I reduced it from 1021x90 to 800x70. You mentioned about haveing a a strip as the background, and setting the css to repeat. Where and how would I tell it to do this? Also, it's scrolling verticly just a little. Any ideas?
 
 Page 1 of 2
12Next 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Skin.CSS File For Review. Size/Resolution ProblemSkin.CSS File For Review. Size/Resolution Problem


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