本页面展示了 Symphony 的大多数排版细节。用出色的排版与用户体验让您的读者更愉悦!

这是一个一级标题

网站早已不再只在桌面屏幕上浏览。越来越多的智能手机、平板电脑与上网本不断出现,为人们提供了全新且更便捷的方式,随时随地访问网页内容。在本文中,Symphony Themes 介绍两款免费的 Drupal 7 主题:Alphorn 与 Conch,它们支持在多种设备上显示,从智能手机、平板到笔记本电脑以及大屏幕电脑。

这是一个二级标题

网站早已不再只在桌面屏幕上浏览。越来越多的智能手机、平板电脑与上网本不断出现,为人们提供了全新且更便捷的方式,随时随地访问网页内容。在本文中,Symphony Themes 介绍两款免费的 Drupal 7 主题:Alphorn 与 Conch,它们支持在多种设备上显示,从智能手机、平板到笔记本电脑以及大屏幕电脑。

这是一个三级标题

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl. Vivamus tristique posuere pellentesque. Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna.

这是一个四级标题

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl. Vivamus tristique posuere pellentesque. Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna.

这是一个五级标题

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl.

这是一个六级标题

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque.

以下为 <pre> 或 <div class="code"> 的示例


.block-poll 
	border: 1px solid #284c4c;
	background:#1b282f;
	float:left;
	width:100%;
	margin-top:7px;

列表样式

  1. 这是一个有序列表示例。
  2. Lorem ipsum dolor sit amet consectetuer.
  3. Condimentum quis.
  4. Congue Quisque augue elit dolor nibh.
  • 这是一个无序列表示例。
  • Condimentum quis.
  • Congue Quisque augue elit dolor.
  • Nunc cursus sem et pretium sapien eget.

引用块

以下为 <blockquote> 的示例

这是一个使用 lorem ipsum 文本创建的 blocquote 标签示例。Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

高亮

这是一段高亮短语。使用 <span class="highlight">您的高亮短语写在这里!</span>./p>

消息提示

做得好!您已成功阅读这条重要的提示信息。
请注意!这条提示需要您留意,但并非特别重要。
警告!最好检查一下,您看起来状态不太好。
糟糕!请调整几处后再尝试提交。

表格

以下为 <table> 的示例

表头 1 表头 2 表头 3 表头 4
项目 1 项目 2 项目 3 项目 4
项目 5 项目 6 项目 7 项目 8
项目 9 项目 10 项目 11 项目 12
项目 13 项目 14 项目 15 项目 16
项目 1 项目 2 项目 3 项目 4

分栏

二分之一

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

二分之一

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

三分之一

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

三分之一

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

三分之一

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

 

三分之一

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

三分之二

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui. Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqunon proident, sunt in culpa qui.

 

四分之一

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

四分之一

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

四分之一

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

四分之一

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 

四分之一

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

四分之三

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqu enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip