jimdo技巧:网站底部(footer)“网站地图、登陆”等部分的修饰

        很久没在jimdo研究新东西了,今天有点时间,着重弄里下jimdo网站下面的“版权文本”(即“footer”)部分。

       左图是一张现在我的网站底部的截图。

       从截图可以看出我对jimdo网站底部“版权文字”即“footer”部分的改变吧,我把除了“登陆”功能框留下之外,其他全部隐藏,并且将“登陆”字样放到网站底部右下方,这样既看着比较简洁,而且还不影响网站正常登陆编辑功能。下面就介绍下怎么办到的,有兴趣的可以看下:

       其实“footer”部分包括两个部分:

1、关于本站、打印版本、网站地图、通知好友(可以通过设置取消和启用)属于“footer”的左半部分;

2、登陆、编辑、退出登陆等功能属于“footer”的右半部分;

        这样我所做的就是把“footer”的左半部分隐藏罢了,代码如下:

HTML部分:

                            <td width="150" align="right">
                                <div id="footer">
                                    <div class="gutter">
                                        <var>footer</var>
                                    </div>
                                </div>
                            </td>

css部分:

#footer .gutter
{
       background:#ffffff;
       padding:5px;
       margin: 0px auto;
}
.leftrow
{
display:none;
}

        其中“.leftrow”就是指“footer”的左半部分,隐藏它!之后用HTML代码将它剩下的部分定位,想把它放在哪里都可以。我就是用“<td width="150" align="right">”将它放在了网站右下方。感兴趣的可以玩玩。

Write a comment

Comments: 28
  • #1

    网型网秀 (Saturday, 19 June 2010 23:18)

    利用这个方法可以隐藏所有不想要的东西,完全可以把网站重新构造

  • #2

    独星 (Sunday, 20 June 2010 14:37)

    怎样加底部的背景图片?我改了之后没了背景,杯具……

  • #3

    诸葛草帽 (Sunday, 20 June 2010 16:26)

    回复网型网秀:呵呵,是啊,我正在弄,现在着重简化网站代码,加快网页加载打开速度!

  • #4

    诸葛草帽 (Sunday, 20 June 2010 16:27)

    回复独星:我去你的网站看了,很漂亮,没看出有什么问题啊,请把问题再说清楚点

  • #5

    独星 (Friday, 25 June 2010 18:17)

    回复诸葛草帽:呵呵,自己滴幻想成为实现,我通过自己滴幻想换为实际,所以你看不到

  • #6

    网上邻居 (Sunday, 27 June 2010 17:36)

    晕,原来诸葛草帽已经写了类似的东西了...

  • #7

    诸葛草帽 (Tuesday, 29 June 2010 23:18)

    回复网上邻居:呵呵,看来咱们想到一块去了!

  • #8

    独星 (Sunday, 11 July 2010 13:59)

    帮我看一下我的底部,我不想要那些空白区,怎么弄(应该不是图片的问题吧?)

  • #9

    诸葛草帽 (Sunday, 11 July 2010 17:04)

    回复独星:我去你的网站看了一下,据我了解,你的网站有一部分代码是这样的“<table>
    <tbody>
    <tr>
    <td width="960" height="355" valign="top">......”,规定了宽度是960,长度是355,所以底部会有很大一部分空白页面,修改下吧。

  • #10

    独星 (Sunday, 11 July 2010 22:40)

    回诸葛草帽:啊哈!搞定了!谢谢LZ!

  • #11

    诸葛草帽 (Sunday, 11 July 2010 22:43)

    回复独星:呵呵,弄好就好,不用客气

  • #12

    快购123 (Tuesday, 12 October 2010 17:25)

    不行哦,保存不了的?出现这样提示:我们在您的HTML代码中找到{countAnzahl 错误/警告!

    line 247 column 17 - Warning: <div> anchor "footer" already defined

    关闭 !!!!!

  • #13

    诸葛草帽 (Tuesday, 12 October 2010 17:50)

    回复快购:出现这个错误提示是因为你的网站代码中已经有了:<div id="footer">,我这篇文章的意思是按我的格式修改含有<div id="footer">这部分代码,不是再添加文章中的那些代码,祝你成功!

  • #14

    快购123 (Wednesday, 13 October 2010 13:05)

    我昨晚已经弄好了!谢谢!我现在还在脑着我那网站的版头在IE6里显示正常,在IE8 里显示的就变了样了,还在找着方法怎么调试呢!

  • #15

    诸葛草帽 (Wednesday, 13 October 2010 15:25)

    回复快购123:呵呵,弄好就好,ie6和ie8等不同浏览器对代码的解释、执行标准稍有不同,导致可能出现兼容问题,慢慢肯定会调试好的

  • #16

    北京天狮配送网 (Saturday, 19 February 2011 09:02)

    哥哥帮忙~
    我的网站底部想做成像www。tiensr。com网站底部类似的。
    怎么做呢?
    谢谢指点一二。

  • #17

    北京天狮配送网 (Saturday, 19 February 2011 09:40)

    我的网站底部宽度也有限制,我想让它和页面一样宽,怎么更改呢?
    帮忙啊~~

  • #18

    诸葛草帽 (Saturday, 19 February 2011 19:41)

    回复北京天狮配送网:贵站既然已经使用自定义模板了,就不要再执着的修改footer部分了,系统自带的footer部分受到颇多限制,不如像我这样再在底部添加一个新的模块,想怎么自定义就怎么自定义,如果你真想修改这个部分的话,请再给我留言,我可以告诉你各个部分的代码和修改方法

  • #19

    北京天狮配送网 (Monday, 21 February 2011 19:04)

    谢谢!
    如何在底部在加一个模块呢?

  • #20

    北京天狮配送网 (Monday, 21 February 2011 19:18)

    或者是加一个整个页面宽度的一个模块!

  • #21

    诸葛草帽 (Tuesday, 22 February 2011 12:51)

    回复北京天狮配送网:这个比较简单,方法也比较多,我一般是在最下面添加一个模块:
    <div id="bottom">
    </div>
    在里面写上内容,之后再在css里规定其宽度、高度、背景等等
    如:
    #bottom
    {
    width:960px;heght:60px;background:#ffffff;
    }

  • #22

    北京天狮配送网 (Thursday, 24 February 2011 18:05)

    忽忽~
    不太会搞!
    两次都不成功呢!
    你能加我Q不呢?
    407867571谢谢!

  • #23

    北京天狮配送网 (Thursday, 24 February 2011 18:06)

    我晚上都会在线!
    我想到时请教你一下下!
    我比较菜~
    感谢哈~

  • #24

    北京天狮配送网 (Saturday, 26 February 2011 13:16)

    GG你加我没呢·
    你网名是什么啊?
    我不知道哪个是你
    我搞不明白那个代码

  • #25

    诸葛草帽 (Sunday, 27 February 2011 16:34)

    回复北京天狮配送网:不好意思,我最近比较忙,不方便上网,没有加你好友,我返回学校之后会加你的!

  • #26

    北京天狮配送网 (Sunday, 27 February 2011 19:53)

    OK
    谢谢哈~
    期待中……

  • #27

    izixuechengcai (Monday, 17 October 2011 11:07)

    请问 怎样隐藏我网站右边的jimdo广告和footer,另外怎样设计和添加footer图片?

  • #28

    诸葛草帽 (Monday, 17 October 2011 11:45)

    @izixuechengcai:隐藏footer方法可以用#footer{display:none;}这段代码实现,右侧的jimdo广告是不允许使用代码隐藏的,请慎重考虑!添加footer图片可以用{background:图片链接地址;}这种代码实现