给SharePoint页面添加自定义页脚Custom footer

给SharePoint页面添加自定义页脚Custom footer

在公司做网站设计项目时,需要在页面上添加页脚。

很多人都把页脚忽视了,觉得没什么多大用处,其实它的作用还是有的,而且还越来越显得重要。页脚设计主要用来显示网站的版权和网站介绍。如果在页脚添加一些有趣的内容,可以提升用户体验,让网站变得更有趣味。

本文主要介绍如何在SharePoint页面上添加页脚,具体样式博友可以随意尝试,公司的站点主要还是以严肃为主,就不那么花哨了。简简单单做出来显示版权即可。

页脚当然是要放在每个页面下方(非主流除外),自然需要更改到母版页。

我的母版页是v4.master(母版页可能会有不同)。在SharePoint Designer中签出编辑。找到<SharePoint:DeveloperDashboard runat="server"/>,在前面添加一个div,最后代码应该是这样的:

保存时,会有弹出框提示自定义母版页,点击确定。在浏览器中预览。

一个简单的页脚就做好了。

给SharePoint页面添加自定义页脚Custom footer

时间: 2024-08-10 17:17:47

给SharePoint页面添加自定义页脚Custom footer的相关文章

给SharePoint页面加入自己定义页脚Custom footer

给SharePoint页面加入自己定义页脚Custom footer 在公司做站点设计项目时,须要在页面上加入页脚. 非常多人都把页脚忽视了,认为没什么多大用处,事实上它的作用还是有的,并且还越来越显得重要.页脚设计主要用来显示站点的版权和站点介绍.假设在页脚加入一些有趣的内容,能够提升用户体验,让站点变得更有趣味. 本文主要介绍怎样在SharePoint页面上加入页脚,详细样式博友能够任意尝试,公司的网站主要还是以严肃为主,就不那么花哨了.简简单单做出来显示版权就可以. 页脚当然是要放在每一个

DIV+CSS:页脚永远保持在页面底部

页脚永远保持在页面底部 有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事.我看过一些利用绝对定位的例子,但总感觉不是那么完美,经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法,兼容IE5.0 ,Opera 8.5 ,Firefox 1.5 .下面我们看步骤: 1.为了让浏览器识别高度100%我们需要先给 html 和 body 加上一个高度值,同时清除所有元素的 margin 和 paddin

将HTML页面页脚固定在页面底部(多种方法实现)

当一个HTML页面中含有较少的内容时,Web页面的footer部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,接下来为大家介绍下如何将页脚固定在页面底部,感兴趣的朋友可以了解下 作为一个Web的前端工作者学习者,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的"footer"部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见. 那么如何将Web页面的&q

【转载自W3CPLUS】如何将页脚固定在页面底部

该文章转载自:W3CPLUS 大漠的文章 http://www.w3cplus.com/css/css-sticky-foot-at-bottom-of-the-page 以下为全文 作为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见.那么如何将Web页面的“footer”部分永远固定在

如何将页脚固定在页面底部?

作 为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分随着飘上 来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见.那么如何将Web页面的 “footer”部分永远固定在页面的底部呢?注意了这里所说的是页脚footer永远固定在页面的底部,而不是永远固定在显示器屏幕的底部,换句话说,就是当内容只有一点点时,Web页面显示在浏览器底部,当内容高度超

jQuery Mobile的学习 jQuery Mobile工具栏、标题栏、页脚栏的定位学习

程序猿都非常赖,你懂的! 近期在做html5页面的开发,主要做智能终端设备的开发.对于内容比較少的页面.领导提出了要将页眉和页脚定位到网页的最上方和最下方.对于这种要求.事实上一点也只是分. 但对于新手来说.确实非常难.非常不easy,今天我就将我学习的内容一起分享一下! 放置页眉和页脚的方式有三种: Inline - 默认.页眉和页脚与页面内容位于行内. Fixed - 页面和页脚会留在页面顶部和底部. Fullscreen - 与 fixed 类似;页面和页脚会留在页面顶部和底部 请使用 d

HTML5开发移动web应用—JQuery Mobile(2)-导航栏和页脚

导航栏部分的代码一般放置在data-role为header的div的内. <div data-role="header"> <a href="#" data-role="button" data-icon="home">首页</a> <h1>欢迎访问我的主页</h1> <a href="#" data-role="button&qu

C# Word文档操作——添加Word页眉、页脚和页码

在Word文档中,我们可以通过添加页眉.页脚的方式来丰富文档内容.添加页眉.页脚时,可以添加时间.日期.文档标题,文档引用信息.页码.内容解释.图片/LOGO等多种图文信息.同时也可根据需要调整文字或图片在页眉.页脚处的位置.因此,本文将介绍如何在C#中使用社区版控件Free Spire. Doc for .NET来添加页眉.页脚以及页码方法. 提示:下载安装该组件后注意在你的VS项目程序中引用dll文件(该dll文件可在安装文件下的Bin文件夹中获取) 一.添加文本.图片页眉 using Sp

Sticky Footer (让页脚永远停靠在页面底部,而不是根据绝对位置)

<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> * { margin:0; padding:0; } html,body, #wrap { height: 100%;}