文档章节

Drupal views中实现两列布局

SnowFlake
 SnowFlake
发布于 2016/06/20 16:13
字数 173
阅读 83
收藏 0

Views中的format有table,grid,unformatted list等,但是没有2 columns等选项。

如果要达到如下效果:

 

左侧一列有title,content,右侧一列image。各占50%。

我们可以安装views_fieldset模块

安装此模块后可添加"Global: Fieldset"字段。

我们在views中添加两个Globalfielset

在配置页面title分别命名fieldset-leftfieldset-right

html classes分别命名content-left和content-right

Display type选择"<div>"

 

排列如下:

效果如下:

 

这样views每一项的html结构就会类似:

<div class="left-content">
   <div class="views-title"></div>
   <div class="views-body"></div>
</div>
<div class="right-content">
   <div class="views-image"></div>
</div>

 

最后在CSS中调整样式:

.left-content {
   float:left;
   width:50%;
}
.right-content {
   float:right;
   width:50%;
}

 

本文转载自:http://www.cnblogs.com/mafeifan/p/5077820.html

上一篇: EDM站点
下一篇: Git学习系列 (二)
SnowFlake
粉丝 9
博文 171
码字总数 0
作品 0
郑州
程序员
私信 提问
Drupal7系统初步设置篇-Ubuntu 14.04 LTS

前面的博文介绍了Drupal7核心、模块和主题如何安装,以及如何使用Drush来进行简化管理。那么接下来为了能够更好地使用Drupal7,还需要对Drupal7做一些初步设置,这里牵涉到界面、管理以及其它...

firehare
2014/06/01
0
0
Drupal能干什么?

Drupal 是一个出色的 CMS (内容管理系统),然而,如果你只想做一个简单的传统站点,Drupal 就大材小用了,Drupal 是一个适合开发者使用的平台,它拥有众多模块,插件,扩展,API,以及庞大...

红薯
2010/01/10
5.4K
21
美国白宫都使用的内容管理系统——Drupal!

说起wordpress,想必大家应该都不陌生,它是一款内容管理系统(CMS),用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。但是小编今天要介绍的是另一款产品——Drupal,它和Wor...

好雨云市
2016/10/27
92
0
Drupal常用开发工具(二)——Drupal for Firebug

  Drupal 的开发工具有很多,除了《Drupal常用开发工具(一)——Devel模块》中提到的 Devel 模块外,Drupal for Firebug 也是很重要的 Drupal 开发工具。   请注意 Drupal for Firebug...

天空蔚兰
2016/01/22
14
0
Drupal常用开发工具(二)——Drupal for Firebug

  Drupal 的开发工具有很多,除了《Drupal常用开发工具(一)——Devel模块》中提到的 Devel 模块外,Drupal for Firebug 也是很重要的 Drupal 开发工具。   请注意 Drupal for Firebug...

云之恋歌
2016/01/25
38
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Boot + Mybatis-Plus 集成与使用(二)

前言: 本章节介绍MyBatis-Puls的CRUD使用。在开始之前,先简单讲解下上章节关于Spring Boot是如何自动配置MyBatis-Plus。 一、自动配置 当Spring Boot应用从主方法main()启动后,首先加载S...

伴学编程
昨天
7
0
用最通俗的方法讲spring [一] ──── AOP

@[TOC](用最通俗的方法讲spring [一] ──── AOP) 写这个系列的目的(可以跳过不看) 自己写这个系列的目的,是因为自己是个比较笨的人,我曾一度怀疑自己的智商不适合干编程这个行业.因为在我...

小贼贼子
昨天
7
0
Flutter系列之在 macOS 上安装和配置 Flutter 开发环境

本文为Flutter开发环境在macOS下安装全过程: 一、系统配置要求 想要安装并运行 Flutter,你的开发环境需要最低满足以下要求: 操作系统:macOS(64位) 磁盘空间:700 MB(不包含 IDE 或其余...

過愙
昨天
6
0
OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
昨天
2.7K
16
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
昨天
42
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部