• 相关软件
    >修改依模板建立的新社区 创建者:webmaster 更新时间:2007-07-02 12:06


    虽然新社区已经有了,但它的很多内容仍是原来模版的内容,还有几处有待改善。


    需要修改的内容包括:登录页位置、登录链接、主页的页头页脚、登录后首页的页面样式及页头页脚。修改的过程基本就是代码替换。


    修改的场所如下:


    ²        登录页位置在“个人登录”和“企业登录”这两个登录页上修改;


    ²        登录链接在主页的“用户登录”段落上修改;


    ²        主页的页头页脚分别在主页的“页头”段落和“页脚”段落中修改。


    ²        登录后首页的页面样式、页头页脚,在主页的“编辑社区”中修改。分别对应CSSJSP之前、JSP之后这三处来做修改。


    下面将按照需要修改的地方,依次详细说明。


    1.1      修改前的注意事项


    本修改的难点在于修改以前,要先把需要替换的页头和页脚代码写好,而且新的页头和页脚宽高比例等可能与模板不相同,替换之后,还要做适当调整。


    在复制过程中,经常需要同时打开多个模板页和新社区的窗口,注意不要搞混。


    由于模板的样式、代码等是可以被更改的,有时候可能会搞反,错把新社区的样式和代码复制给了模板,从而改变了模板的样式和代码。为了防止这一错误发生,在使用模板以前最好把模板也复制一份。


    1.2      修改个人和企业登录页位置


    新社区创建完毕,就要修改登录页的位置。将登录页的位置改为“怡康科技”。


    登录网站,可以在页面下方见到一群按钮,点其中的“管理社区”按钮。进入“组织的社区”页面。


    点击“yikang”字母链接,进入刚创建好的“怡康科技”社区。如下图,可以看到,标题已经变成“怡康科技”,但页面仍没有改变,这个不急,在后面都会慢慢修改。




    点击页面下方的“子节点”按钮。进入子节点页面。




    先修改“企业年金登录”的位置。


    把鼠标放在“企业年金登录”上,可以看到状态栏出现一行字母,其中包含了“企业年金登录”的节点号为“Node=44346”,如红色方框内所示。把这个节点号“44346”记下来,在3.3修改登录链接的时候有用。




    鼠标点击进入“企业年金登录”页面。点页面下方的“编辑模式”按钮,进入编辑状态。


    然后再点红色方框内的“编辑”按钮:




    进入“段落”页面。勾选“不使用多媒体编辑器”。“内容”中出现了代码。


    从“内容”中可以找到这样一串代码:


    <input type=hidden name=community value="yyth-1" >


    value=" yyth-1"改成value="yikang"因此前面新建社区的英文名称是yikang。点“提交”。




    下面来修改“个人用户登录”页面的位置。


    重新进入主页的“子节点”,进入“子节点”页面,以同样方式记下“个人用户登录”的节点号“44347”,再进入“段落”页面,修改“个人用户登录”的位置。




    登录的位置就修改好了,以后再登录就可以进入“怡康科技”了。


    1.3      修改个人和企业登录链接地址


    新社区的登陆链接地址要做改动。如果不做改动,“登录”按钮所指向的仍是“云天”模板所指向的页面。我们在3.2节中记录的两个节点号在这里就要派上用场了。


    打开怡康科技的主页,点击下面的“编辑模式“按钮,进入编辑状态。点用户登录段落下面的“编辑”按钮:




    进入“段落”编辑页面,修改节点号。找到“内容”里面的如下代码:


    window.open('/servlet/Node?Node=44290'); (此行对应“个人用户登录”节点号)


    else


    window.open('/servlet/Node?Node=44289'); (此行对应“企业年金登录”节点号)


    这两个节点号在3.2已经有过记录。如下面红色文字和方框提示的改动。这样,链接地址就改变了。




    1.4      上传图片的方法


    新社区的很多图片需要改为怡康科技的图片。这一节实现怡康科技图片的上传。通过段落的“编辑”都可以上传图片。


    进入编辑模式,我们可以看到很多编辑按钮,点击进入任何一个编辑,都有下面所介绍的上传图片的功能。


    比方我们需要上传一张怡康科技LOGO图片。


    打开怡康科技的主页,点击下面的“编辑模式”按钮,进入编辑状态。这里选择从页头的编辑上传图片。点击页头的“编辑”按钮:




    进入编辑页面。点 “图片浏览”,进入“创建图片”页面。点“浏览”,把需要上传的图片浏览进去。然后 “提交”。




    提交成功后出现下面的页面。




    这个路径就是刚刚上传的图片路径。用记事本记录下这个路径,以备用。这样一张图片就上传成功了。


    如果图片不合适需要改动,那么就从图片的“属性”中找到图片的文件名。重新进入“创建图片”,将文件名填到 “文件名”中,再浏览新的图片,提交,服务器上的图片就被替换了。



     


    1.5      修改社区主页的页头和页脚


    首先来修改页头。


    打开怡康科技新社区的主页,点“编辑模式”,进入编辑状态。点页头所在段落的“编辑”按钮,编辑页头段落:




    进入到页头段落的编辑页面,页头的所有信息都在这里编辑。


    将事先写好的“怡康科技”页头代码替换“内容”中的代码,就可以生成新的页头。




    再来修改页脚。


    仍然点“编辑模式”按钮,进入编辑状态。点击页脚所在段落的“编辑”按钮:




    可以进入到页脚段落的编辑页面,与页头一样,所有页脚信息都在这里编辑。将“怡康科技“页脚的代码替换“内容”文本域中的代码,就可以生成新的页脚了。


    修改后效果图如下:






    1.6      修改“登录后首页”的页面样式


    打开怡康科技新社区的主页,点“编辑社区”,进入编辑社区页面。


    由于在复制社区的时候,CSS样式并没有复制过来,因此需要手动把云天的CSS样式复制到怡康科技的“CSS”样式中。


    打开“云天”模板主页,点“编辑社区”,进入“编辑社区”页面。将 CSS”的内容复制到“怡康科技”对应的“CSS”中。




    1.7      改“登录后首页”的页头和页脚


    打开新社区怡康科技的主页,点“编辑社区”,进入编辑社区页面。


    在“JSP之前”填上事先设计好的怡康科技页头代码,替换模板的页头;在“JSP之后”填上事先设计好的怡康科技页脚代码,替换模板的页脚。修改的过程与社区主页页头页脚修改的过程类似。


    下面提供一个比较简单的修改方法,修改页头页脚的一部分。适用于不想将页头全部替换的用户使用。


    首先修改页头。


    先从“JSP之前”文本域中找到这样一串代码:


    <a href="###"><img src="/res/yyth-1/u/0706/070661318.jpg "></a>


    这就是“云天”的LOGO地址,将该地址替换为新LOGO的路径(参考3.4上传图片),注意LOGO的尺寸要和被替换的LOGO尺寸尽量相似:


    <a href="###"><img src=" /res/yyth-1/u/0706/070661318.jpg "></a>


    如图:




    怡康科技“JSP之后”的“版权信息”需要做些修改,换成怡康科技的版权信息。替换之后“提交”。如下面方框所示:




    这样,用户登录页的页头和页脚就修改完了,效果如图:

    相关文章
    本页查看次数: