修改sharepoint列表样式

1、将sharepoint 的样式修改为阴影

2、用designer打开列表的AllItems.aspx文件,将下面的样式拷贝到里面

<style type="text/css">
.ms-basictable
{
width: 100%;
padding: 0;
margin: 0;
border-right:1px solid #c1dad7;
}
.ms-basictable th {
font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-left:1px solid #C1DAD7;
border-bottom:1px solid #c1dad7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA no-repeat;
}
.ms-basictable td {
border-left:1px solid #C1DAD7;
border-bottom:1px solid #c1dad7;
background: #fff;
font-size:14px;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}
.ms-basictable td.alt {
background: #F5FAFA;
color: #797268;
}
.ms-basictable th.spec,td.spec {
border-left: 1px solid #C1DAD7;
}

</style>

1、将sharepoint 的样式修改为阴影

2、用designer打开列表的AllItems.aspx文件,将下面的样式拷贝到里面

<style type="text/css">
.ms-basictable
{
width: 100%;
padding: 0;
margin: 0;
border-right:1px solid #c1dad7;
}
.ms-basictable th {
font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-left:1px solid #C1DAD7;
border-bottom:1px solid #c1dad7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA no-repeat;
}
.ms-basictable td {
border-left:1px solid #C1DAD7;
border-bottom:1px solid #c1dad7;
background: #fff;
font-size:14px;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}
.ms-basictable td.alt {
background: #F5FAFA;
color: #797268;
}
.ms-basictable th.spec,td.spec {
border-left: 1px solid #C1DAD7;
}

</style>

效果图片总是上传失败,就不上传了

时间: 2024-08-04 22:57:44

修改sharepoint列表样式的相关文章

SharePoint 2010 用xsl文件定制列表样式

有时候我们不希望列表用默认的方式显示,要我们自定义的方式定制.其中有一种方式是使用xsl文件. 在AllItems.aspx页面中,列表是以webpart的形式显示在页面上的,webpart类型是XsltListViewWebPart,当我们编辑web部件的时候,有一个属性是"XSL 链接",我们就定义一个xsl文件,然后将xsl的文件链接放到这里就完成任务了. 下面是我的xsl代码,将它保存到customstyle.xsl文件中,将这个文件复制到,/_layouts/xsl/下. 1

CSS声明 列表样式 显示方式 鼠标形状

列表样式 list-style-type list-style-image 显示方式: 默认显示方式 改变显示方式 鼠标形状: 如何改变属性形状 cursor属性 list-style-type: 该属性控制列表中列表项标志的样式 无序列表 有序列表 list-style-image 该属性使用图像替换列表项的标志 取值为:URL(),制定图像有序或无序列表项的标志 列表样式代码: <!doctype html> <html> <head> <title>列

使用服务器端对象模型,编写程序管理SharePoint列表

使用服务器端对象模型,编写程序管理SharePoint列表 列表是SharePoint核心的工艺品.服务器端对象模型是与列表交互的方法之一.你可以在服务器上创建不同类型的应用程序,与服务器对象模型交互.比如WinForm或WPF/Web parts,甚至是Event Receiver. 1. 管理员身份打开VS,新建项目WPF应用程序,确保选择.NET Framework 3.5,命名WPFSPTestApp,点击确定. 2. 添加引用Microsoft.SharePoint.dll,点击确定.

SharePoint 列表优化显示WebParts

SharePoint 列表优化显示WebParts 在开发sharepoint中,经常遇到需要自定义显示列表中的一部分作为导航的内容, 如公告栏,新闻链接,最新动态等.... 我们通常需要显示一个列表的标题,并且限制字符长度, 外加一些条件,如按创建的时间倒序这样来显示最新的动态, 显示的时间也需要转换格式等... 那我们来看看原始的列表如下图: 修改后的效果: 接下来我们用SPD打开这个站点,在sitepages里面新建一个页面, 命名为allexception, 这是个空白的页面, 然后点击

css:层叠样式表 美化页面 修改标签的样式

css:层叠样式表  美化页面 修改标签的样式 写法分类: 1.内联: <!--使用<link />标签将css文件引入到html文件中--> <!--<link href="路径" rel="stylesheet"/>--> <!--<link/>标签只可以放在<head></head>之中,另外在html中内嵌css样式也只可以写在head标签之中--> <!-

Android 修改Activity标题样式 actionBar

修改Activity的标题样式及ActionBar ,代码如下 <!-- Application theme. --> <style name="AppTheme" parent="AppBaseTheme"> <!-- All customizations that are NOT specific to a particular API-level can go here. --> <!-- <item name=

使用Visual Studio给SharePoint列表添加Event Receiver

使用Visual Studio给SharePoint列表添加Event Receiver 1. 管理员身份打开VS,新建事件接收器AnnouncementListEvent,点击确定. 2. 部署为场解决方案,点击下一步,选择列表项事件,通知,正在添加项. 3. 添加using. using System.IO; using System.Text; 4. 完整代码: 5. 部署解决方案. 6. 新建通知列表的项目. 8. 查看对应位置的记事本: 9. 上面代码还附加了与Log列表交互的语句,此

雪碧图,列表样式以及列表样式实现导航栏布局

雪碧图 <style> div { height: 28px; width: 28px; background-repeat: no-repeat; background-image: url("../../img/xuebitu.gif"); } #div2 { background-position: -85px 0; } #div3 { background-position: -163px -30px; } </style> <title>雪

CSS控制列表样式属性list-style有哪些?怎么用?

CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云南小天使的回答很好的帮助了众多遇到同样问题的网友原文地址http://www.w3cschool.cn/css3/question-10231611.html 以下为回答原文: 一.什么是CSS列表? CSS列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业