从截图可以看出我对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
网型网秀 (Saturday, 19 June 2010 23:18)
利用这个方法可以隐藏所有不想要的东西,完全可以把网站重新构造
独星 (Sunday, 20 June 2010 14:37)
怎样加底部的背景图片?我改了之后没了背景,杯具……
诸葛草帽 (Sunday, 20 June 2010 16:26)
回复网型网秀:呵呵,是啊,我正在弄,现在着重简化网站代码,加快网页加载打开速度!
诸葛草帽 (Sunday, 20 June 2010 16:27)
回复独星:我去你的网站看了,很漂亮,没看出有什么问题啊,请把问题再说清楚点
独星 (Friday, 25 June 2010 18:17)
回复诸葛草帽:呵呵,自己滴幻想成为实现,我通过自己滴幻想换为实际,所以你看不到
网上邻居 (Sunday, 27 June 2010 17:36)
晕,原来诸葛草帽已经写了类似的东西了...
诸葛草帽 (Tuesday, 29 June 2010 23:18)
回复网上邻居:呵呵,看来咱们想到一块去了!
独星 (Sunday, 11 July 2010 13:59)
帮我看一下我的底部,我不想要那些空白区,怎么弄(应该不是图片的问题吧?)
诸葛草帽 (Sunday, 11 July 2010 17:04)
回复独星:我去你的网站看了一下,据我了解,你的网站有一部分代码是这样的“<table>
<tbody>
<tr>
<td width="960" height="355" valign="top">......”,规定了宽度是960,长度是355,所以底部会有很大一部分空白页面,修改下吧。
独星 (Sunday, 11 July 2010 22:40)
回诸葛草帽:啊哈!搞定了!谢谢LZ!
诸葛草帽 (Sunday, 11 July 2010 22:43)
回复独星:呵呵,弄好就好,不用客气
快购123 (Tuesday, 12 October 2010 17:25)
不行哦,保存不了的?出现这样提示:我们在您的HTML代码中找到{countAnzahl 错误/警告!
line 247 column 17 - Warning: <div> anchor "footer" already defined
关闭 !!!!!
诸葛草帽 (Tuesday, 12 October 2010 17:50)
回复快购:出现这个错误提示是因为你的网站代码中已经有了:<div id="footer">,我这篇文章的意思是按我的格式修改含有<div id="footer">这部分代码,不是再添加文章中的那些代码,祝你成功!
快购123 (Wednesday, 13 October 2010 13:05)
我昨晚已经弄好了!谢谢!我现在还在脑着我那网站的版头在IE6里显示正常,在IE8 里显示的就变了样了,还在找着方法怎么调试呢!
诸葛草帽 (Wednesday, 13 October 2010 15:25)
回复快购123:呵呵,弄好就好,ie6和ie8等不同浏览器对代码的解释、执行标准稍有不同,导致可能出现兼容问题,慢慢肯定会调试好的
北京天狮配送网 (Saturday, 19 February 2011 09:02)
哥哥帮忙~
我的网站底部想做成像www。tiensr。com网站底部类似的。
怎么做呢?
谢谢指点一二。
北京天狮配送网 (Saturday, 19 February 2011 09:40)
我的网站底部宽度也有限制,我想让它和页面一样宽,怎么更改呢?
帮忙啊~~
诸葛草帽 (Saturday, 19 February 2011 19:41)
回复北京天狮配送网:贵站既然已经使用自定义模板了,就不要再执着的修改footer部分了,系统自带的footer部分受到颇多限制,不如像我这样再在底部添加一个新的模块,想怎么自定义就怎么自定义,如果你真想修改这个部分的话,请再给我留言,我可以告诉你各个部分的代码和修改方法
北京天狮配送网 (Monday, 21 February 2011 19:04)
谢谢!
如何在底部在加一个模块呢?
北京天狮配送网 (Monday, 21 February 2011 19:18)
或者是加一个整个页面宽度的一个模块!
诸葛草帽 (Tuesday, 22 February 2011 12:51)
回复北京天狮配送网:这个比较简单,方法也比较多,我一般是在最下面添加一个模块:
<div id="bottom">
</div>
在里面写上内容,之后再在css里规定其宽度、高度、背景等等
如:
#bottom
{
width:960px;heght:60px;background:#ffffff;
}
北京天狮配送网 (Thursday, 24 February 2011 18:05)
忽忽~
不太会搞!
两次都不成功呢!
你能加我Q不呢?
407867571谢谢!
北京天狮配送网 (Thursday, 24 February 2011 18:06)
我晚上都会在线!
我想到时请教你一下下!
我比较菜~
感谢哈~
北京天狮配送网 (Saturday, 26 February 2011 13:16)
GG你加我没呢·
你网名是什么啊?
我不知道哪个是你
我搞不明白那个代码
诸葛草帽 (Sunday, 27 February 2011 16:34)
回复北京天狮配送网:不好意思,我最近比较忙,不方便上网,没有加你好友,我返回学校之后会加你的!
北京天狮配送网 (Sunday, 27 February 2011 19:53)
OK
谢谢哈~
期待中……
izixuechengcai (Monday, 17 October 2011 11:07)
请问 怎样隐藏我网站右边的jimdo广告和footer,另外怎样设计和添加footer图片?
诸葛草帽 (Monday, 17 October 2011 11:45)
@izixuechengcai:隐藏footer方法可以用#footer{display:none;}这段代码实现,右侧的jimdo广告是不允许使用代码隐藏的,请慎重考虑!添加footer图片可以用{background:图片链接地址;}这种代码实现