• Home
  • Technical Overview
• Features
  • Content Management »
    • Create and Edit Pages
    • Parent and Child Pages »
      • Great-Grandchild
    • Menu and Page Sorting
    • File Management
    • AJAX Search Engine
    • Including External Content
    • Built-in RSS
    • Autosave Feature
    • Password Protect Pages
    • Invitation Mode
  • Navigation »
    • Friendly URLs
    • The Magic Multi-Menu
    • Automatic Breadcrumbs
    • External URL
    • Dynamic Site Map
  • Layout and Style »
    • The Theme Engine »
      • Darkness Theme
      • Fixed Width Theme
      • Two Point Four Theme
      • Vertigo Theme
      • Fluid Theme
    • Dynamic Sidebars
    • Content Templates »
      • Rounded Corners
      • Nested Borders
      • Virtual CSS Sidebars
      • Three Column Spread
      • Media Sidebars
      • Floating DIV Elements
    • Smart Tags
    • News Layout
  • Multimedia Support
  • Go-Faster Stripes
  • For Developers »
    • jQuery Features
    • List Directories
    • PHP Extensibility
    • The FooBank™ System
    • We're "Quote Friendly"
    • It's White Label, Mabel
  • Access Control
  • W3C Valid
  • Accessibility - Triple A
  • Security
• Plugins
  • Mail Form
  • Media Gallery
  • Statistics
  • SMS Remote Control »
    • Example SMS Page
  • Event Calendar
• News
• Download
• Documentation
  • Requirements
  • Browser Compatibility
  • Administration Options
  • List of Variables
  • How To... »
    • Add a New Page
    • Edit a Page
    • Build a Template System
    • Set Up Apache Directives
    • Use FooBank (advanced)
    • Strengthen Vanilla's Security
  • Database Structure
  • Release Notes
  • Known Issues
  • To Do List
• Contact

You are here: Home > Features > Layout and Style > Content Templates >

Text Size: Larger | Smaller | Reset | Hi-Vis | Print Page | Site Map

Rounded Corners

This is a layout template demonstrating the basic rounded corners effect (relies on jQuery).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ut lacus. Curabitur porta, neque vitae mattis tincidunt, libero erat ultrices orci, ac dignissim urna elit nec augue. Integer sit amet nisl quis neque faucibus semper. Suspendisse accumsan mollis neque. Integer sed dolor vitae leo gravida ullamcorper. Quisque rutrum mollis erat. Suspendisse ultricies lacinia odio. Donec ut urna. Nam egestas diam nec arcu. Aliquam magna nulla, congue in, commodo vitae, eleifend placerat, libero. Duis turpis pede, viverra nec, molestie eu, euismod eu, mi. Curabitur egestas dui vel neque. Vivamus porttitor arcu fermentum urna. Etiam vitae ipsum. Praesent imperdiet auctor pede. Vivamus in odio quis lorem adipiscing rutrum. Vivamus neque elit, eleifend in, viverra vel, tincidunt vel, turpis. Aliquam velit. Pellentesque lobortis elit at mauris. Suspendisse potenti.

Suspendisse quis nulla. Sed vel ante. Morbi purus. Vivamus sed risus ac lorem pulvinar ullamcorper. Morbi pellentesque venenatis felis. Nullam tristique vestibulum sem. Sed rhoncus sem nec elit. Ut rutrum. Aenean eget orci at diam aliquet iaculis. In eget nibh. Duis eget pede. Donec vulputate risus et purus. Curabitur sit amet elit. Nunc mauris nisi, rutrum sed, sodales eu, feugiat ut, mauris. Ut pellentesque aliquet felis. Fusce accumsan dolor vel metus. Duis vel mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris dictum pharetra urna.

You can create different effects by adding in line CSS style declarations - the width selector has been set to 300px in this instance. View the source to see the CSS.

Etiam sit amet pede. Nunc aliquam sem et ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer egestas magna vel urna. Morbi mi urna, sollicitudin in, ullamcorper id, consectetur vitae, velit. Vivamus varius. Pellentesque sed mi in dui faucibus ullamcorper. Nulla id enim id mi consectetur tempor. Duis justo. Suspendisse vel dui. Integer elementum eleifend justo. Proin bibendum dapibus leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut sodales arcu imperdiet nulla. Nunc laoreet arcu ullamcorper elit. Etiam mattis erat non elit.

Pellentesque aliquet feugiat mauris. Fusce dolor nisl, accumsan sed, tincidunt non, gravida et, sapien. Duis arcu. Suspendisse potenti. Quisque erat nisl, porta id, vestibulum sit amet, cursus quis, tortor. Donec eu orci. Proin ornare eros et tortor. Maecenas varius, massa eget commodo elementum, dolor nulla volutpat velit, nec rutrum nisi turpis vestibulum justo. Suspendisse nec diam a ante porttitor sollicitudin. Quisque sagittis. Aenean id urna. Cras tellus. Proin vitae arcu vitae urna porta malesuada. Quisque ultrices. Vivamus sodales pede eu felis. Etiam non diam. Nunc malesuada, erat aliquam facilisis vestibulum, odio leo lacinia tortor, eget suscipit pede purus sit amet nunc.