fluidity.com

欢迎来到 Fluidity.com

您好,欢迎来到 fluidity.com,这是由drd制作的模板,
我想用一些与众不同的东西来结束 2005 年。虽然这个模板看起来很简单,CSS很小,但它用途广泛。Fluidity.com 是一个流动布局,它具有创建一列、两列、三列或四列布局所需的所有 CSS。
由于 Fluidity.com 使用名为“rowcontainer”的行 div 将列放在一起,因此您可以在一个页面上混合和匹配列数,就像我在模板的标准配置中所做的那样。

作者注

您可以在我的网站上看到更多我的作品:www.davereederdesign.com。如果您在使用模板时遇到任何问题,或者只是想打个招呼,那么我们非常乐意收到您的来信!

希望您喜欢这个模板,

-Dave

仔细测试

任何网页的仔细测试都应该是首要任务,因此我已经验证了代码并在以下浏览器中测试了模板:

控制列

当然,列的比例不必相等。您可以指定一个列为屏幕宽度的四分之一,另一个列为屏幕宽度的四分之三。只需在 xhtml 中指定一个列,其类名与 CSS 中的相关列相对应。

现在我将留给您一些 Lorem Ipsum 来填充剩余的空间 :)

三列的示例!

南 ac ligula。 Morbi cursus nonummy leo。你们都喝醉了。愤怒的红唇,无情的吞噬着无尽的尘埃,大洋洋得意地凝视着湖边的智人,却无情地吞噬着湖水。 Curabitur ullamcorper 已与 justo 达成协议。

Lorem ipsum dolor sit amet,consectetuer adipiscing elit。整数 volutpat leo sit amet eros。 Sed vestibulum porta sapien。现在把马萨扔出去。 Aliquam ut eros。 Sed tempus nibh id felis。 Cras vehicula tincidunt orci。贪婪的动物,无情的诱惑,无情的痛苦,无情的短暂停留。在 ultricies metus quis est。整数 lobortis pretium elit。 Curabitur 和 turpis。我的生命没有与射手座相提并论。

三列的示例!

Proin arcu sem,tempor vel,luctus sagittis,dictum sit amet,lectus。 Phasellus leo ante,elementum id,pellentesque non,cursus eget,purus。 Aenean lobortis laoreet quam。无用。埃涅阿斯,直径在时间中被点燃,没有爱的火花,直径的痛苦被点燃。 Etiam sit amet nisl 在 dui cursus auctor。现在它已经不存在了。 Curabitur dolor leo,vulputate elementum,egestas viverra,gravida eget,nisi。暂停并发出仇恨。祢是悲痛。生命无所依,则无益。自由人就是自由人。我没有痛苦,我只是在不断发酵。 Aliquam porttitor consectetuer ipsum。 Duis sagittis ipsum s justo。连接前庭。

三列的示例!

既然如此,那就等着瞧吧。 Aliquam 已经康复了。舌状蝽。凭借天生的贵族和伟大的产妇,诞生了可笑的穆斯。 Ut ac lorem。 Proin venenatis rut​​rum nisl。不要打扰老家伙。亲爱的朋友。 Vivamus pulvinar pellentesque eros。 Nulla feugiat。 Quisque sit amet nulla mattis dolor adipiscing bibendum。南无阿迪奥乌纳,阻挡我,阻挡我,阻挡我,自由人。

四列的示例!

我看见了米图斯迪亚姆,看到弗吉尼亚,看到马蒂斯和三色堇,看到弥撒。 Pellentesque ac nulla in neque interdum suscipit。现在苏打水。 Curabitur a mauris。慈善家和精英们在克服困难。

Donec id tortor ut ligula sagittis feugiat。整数课程。 Vestibulum tellus lectus,tincidunt sed,imperdiet eu,congue et,diam。甚至有一只鸵鸟被马蒂斯的颅骨压伤。

四列的示例!

寂静无声,诉说着。 Nulla egestas rut​​rum massa。那是暂时的。我像毛利人一样,被统治者,被奴役,被奴役,被奴役,被奴役。绝望之火。前庭曲痛。 Donec bibendum faucibus nibh。

我们都喜欢白色的东西。不是哦我哦。只是而已。深褐色的装饰品没有生命力。努拉姆老雷特。 Etiam adipiscing,arcu nec dapibus laoreet,nunc nibh facilisis erat,quis ultricies purus odio at tellus。

四列的示例!

Curabitur 已成功治愈三重妊娠。凭借天生的贵族和伟大的产妇,诞生了可笑的穆斯。落叶松。 Sed aliquam nunc non quam。空门被撞坏了。毒蛇。寂静而悲伤。生命力旺盛。他站着,复活了可爱的小动物,发出刺耳的爱之声,软弱的生命被自由的意志所束缚。

四列的示例!

一点儿也不。无论如何。 Proin ullamcorper,leo ut varius luctus,nulla purus ultricies nibh,ac ornare libero elit non elit。 Donec cursus vestibulum mi。塞德崛起。 Pellentesque justo。现在 ac elit。

设计:davereederdesign.com版权所有 © 2005 Yourcopyright。保留所有权利