SiteWeaver内容管理系统:动易系统中存在但风格中未定义的CSS

来自站长百科
跳转至: 导航、​ 搜索

导航: 上一页 | 首页 | DedeCMS | 帝国CMS | Drupal | PHPCMS | PHP168 | Xoops | Joomla | SupeSite

在设计深底色(如黑色风格)网站的页面模板样式时,对一些位置需要改变颜色和式样时,尤其是有链接的文字需要作单独的定义。而系统提供的默认风格里没有写入这个风格,动易系统的模板功能在开发中考虑到不同风格的模板设计需求,已经给需要个性的位置预留了css定义,尤其对一些有链接的文字提供了固定的定义。CSS可应用Anchor(锚,即超级链接标记)中最根本的功能“超链接”来实现此需要。跟其它的tag一样,Anchor的定义方法是:A: {css标记} 它特殊之处在于,它有各种相关的属性,比如link(有链接),visited(浏览过),hover(鼠标在其上),active(激活)。可以根据不同需要而做出专门的定义以根据用户不同的动作做出反应,从而形成比较好的效果。

您也可以通过依次点击IE菜单中“查看”菜单->“源文件”的方法,查看这些预留css的定义名。请注意,这些链接样式定义名不能更改,其运用方式为:

如果您查看源文件时看到如:“<a class='LinkPath' ***>***</a>”,其中“LinkPath”在后台风格中并没有定义过,则“LinkPath”css定义为动易系统预留的 css定义,即系统在“您现在的位置”这个网站导航中内置了“LinkPath”css定义。如果要在深色模板样式设计中将其改成白色的链接,则可以在后台风格定义中添加如下“a.”有链接文字样式的定义:

对动易系统预留css定义的运用方示例:

/*您的位置链接<a class=’LinkPath’ ***>***</a> */
a.LinkPath:link {color: #ffffff; text-decoration: underline;}
a.LinkPath:visited {color: #ffffff;  text-decoration: underline;}
a.LinkPath:hover{COLOR: #ff6600;text-decoration: underline;}
a.LinkPath:active {color: #ffffff; text-decoration: underline;}

当然,对于一些系统并示预留的且需要设置个性化定义的有链接的文字的css定义,即使系统未预先定义,您也可以通过div的方式单独对这些有链接的文字进行控制。

/*  LinkPath “您的位置”有链接文字的样式定义   */
a.LinkPath:link {color: #ffffff;}
a.LinkPath:visited {color: #ffffff;}
a.LinkPath:hover{color: #ff6600;}
a.LinkPath:active {color: #ffffff;}
/*  AnnounceBody2 “公告”有链接文字的样式定义 */
a.AnnounceBody2:link {color: #ffffff;}
a.AnnounceBody2:visited {color: #ffffff;}
a.AnnounceBody2:hover{color: #ff6600;}
a.AnnounceBody2:active {color: #ffffff;}  
/*   channel_keylink “站内链接”有链接文字的样式定义,用于文章内容中显示的站内链接文字 */
a.channel_keylink:link {color: #ffffff;}
a.channel_keylink:visited {color: #ffffff;}
a.channel_keylink:hover{color: #ff6600;}
a.channel_keylink:active {color: #ffffff;}  
/*  LinkTopUser “用户排行”有链接文字的样式定义 */
a.LinkTopUser:link {color: #ffffff;}
a.LinkTopUser:visited {color: #ffffff;}
a.LinkTopUser:hover{color: #ff6600;}
a.LinkTopUser:active {color: #ffffff;}  
/*  LinkspaceList “聚合空间”有链接文字的样式定义 */
a.LinkspaceList:link {color: #ffffff;}
a.LinkspaceList:visited {color: #ffffff;}
a.LinkspaceList:hover{color: #ff6600;}
a.LinkspaceList:active {color: #ffffff;}  
/*   分隔线的样式定义 */
hr {color: #98664B; height: 1; }
/*  ChildClass “显示当前栏目的子栏目列表”有链接文字的样式定义 */
a.childclass:link {color: #ffffff;}
a.childclass:visited {color: #ffffff;}
a.childclass:hover{color: #ff6600;}
a.childclass:active {color: #ffffff;}