站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
SiteFactoryCMS:会员中心模板说明
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
__NOTOC__ <span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[SiteFactoryCMS:动易模板体系揭秘|上一页]] | {{Template:PowerEasy导航}}</span> <div style="clear:both;"></div> <p style="text-indent:2em;">会员中心为[[网站]]注册会员并在网站中发表信息、查阅订单、站内短信等互动管理的后台。管理员可以在管理后台设置不同的会员组及其相关权限,不同会员组中的会员只能看到相关指定的功能和使用指定的权限。针对先前版本会员中心样式更改麻烦的问题,新版对前台会员中心进行了较大的改动,采用了系统的模板技术。会员中心的模板技术与前台其它页面是一样的,增加了类似标签形式的可在模板里调用页面的控件,来自定义页面布局,用户通过自行修改其模板和样式,制作具有个性化的会员中心。</p> <p style="text-indent:2em;">先一起了解一下会员中心所涉及相关模板文件的位置:</p> <h5>1. \Template\雅蓝模板方案\用户中心模板\</h5> <p style="text-indent:2em;">在用户中心模板目录中,主要存放了相关用户的一些模板文件,包括会员中心、用户登录和用户注册版式模板文件。</p> <p style="text-indent:2em;">默认会员中心通用模板.[[html]]:会员中心版式模板文件,</p> <p style="text-indent:2em;">默认用户登录页模板.html:用户登录页模板,其CSS风格样式文件为User/Common/User_Login.css。</p> <p style="text-indent:2em;">默认用户注册页模板.html:前台用户注册时所使用的模板。</p> <h5>2. \Skin\Default\</h5> <p style="text-indent:2em;">在Default 目录中的user.css文件,主要是会员中心模板所用的风格样式文件(也包含了少量用户注册页CSS定义),以控制会员中心版式模板最终显示样式和风格样式。</p> <h5>3. \App_Themes\UserDefaultTheme\</h5> <p style="text-indent:2em;">在UserDefaultTheme 中,包含了Default.skin、Default.css和xtree.css文件,以控制{PE.Control. form1 /}中的显示样式。</p> <h5>4. \User</h5> <p style="text-indent:2em;">存放网站用户模块相关动态文件和图片,可以进一步修改一些具体的显示样式。各目录含义如下:</p> <pre style="width:588px; border:1px solid #000; background:white;"> Accessories 一些如上传文件的附加功能目录 Common 通用文件存放目录 Commpany 注册企业信息目录 Contents 信息管理目录 Images 图片目录 Info 会员基本信息目录 Message 会员短消息目录 Shop 会员商店信息目录 UserFirend 会员好友目录 </pre> <h5>5. \Controls\UserNavigation.ascx</h5> <p style="text-indent:2em;">定义会员中心顶部{PE.Control.UserCenterNavigation /}标签所显示会员中心管理导航菜内容及样式。</p> <p style="text-indent:2em;">如果要完全修改会员中心的布局与样式,则需要修改到上述相关文件。下面介绍会员中心“默认会员中心通用模板.html”模板的样式设计及其修改方法。</p> <h4>会员中心模板结构说明</h4> <p style="text-indent:2em;">以记事本打开“默认会员中心通用模板.html”文件,除去顶部样式定义与JS定义代码外,可以看到<nowiki><body>~</body></nowiki> 范围内的代码为:</p> <pre style="width:688px; border:1px solid #000; background:white;"> <body> {PE.Label id="网站顶部" /} <div id="center_all"> <div id="main_bg"> <div id="main_right"> <div id="main_right_box"> <div class="r_navigation"> <div class="r_n_pic"> </div> 您现在的位置:{PE.Control.YourPosition/} </div> <div class="u_form1"> {PE.Control.form1/} </div> </div> </div> {PE.Control.UserCenterNavigation/} <div class="clearbox"></div> </div> </div> {PE.Label id="会员中心底部信息" /} </body> </pre> <p style="text-indent:2em;">可以看到整个模板设计成了上下布局的格式。除了网站统一的CSS定义(即\Skin\Default\ default.css中的定义,如#center_all、.c_main_box、.c_spacing、.r_navigation、. r_n_pic等样式)外,其他的样式分别由user.css中的定义进行控制。</p> <div style="width:790px; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;"> [[{{ns:image}}:sf593_1.jpg]]</div> <div style="width:790px; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;"> [[{{ns:image}}:sf593.jpg]]</div> <p style="text-indent:2em;">在模板中,{PE.Label id="网站顶部" /}、{PE.Control.UserCenterNavigation /}、{PE.Control.YourPosition /}、 {PE.Control.form1 /}和{PE.Label id="会员中心底部信息" /}构成了会员中心整体布局,分别显示网站顶部、管理导航菜单、您现在的位置、中部主要内容和网站底部样式五块布局信息:</p> <p style="text-indent:2em;">1.{PE.Label id="网站顶部" /}和{PE.Label id="会员中心底部信息" /}标签是网站通用的自定义标签,进入网站后台依次点击顶部“系统设置”->“模板标签管理”->“标签管理”中修改相应标签(或在 “\Template\雅蓝模板方案\标签库”中修改“网站顶部.config”和“网站底部.config”)即可。</p> <p style="text-indent:2em;">2.{PE.Control.UserCenterNavigation /}标签显示会员中心管理导航菜单,对应解析的是\Controls\UserNavigation.ascx文件。用记事本打开 UserNavigation.ascx文件,可以看到文件中包含滑动 JS定义、控制菜单和快捷导航三个组成部分,您可以根据需要修改内容及相关结构定义(如<nowiki><div class="c_title"></nowiki>等内容)。其CSS样式由\Skin\Default\user.css中的定义控制。</p> <p style="text-indent:2em;">3.{PE.Control.YourPosition /}标签显示您现在的位置中当前具体的位置信息,对应每个页面中的<pe:ExtendedSiteMapPath ID="YourPosition" SiteMapProvider="UserMapProvider" runat="server"/>控件,其最终显示的信息在\User\Common\User.sitemap中进行配置。</p> <p style="text-indent:2em;">4.{PE.Control.form1 /}标签调用页面中的表单(即调用User目录中相关文件中的Form控件表单)。需要注意的是,为了让页面由服务器控件自动应用 UserDefaultTheme中的样式,而不用手动去为每一个页面和控件指定样式,{PE.Control.form1 /}中的样式是在\App_Themes\UserDefaultTheme\中进行控制,而不是在 \Skin\Default\user.css中。</p> <div style="width:790px; border:1px solid #000;"> [[{{ns:image}}:sf594.jpg]]</div> <p style="text-indent:2em;">温馨提示:所有{PE.Control.*** /}标签都可以在页面中找到他的定义,以方便根据实际需要进行更改。</p> <p style="text-indent:2em;">温馨提示:会员注册协议可以到/User/Protocol.txt文件中修改。</p> <p style="text-indent:2em;">通过以上的简单介绍,可以看出系统在“默认会员中心通用模板.html”模板中尽量将相关内容定义成标签,在不需要作大布局的变动时,只需要修改“默认会员中心通用模板.html”中的布局与“user.css” 中的CSS,就可以快速更改会员中心的样式。以会员中心模板技术中应用了系统标签解析方式,利用通用模板的方法极大地提高了模板制作速度。本书所附光盘中提供了相关模板结构示意原图以供参考。</p> [[category:SiteFactoryCMS模板管理]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)
本页使用的模板:
模板:PowerEasy导航
(
查看源代码
)(受保护)