创建一个CSS文件

  • 平台
  • Evoq内容
  • Evoq参与
一个CSS文件可以被关联到一个布局模板或容器用相同的文件名和把它放在同一个文件夹中。当一个布局模板(或容器)应用于网页(或窗格),自动应用相关的CSS文件。例子:这些自动相互关联的三个文件:
  • MyLayout.ascx
  • MyLayout.css
  • MyLayout.doctype.xml
CSS文件应用层级。如果为一个元素定义样式与平等的特异性多个CSS文件,最后一个CSS提到相同的元素覆盖之前加载CSS文件的样式定义。默认情况下,加载CSS文件在这个顺序:
  1. default .(~ /门户/ _default / default)——的默认CSS网站。
  2. module.css(~ / DesktopModules / mymodulename / module.css)- CSS为每个模块类型出现在页面上。
  3. 每次(~ /门户/ PortalID /皮/ SkinPackageName /每次)- - -主主题必须被称为CSS每次。
  4. MyThemeTemplate.css(~ /门户/ _default /皮/ SkinPackageName / MyThemeTemplate.css)——CSS为一个特定的布局模板。
  5. container.css(~ /门户/ PortalID /集装箱/ ContainerPackageName / container.css)- - -主CSS所有容器的主题。
  6. portal.css(~ /门户/ PortalID / portal.css)- CSS,可以覆盖安装的主题元素。网站管理员可以使用这个覆盖任何风格的主题或容器。
注意:这些样式表并不是必需的。你也可以储存你所有的风格在一个主主题样式表(每次)。但是,如果你把你的容器风格和主题风格在一个CSS文件,然后使用的容器将正确显示只有当你的主题。

步骤

  1. 为你的主题创建主样式表(每次)。
    包括:
    • 常见的风格布局模板在你的主题。
    • 风格主题对象用你所有的布局模板。
  2. (可选)的每个布局模板创建一个单独的样式表主题(MyThemeLayout.css)。
    包括:
    • 风格的布局模板。
    • 风格为主题对象使用只在一个特定的布局模板。
  3. (推荐)为所有容器创建主样式表在你的主题(container.css)。
    包括:
    • 所有容器的共同风格在你的主题。
    • 风格主题对象在你所有的容器使用。
  4. (可选的)创建一个单独的样式表为每个容器类型(MyThemeLayout.css)在你的主题。
    包括:
    • 风格的一个容器。
    • 风格为主题对象只在一个特定的容器使用。

例子

布局模板

< div id = " login_style " class = "用户" > <对象id =“dnnLOGIN”代码=“登录”codetype = " dotnetnuke /服务器" > < param name = " CssClass " value = "用户" / > < /对象> < / div >

CSS

# login_style .linkseparator{颜色:白色;粗细:大胆的;}