介绍一种完美修改Jimdo网站页脚部分的方法

      关于Jimdo网站的页脚部分,网上邻居曾经写过一些不成熟的文章,如《Jimdo自定义模板版权、统计部分的自定义方法》、《Jimdo网站底部页脚部分的隐藏与处理方法》及《Jimdo网站页脚部分字体在火狐(Firefox)浏览器下难看的处理方法》等,现在看来,它们都有一定的局限和缺陷。因此,本文再介绍一种完美修改Jimdo页脚部分的方法,算是网上邻居对这个问题的最终解决方案。具体效果请看本站页脚部分。

      为了说明问题,首先看看Jimdo系统中CSS部分如何定义页脚部分的:

div#contentfooter{width:100%;padding:0;margin:0;font-size:11px;line-height:140%;font-weight:normal;overflow:hidden}

* html div#contentfooter{height:1%;overflow:visible}

div#contentfooter div.leftrow{float:left;text-align:left;width:55%}

div#contentfooter div.rightrow{float:right;text-align:right;width:42%}

      再看下面的HTML代码:

<div id="footer">
  <div class="gutter">
      <div id="contentfooter">
         <div class="leftrow">
          <a rel="nofollow" href="http://jdm.jimdo.com/about/">关于本站</a> | <a rel="nofollow" href="javascript:window.print();"><img class="inline" height="14" width="18" src="http://s.jimdo.com/s/img/cc/printer.gif" alt="druckversion"/>打印版本</a> | <a href="http://jdm.jimdo.com/sitemap/">网站地图</a> | <a rel="nofollow" href="javascript:tellafriend(270431404);"><img class="inline" height="14" width="18" src="http://s.jimdo.com/s/img/cc/mail.gif" alt=""/>推荐本站!</a><br/>©2009-2013 <a href="http://jdm.jimdo.com/" target="_blank">网上邻居</a> Powered by <a href="http://cn.jimdo.com/#ref=a225086" target="_blank">Jimdo</a>    
         </div>
         <div class="rightrow">
          <span class="loggedout"><a rel="nofollow" id="login" href="javascript:showLoginBox('http://jdm.jimdo.com/', '270431404');">登录</a>
        </span>
        <span class="loggedin">
        <a rel="nofollow" id="logout" href="http://www102.jimdo.com/app/cms/logout.php">从 Jimdo 登出</a>
        | <a rel="nofollow" id="edit" href="/">编辑</a></span>
        </div>
      </div>
  </div>
</div>

      综合以上代码,我们可以得出以下几点:

       一、页脚部分的字体大小为“font-size:11px;”,这就是在火狐等浏览下,字体比较小、比较难看的原因。

       二、Jimdo网站的页脚分为两部分,左侧为“leftrow”,它包括“关于本站”、“网站地图”等,实际上这部分还可以添加“版权”。右侧为“rightrow”,它包括“登录”,实际上登录网站后,还有“从 Jimdo 登出”及“编辑”。

      我们看一些门户网站,它们的“关于网站”及“版权”等,都是分两行居中放在页脚部分的。另外,付费版的Jimdo网站,左部的“登录”按钮是可以隐藏的,登录以后,“从 Jimdo 登出”及“编辑”仍然可用。因此,本文所述的完美修改,就是按照这个来做的。

      闲话少说,下面直接给出CSS代码及注释,还是非常简单的:

#contentfooter{font-size:12px !important;}  /* 将页脚部分字体设为12px */
.leftrow{width:100% !important;text-align:center !important;} /* 将页脚左部居中放置*/
#login{display:none}  /* 隐藏登录按钮 */

      至于“版权”,可以登录网站后,进入“设置”,找到“编辑页脚”,然后自行添加,这里是支持html代码的,截图说明如下:

      以上的CSS修改代码,适合自定义模板,将它加到自定义的CSS里即可。

      对于采用Jimdo系统模板的网站,可以进入“设置”,然后找到“编辑head部分”,将以下代码复制进去并保存,刷新后效果是一样的。当然,这个方法对于自定义模板同样有效。

<style type="text/css">
#contentfooter{font-size:12px !important;} 
.leftrow{width:100% !important;text-align:center !important;}
#login{display:none} 
</style>

      最后补充一点,隐藏了“登录”按钮以后,要登录自己的网站,可以在网址后面加上"login"(如本站登录地址为:http://jdm.jimdo.com/login),再敲一下回车,即出现登录窗口。

Write a comment

Comments: 10
  • #1

    中国圆号 (Thursday, 10 January 2013 10:17)

    在整个jimdo都这样安静的时候, 邻居还在辛勤的为大家付出,佩服!致敬!

  • #2

    网上邻居 (Thursday, 10 January 2013 13:04)

    中国圆号:
    这些内容,对知道的人来说,只是雕虫小技。作为Jimdo爱好者,邻居有空来坐坐的时候,有点什么心得体会,还会一如既往地分享出来。

  • #3

    中国圆号 (Thursday, 10 January 2013 15:35)

    QQ空间的图片外链, 用IE看是你说的那样,我用古歌浏览器就正常显示啊。

  • #4

    网上邻居 (Friday, 11 January 2013 15:04)

    王老师:
    就你说的浏览器的问题,刚才又换了几种浏览器(IE6、Google chrome 23.0.1271.95m、Firefox 3.6.26)测试了一下,结果都是一样的。
    据我所知,到目前为止,腾讯QQ空间的图片外链,还是仅限于黄钻用户,普通用户是没有外链权限的。腾讯还没那么大方,即使有点小BUG,也只是暂时的,建议别打它的主意...

  • #5

    晨璨园林 (Wednesday, 16 January 2013 07:24)

    欢迎交换链接
    http://ylgh.jimdo.com
    http://lcxd.jimdo.com
    http://wenhua66.jimdo.com/
    Jimdo建站交流②群2236273

  • #6

    Coach Purses Outlet (Tuesday, 23 April 2013 05:00)

    Love is not a thing to understand
    Love is not a thing to feel
    Love is not a thing to give and receive
    Love is a thing only to become and eternally be

  • #7

    wlp (Friday, 03 July 2015 12:29)

    http://www.burberry-outlet.jp.net/
    http://www.burberryoutlet.org.uk/
    http://www.burberryoutlet-online.co.com/
    http://www.burberryoutlet-online.in.net/
    http://www.calvinklein.co.com/
    http://www.celinebags.org/
    http://www.chanelhandbags.net.co/
    http://www.cheapbaseballbats.net/
    http://www.christianlouboutinshoes.ar.com/
    http://www.air-huarache.co.uk/
    http://www.airjordans.us/
    http://www.airjordanshoes2015.com/
    http://www.airmax-2015.org/
    http://www.airmax-90.org/
    http://www.babyliss-pro.net/
    http://www.basketballshoes.com.co/
    http://www.beatsbydrdre.co.com/
    http://www.beatsbydre.com.co/
    http://www.beats-by-dre.com.co/
    http://www.beatsheadphones.in.net/
    http://www.bottega.us/
    http://www.burberryhandbags.net.co/
    http://www.cheapjerseys.in.net/
    http://www.cheap-jordans.net/
    http://www.cheapmichaelkors.us.org/
    http://www.cheap-nikeshoes.com/
    http://www.cheapoakley.us.org/
    http://www.cheapoakleysunglasses.ar.com/
    http://www.cheap-oakleysunglasses.in.net/
    http://www.cheaprayban.com.co/
    http://www.cheapshoes.com.co/
    http://www.cheapuggboots.eu.com/
    http://www.chiflatiron.net.co/
    http://www.christian--louboutin.in.net/
    http://www.christianlouboutin.org.uk/
    http://www.christianlouboutinshoes.jp.net/
    http://burberry.outletnow.net/
    http://christian.louboutin-outlet.net/
    http://toryburch.salesandals.net/
    http://www.abercrombieand-fitch.com.co/
    http://www.abercrombiefitch.us.com/
    http://www.abercrombie-kids.us.com/
    http://www.coachfactory-outlet.co.com/
    http://www.coachfactoryoutletonline.co.com/
    http://www.coach-handbags.com.co/
    http://www.coachoutlet-online.com.co/
    http://www.coachoutletstore.net.co/
    http://www.coachoutletstore-online.com.co/
    http://www.coco-chanelbags.com.co/
    http://www.converse.net.co/
    http://www.designerhandbagsoutlet.com.co/
    http://www.eyeglassesonline.us.com/
    http://www.eyeglassframes.us.com/
    http://www.fashion-clothing.us.com/
    http://www.ferragamo.com.co/
    http://www.ferragamoshoes.net/
    http://www.ghdhairstraightener.com.co/
    http://www.jimmychoo.net.co/
    http://www.jordanretro.org/
    http://www.jordan-shoes.com.co/
    http://www.juicycouture.com.co/
    http://www.juicycoutureoutlet.net.co/
    http://www.louisvuitton-outlet.com.co/
    http://www.louisvuitton-outlets.us/
    http://www.marcjacobsonsale.com/
    http://www.mcm-bags.net/
    http://www.mcmhandbags.com.co/
    http://www.michaelkors.so/
    http://www.michael--kors.us.com/
    http://www.michaelkorsbags.us.org/
    http://www.michaelkorshandbags.org.uk/
    http://www.michael-kors-handbags.us.com/
    http://www.michaelkorsoutlet.ar.com/
    http://www.michael-kors-outlet.us.org/
    http://www.michaelkorsoutlet-online.ar.com/
    http://www.michael-kors-outlet-online.us.org/
    http://www.michaelkorsoutletonline-sale.us.com/
    http://www.michaelkors-uk.org.uk/
    http://www.montblanc--pens.net/
    http://www.newbalance-outlet.org/
    http://www.nike-air-max.us/
    http://www.nikefactory.org/
    http://www.nikefree5.net/
    http://www.nikefree-run.net/
    http://www.nikefree-run.org.uk/
    http://www.jordanrelease-dates.com/
    http://www.nikemercurial.net/
    http://www.nikerosherun.us/
    http://www.nikestore.us/
    http://www.northface.us.org/
    http://www.northfaceoutlet.com.co/
    http://www.oakleyoutlet.us.org/
    http://www.oakley-sunglasses.us.org/
    http://www.oakleysunglassescheap.in.net/
    http://www.oakleysunglassesoutlet.com.co/
    http://www.omegawatches.us.com/
    http://www.pandora-charms.org.uk/
    http://www.pandorajewelry.com.co/
    http://www.polo-outlets.com/
    http://www.pradahandbags.net.co/
    http://www.pradahandbags.com.co/
    http://www.pradashoes.com.co/
    http://www.ralph-lauren.org.uk/
    http://www.ralphlaurenoutlet.us.com/
    http://www.ralphlauren-outlet.org.uk/
    http://www.ralphlaurenoutletonline.com.co/
    http://www.ralphlaurenoutletonline.in.net/
    http://www.gucci.me.uk/

  • #8

    长清 (Monday, 06 March 2017 02:08)

    代码好像没有用了?

  • #9

    长清 (Monday, 06 March 2017 02:16)

    抱歉,代码并没有失效,是我使用不当,为我鲁莽的行为感到抱歉

  • #10

    leather handbags on sale (Saturday, 19 August 2017 14:08)

    I just found this blog and have high hopes for it to continue. Keep up the great work, its hard to find good ones. I have added to my favorites. Thank You.