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

定制sharepoint网站设计

  •  1
  • MalphasWats  · 技术社区  · 15 年前

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

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

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

    谢谢

    3 回复  |  直到 15 年前
        1
  •  2
  •   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?

        2
  •  1
  •   zincorp    15 年前
        3
  •  1
  •   IrishChieftain    15 年前

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