3 Column CSI


     x     y     z

This blog entry isn't really a blog entry. It's being used to demonstrate the power of the new CSI (Cross-Site Include) feature recently implemented by our fantastic hosts at Wikidot.

Just to see if I could do it, I plugged in 3 5 additional CSIs into this page:

[[include :css-competition:include:font|font=Comic Sans MS]]
[[include :css-competition:include:snowy-theme]]
[[include :css-competition:include:spoiler|text=Nullam non ipsum tellus. Sed sed libero quis erat varius ullamcorper eget ut mauris. Ut dignissim laoreet neque a fringilla. Praesent eu orci augue. Integer id eros tellus, a luctus nisi. In nibh urna, egestas eu ornare eu, iaculis eget mauris.]]
[[include :css-competition:include:hover-img|img=http://myfamilyphotos.wikidot.com/local--files/photos:1/favorite.jpg|width=120 px;|height=90 px;]]
[[include :css-competition:include:hover-img |img=http://myfamilyphotos.wikidot.com/local--files/photos:1/favorite.jpg |width=120px |height=90px]]

It works! Very cool!

favorite.jpg

Left column content goes here.

center column content goes here.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam euismod felis quis mi elementum vel viverra est consequat. Nullam non ipsum tellus. Sed sed libero quis erat varius ullamcorper eget ut mauris. Ut dignissim laoreet neque a fringilla. Praesent eu orci augue. Integer id eros tellus, a luctus nisi. In nibh urna, egestas eu ornare eu, iaculis eget mauris.

Nullam non ipsum tellus. Sed sed libero quis erat varius ullamcorper eget ut mauris. Ut dignissim laoreet neque a fringilla. Praesent eu orci augue. Integer id eros tellus, a luctus nisi. In nibh urna, egestas eu ornare eu, iaculis eget mauris.

Edit this page

Back to the home page

right column content goes here

Nullam non ipsum tellus. Sed sed libero quis erat varius ullamcorper eget ut mauris. Ut dignissim laoreet neque a fringilla. Praesent eu orci augue. Integer id eros tellus, a luctus nisi. In nibh urna, egestas eu ornare eu, iaculis eget mauris.

Content inside the new footer. Must use "any-valid-css" to make it visible. For example, any-valid-css = .newfooter {height: 50px;} |


This content is below the footer, but still inside the wrapper.

Here's Steven's new csi showing how an image can be used:

Here's a demo using an image1


This content is below the footer and outside the wrapper.
Edit this page
Back to the home page

Comments?

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License