2012-03-21 73 views
1

不幸的是,我的老板决定,我们的新闻网站的主页布局应该像http://dailymail.co.uk动态内容布局结构/ MySQL的

但我无法找到他们的“动态布局”的解决方案。他们使用完整的一列图像/文章,两列短/小图像/标题,半列图像/文章在无序列中。我找不到这样做的方法。

有两个“解决方案”,穿过我的脑海:

  • 选择每个新闻项目“模板”。并根据此模板显示它们。例如:“具有大图像/全列”,“列右半列”或“正常”等。但正如您从日常邮件的布局中可以看到的那样,这将为编辑创造大量工作。
  • 创建一个“拖放”的区域,编辑人员可以通过几个选项安排新闻。但是这会给我造成另一个问题。

如果需要,我可以更改DB结构。但现在它非常简单,我愿意保持这种状态。另外,将布局选项与新闻表分开是非常好的。

任何人都可以提出更好的解决方案吗?

回答

0

可以使用网格系统是这样的:http://960.gs/

我没有使用这样的事情,但我认为存储数据库类名,并使用他们在这个网格类型模板可以帮助你。

+0

CSS是简单的部分。我的问题是数据结构。我会举一个例子。当添加新的项目编辑器将不得不选择一个发布模板(大,半列,小等)。基于此模板,她/他也选择了“模板图像”。然后必须决定将这个项目放在主页上。我必须根据以下内容查询帖子:a)发布帖子,b)发布模板,c)发布订单(日期)。在这个例子中,我必须在新闻表中添加至少3列,并为主页添加大量选择。如果添加了新帖子,编辑也应该重新排列其他帖子。我正在寻找更好的想法来避免这种情况。 – Redrain 2012-03-22 20:41:21

+0

我将有一个5-6列设计与960网格系统,并让编辑器选择多少个网格广泛的职位,并将决定保存到某个地方。并且布局在滑动线上有4 + 1,在新闻网格上有1 + 1 + 1 + 1 + 1,在宽边栏上有3 + 2等等,如果这个项目是4个盒子,它会显示在滑动框上,如果2个框宽,它会显示在宽边栏等 – 2012-03-22 21:22:15

+0

,这里是我找到的东西。可能会有用(拖动一个框并查看结果):http://demo.webdeveloperplus.com/drag-drop-panels/ – 2012-03-22 21:23:40