Components: Difference between revisions

Revision as of 11:43, 2 April 2009

Content Components are chunks of html that are dynamically generated and inserted into Content Locations. Each content component can be edited, dragged, or removed dynamically using the Component Toolbar. Here is a list of content components that can be styled:

Title	Description	More Information
Web Feed	Add content from websites that publish feeds of their content	Details
Friend List	Add a list of friends to your site	Details
HTML	Embed third party widgets or write your own HTML code	Details
Image Gallery	Add content from websites that publish feeds of their content	Details
Last.FM	Display music that you listen to through your Last.FM account	Details
Navigation	Create an extra navigation menu	Details
Xbox GamerCard	Show off your scores by entering your XBOX GamerTag	Details
Content Block	Add text and images using a visual editor	Details
Blog Posts	Display blog posts you have written as a list, summary or full posts	Details
Paypal	Display a Paypal "buy now" button on your site	Details
Youtube Video	Display a YouTube video on your site	Details
Form	Display a simple form on your site that e-mails you submissions	Details
Google Maps	Display a map with a location on it	Details
Flickr Gallery	Display a collection of images from Flickr in a customizable gallery	Details
Twitter	Display your recent Twitter updates on your page	Details
Single Image	Place a single image on your page	Details
Blogroll	Display a list of your favorite blogs	Details
eBay Listings	Display a list of the items you're selling on eBay	Details
Upcoming.org	Display upcoming events in your area from Upcoming.org	Details
Friendfeed	Display your recent online activity from a variety of other websites	Details
Del.icio.us	Display your recently bookmarked websites	Details
Blog Comments	Display recent comments made on your blog posts	Details
Blog Search	Display a search box so that your blog can be searched	Details
Blog Archive	Show links to your old blog posts by dates, categories or tags	Details
Audio Player	Let your visitors listen to music on your website	Details

Although your Viviti theme will work if you do not apply any css styles to the html for the optional content components, you will need to style them if you want to give them a unique design rather than the default style that is applied.

Want to see these components at work? An example site has been set up to display them all at:

http://example.viviti.com

@@ Line 1: / Line 1: @@
 Content Components are chunks of html that are [[Dynamically Generated HTML | dynamically generated]] and inserted into [[Content Locations]]. Each content component can be edited, dragged, or removed dynamically using the [[Component Toolbar]]. Here is a list of content components that can be styled:
-<center>
-<table width="500" border="0" cellspacing="20" cellpadding="20">
-<tr>
-<td>
-[[WebFeedComponent | Web Feed]]
-[[FriendListComponent | Friend List]]
-[[HTMLComponent | HTML]]
+{| class="wikitable sortable" border=1 cellspacing=0 cellpadding=3
+|-
+! style="background:#C0C0C0" | Logo
+! style="background:#C0C0C0" | Title
+! style="background:#C0C0C0" | Description
+! style="background:#C0C0C0" | More Information
+|-
+| [[Image:Feedicon.png]]
+| Web Feed
+| Add content from websites that publish feeds of their content
+| [[WebFeedComponent | Details]]
+|-
+| [[Image:Friendicon.png]]
+| Friend List
+| Add a list of friends to your site
+| [[FriendListComponent | Details]]
+|-
+| [[Image:Htmlicon.png]]
+| HTML
+| Embed third party widgets or write your own HTML code
+| [[HTMLComponent | Details]]
+|-
+| [[Image:Imagegalleryicon.png]]
+| Image Gallery
+| Add content from websites that publish feeds of their content
+| [[ImageGalleryComponent | Details]]
+|-
+| [[Image:Lastfmicon.png]]
+| Last.FM
+| Display music that you listen to through your Last.FM account
+| [[Last.FMComponent | Details]]
+|-
+| [[Image:Navigationicon.png]]
+| Navigation
+| Create an extra navigation menu
+| [[NavigationComponent | Details]]
+|-
+| [[Image:Gamercardicon.png]]
+| Xbox GamerCard
+| Show off your scores by entering your XBOX GamerTag
+| [[XboxGamerCardComponent | Details]]
+|-
+| [[Image:Customicon.png]]
+| Content Block
+| Add text and images using a visual editor
+| [[ContentBlockComponent | Details]]
+|-
+| [[Image:Blogicon.png]]
+| Blog Posts
+| Display blog posts you have written as a list, summary or full posts
+| [[BlogPostComponent | Details]]
+|-
+| [[Image:Paypalicon.png]]
+| Paypal
+| Display a Paypal "buy now" button on your site
+| [[PaypalComponent | Details]]
+|-
+| [[Image:Youtubeicon.png]]
+| Youtube Video
+| Display a YouTube video on your site
+| [[YoutubeComponent | Details]]
+|-
+| [[Image:Formicon.png]]
+| Form
+| Display a simple form on your site that e-mails you submissions
+| [[FormComponent | Details]]
+|-
+| [[Image:Googlemapsicon.png]]
+| Google Maps
+| Display a map with a location on it
+| [[GoogleMapsComponent | Details]]
+|-
+| [[Image:Flickricon.png]]
+| Flickr Gallery
+| Display a collection of images from Flickr in a customizable gallery
+| [[FlickrComponent | Details]]
+|-
+| [[Image:Twittericon.png]]
+| Twitter
+| Display your recent Twitter updates on your page
+| [[TwitterComponent | Details]]
+|-
+| [[Image:Imageicon.png]]
+| Single Image
+| Place a single image on your page
+| [[SingleImageComponent | Details]]
+|-
+| [[Image:Blogrollicon.png]]
+| Blogroll
+| Display a list of your favorite blogs
+| [[BlogrollComponent | Details]]
+|-
+| [[Image:Ebayitemsicon.png]]
+| eBay Listings
+| Display a list of the items you're selling on eBay
+| [[eBayListingsComponent | Details]]
+|-
+| [[Image:Upcomingicon.png]]
+| Upcoming.org
+| Display upcoming events in your area from Upcoming.org
+| [[Upcoming.orgComponent | Details]]
+|-
+| [[Image:Friendfeedicon.png]]
+| Friendfeed
+| Display your recent online activity from a variety of other websites
+| [[FriendfeedComponent | Details]]
+|-
+| [[Image:Deliciousicon.png]]
+| Del.icio.us
+| Display your recently bookmarked websites
+| [[Del.icio.usComponent | Details]]
+|-
+| [[Image:Blogcommenticon.png]]
+| Blog Comments
+| Display recent comments made on your blog posts
+| [[BlogCommentsComponent | Details]]
+|-
+| [[Image:Blogsearchicon.png]]
+| Blog Search
+| Display a search box so that your blog can be searched
+| [[BlogSearchComponent | Details]]
+|-
+| [[Image:Blogarchiveicon.png]]
+| Blog Archive
+| Show links to your old blog posts by dates, categories or tags
+| [[BlogArchiveComponent | Details]]
+|-
+| [[Image:Audioplayericon.png]]
+| Audio Player
+| Let your visitors listen to music on your website
+| [[AudioPlayerComponent | Details]]
+|-
+|}
-[[ImageGalleryComponent | Image Gallery]]
-</td>
-<td>
-[[Last.FMComponent | Last.FM]]
-[[NavigationComponent | Navigation]]
-[[XboxGamerCardComponent | Xbox GamerCard]]
-[[ContentBlockComponent | Content Block]]
-</td>
-<td>
-[[BlogPostComponent | Blog Posts]]
-[[PaypalComponent | Paypal]]
-[[YoutubeComponent | Youtube Video]]
-[[FormComponent | Form]]
-</td>
-<td>
-[[GoogleMapsComponent | Google Maps]]
-[[FlickrComponent | Flickr Gallery]]
-[[TwitterComponent | Twitter]]
-[[SingleImageComponent | Single Image]]
-</td>
-<td>
-[[BlogrollComponent | Blogroll]]
-[[eBayListingsComponent | eBay Listings]]
-[[Upcoming.orgComponent | Upcoming.org]]
-[[FriendfeedComponent | Friendfeed]]
-</td>
-<td>
-[[Del.icio.usComponent | Del.icio.us]]
-[[BlogCommentsComponent | Blog Comments]]
-[[BlogSearchComponent | Blog Search]]
-[[BlogArchiveComponent | Blog Archive]]
-[[AudioPlayerComponent | Audio Player]]
-</td>
-</tr>
-</table>
-</center>
 Although your Viviti theme will work if you do not apply any css styles to the html for the optional content components, you will need to style them if you want to give them a unique design rather than the default style that is applied.

Components: Difference between revisions

Revision as of 11:43, 2 April 2009

Contents

The Basics

The Components