代码之家 › 专栏 › 技术社区 › MalphasWats

定制sharepoint网站设计

sharepoint css

MalphasWats · 技术社区 · 15 年前

我希望能够完全定制我的博客外观,但我不知道从哪里开始。我浏览了一下微软的开发者网站,看起来他们确实有很多东西,但这一切似乎都比我的水平高得多。

我认为自己对CSS和Web开发很有经验,有没有把它转化成SharePoint?我可以制作一个新的CSS文件,将一堆图像上传到一个商店,然后用这种方式改变我的“站点”的外观,还是会变得更加复杂?

我意识到这有点含糊不清,但我真的希望能有一些关于“让sharepoint看起来不那么差劲”的指南或是我希望实现的类似目标的例子。希望我的问题不是太高层次。

谢谢

3 回复 | 直到 15 年前

Community CDub 8 年前

使用SharePoint主题,它们的安装一开始很棘手,但一旦您获得了一个良好的开发环境,您就可以在传统的“保存css文件,按F5”中测试修改。

主题有以下优点:

不需要更改母版页和处理(非)重影(所有恐惧的总和)
可应用于一个子网站,并具有具有不同主题的其他子网站(有关通过多个子网站大规模应用主题的信息,请参阅google中的gl applytheme)

您无法访问HTML更改,因为您需要对masterpage的喜爱(我不认为这是一个缺点,这是一个通常存在于不同场景中的限制,也使您在css zen garden方面大大提高了css技能)
应用主题后,转到服务器内存——这意味着,如果更改主题文件夹,则需要回收应用程序池,应用不同的主题,然后重新应用主题,以查看忘记放在页脚中的一个像素边框。但对于这个具体问题,我有一个解决方案:

在文件夹中创建一个名为 梅捷夫
在新文件夹中,创建一个名为 theme.css 还有一个叫 主题EV.INF
在.INF文件中,粘贴以下内容:


    [info]
    title=THEMEDEV
    codepage=65001
    version=3.00
    format=3.00
    readonly=true
    refcount=0

    [titles]
    1033=THEMEDEV

现在打开文件夹(1033是您的语言代码,这是英语安装的默认设置)
编辑SPTHEMES.XML文件


    <Templates>
            <TemplateID>THEMEDEV</TemplateID>
            <DisplayName>Development Theme</DisplayName>
            <Description>Development Theme.</Description>
            <Thumbnail>images/thnone.gif</Thumbnail>
            <Preview>images/thnone.gif</Preview>
        </Templates>

现在编辑theme.css文件,将导入添加到您喜爱的css开发文件夹:
```
@import url('file:///C:/SharepointThemes/Theme1/theme.css');
```
```
* { color: red !important } 
```

并查看站点上的更改。

在开发主题时,还有一点很重要:不要创建文件夹来存储(比如)你的图像,使用同一文件夹中的所有内容,在代码中使用相对的方式,比如 背景:url('image.png')

ps1:只有您可以看到由于文件://c:/folder而对sharepoint网站所做的更改,如果您需要更多人在开发过程中查看这些更改,请设置一个他们都可以访问的网络路径,其余的都是相同的。

ps2:请记住,这是一个开发环境,要使您的主题成为实时主题,您需要创建另一个主题来存储用于更改站点视觉效果的所有内容。

Edit1:阅读上面的评论,现在您有了“编辑+上传到FTP”类型的设置:)顺便说一句,这对MOSS和WSS有效(即使您不知道其中的区别)。有关自定义sharepoint的更多信息,我昨天发布了一篇关于更多选项的帖子:

Sharepoint: How to remove default core.css reference?

zincorp 15 年前

我喜欢将此帖子作为SP品牌推广的起点: http://erikswenson.blogspot.com/2008/10/functional-sharepoint-branding-style.html

IrishChieftain 15 年前

这取决于您所谈论的是WSS3.0站点还是MOSS站点。WSS 3.0站点可以使用主题进行自定义。定制MOSS站点有点棘手,尽管您可以通过中央管理添加一个自定义CSS样式表-在这种情况下,您的自定义文件、图像等将作为功能部署。