哪些 CSS 框架适用于 SharePoint 发布网站?

发布于 2024-07-22 13:31:35 字数 428 浏览 11 评论 0原文

现在无关的背景故事:我试图对 BlueBand 进行一些更改并“快速启动并运行”,但在进一步查看之后,由于之前的表,这不再是一个选项开发人员引入布局。 我将不得不忍受这一点并尽我所能进行调整。

那么,展望未来的新项目...

对于与 SharePoint 发布网站配合良好的 CSS 框架有什么建议吗? (示例为 BluePrintYUI。)它们不应干扰标准的开箱即用控件,例如“站点操作”菜单、富文本编辑器和发布工具栏。

欢迎真实世界的体验!

Past, now irrelevant back story: I was trying to make some changes to BlueBand and get 'up and running pretty quickly' but after looking at it further this is no longer an option due to tables that a previous developer introduced into the layout. I'll have to live with this and make what tweaks I can.

So, looking towards future greenfields projects...

Are there any recommendations for CSS frameworks that work nicely with SharePoint publishing sites? (Examples are BluePrint, YUI.) They should not interfere with standard out-of-the-box controls such as the Site Actions menu, rich text editor, and publishing toolbar.

Real world experiences welcomed, please!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

不打扰别人 2024-07-29 13:31:36

您想使用 CSS 框架做什么? 据我所知,您可以使用一个来进行跨浏览器重置,但其他一切都取决于您的布局。 如果您打算放弃标准的 SharePoint 布局,则意味着您需要从头开始。 好消息是,它与为任何其他网站创建布局没有太大不同。 您需要一些东西(http://msdn.microsoft.com/en -us/library/aa660698.aspx) 在使用 SharePoint 时,但至于 CSS 则完全取决于您。

What would you like to use a CSS framework for? As far as I can tell you could use one for making a cross-browser reset but everything else just depends on your layout. If you're planning to throw out the standard SharePoint layout it means that you need to start from scratch. The good news is that it's not much different than creating a layout for any other website. There are some things you need (http://msdn.microsoft.com/en-us/library/aa660698.aspx) while working with SharePoint but as for CSS it's all up to you.

寄离 2024-07-29 13:31:36

Heather Solomon 有一篇关于连接 SharePoint CSS 类的精彩博客/指南 - 请查看:

http:// /www.heathersolomon.com/content/sp07cssreference.htm

干杯,

亚当

Heather Solomon has a great blog/guide on wiring up SharePoint CSS classes - take a look:

http://www.heathersolomon.com/content/sp07cssreference.htm

Cheers,

Adam

一个人的夜不怕黑 2024-07-29 13:31:36

尝试将蓝色带主题破解为无表格布局时,您会遇到很多麻烦。

您可以从免费的Sharepoint 辅助工具包中获得一些里程。
它为那些关心网站 HTML 的人提供了布局页面、CSS 甚至控制适配器。

尽管如此,摆脱 SharePoint 生成的表并不真正与“快速启动并运行”兼容

You will run into a lot of trouble trying to hack the blue band theme into a table less layout.

You may get some mileage from the free Accesibility Kit for Sharepoint.
It comes with layout pages, CSS and even control adapters for those who care about the HTML of thier site.

Still, getting rid of the tables produced by SharePoint is not really compatible with "up and running pretty quickly"

硪扪都還晓 2024-07-29 13:31:36

您应该从最小母版页开始。 这将是连接到发布布局的母版页。 然后,您可以将您想要的所有 html/css 添加到母版页和布局中,使它们看起来像您想要的任何内容。

如果浏览这些相同发布页面的用户也需要访问您的列表表单(新建、编辑、显示),您将必须编辑这些文件并将它们附加到您的母版页(通过 SP Designer 或自动执行此操作的功能) 。 或者,将应用程序母版页自定义为与您的发布母版页几乎相同,并将它们部署为具有 HTTP 处理程序的功能,可在运行时更改 application.master 的母版页。

另外仅供参考,一旦您开始为匿名用户可访问的网站自定义列表表单页面,就会出现很多问题,因此如果需要,请首先对该页面进行研究。

You should start with the minimal masterpage. That will be the masterpage that's connected to the publishing layouts. You can then add in all the html/css you desire to your masterpage and layouts to make them look like anything you want.

If the users who are browsing those same publishing pages also need access to your list forms (new,edit,display) you will have to edit those files and attach them to your masterpage (either through SP Designer or a Feature to do it automatically). Or, customize the application masterpage to be nearly the same as your publishing masterpage and deploy them both as a feature with an HTTP Handler that changes the masterpage for the application.master at runtime.

Also an FYI, there are many issues once you start customizing list form pages for a site accessible to anon users, so do your research first on that one if needed.

腹黑女流氓 2024-07-29 13:31:36

我们使用 960.gs 并取得了一些成功。 只需将其包含在母版页中,并用 - 包裹主要内容区域,或使用 container_12/container_24。 然后,在您的个人页面布局中,您可以利用使 960 如此出色的所有列/推/拉/alpha/omega 功能。 这在 2007 年和 2010 年都有效,只是 2007 年需要多做一些工作。

We have used 960.gs with some success. Just include it in your master page, and wrap the main content area with a - or use container_12/container_24. Then in your individual page layouts, you can leverage all the columns/push/pull/alpha/omega goodies that make 960 so great. This works in 2007 and 2010, just takes a bit more work in 2007.

失与倦" 2024-07-29 13:31:36

在使用 Sharepoint 时,您可以使用任何您想要的框架,但是,主要关注的是您对 Web 部件有多少控制权。 OOB Web 部件使用基于表的布局。 如果您可以完全控制 Web 部件如何使用它们生成的标记,那么您就离使用框架更近了一步,而不会让人头疼。

为了减轻 Web 部件中使用的一些基于表格的布局,您可以查看辅助功能工具包以适当地转换 Web 部件。

You can use any framework you desire when working with Sharepoint, however, the primary concern is how much control you have over web parts. OOB web parts use table based layout. If you have full control over how the web parts use the markup they product then you are one step closer to using a framework with little headache.

To alleviate some of the table based layout used in web parts you can look at accessibility toolkits to convert the web parts appropriately.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文