Components: Difference between revisions

mNo edit summary
mNo edit summary
Line 14: Line 14:
| Web Feed
| Web Feed
| Add content from websites that publish feeds of their content
| Add content from websites that publish feeds of their content
| [[WebFeedComponent | Details]]
| [[FeedComponent | Details]]
|-
|-
| [[Image:Friendicon.png]]
| [[Image:Friendicon.png]]
| Friend List
| Friend List
| Add a list of friends to your site
| Add a list of friends to your site
| [[FriendListComponent | Details]]
| [[FriendComponent | Details]]
|-
|-
| [[Image:Htmlicon.png]]
| [[Image:Htmlicon.png]]
Line 34: Line 34:
| Last.FM
| Last.FM
| Display music that you listen to through your Last.FM account
| Display music that you listen to through your Last.FM account
| [[Last.FMComponent | Details]]
| [[LastfmComponent | Details]]
|-
|-
| [[Image:Navigationicon.png]]
| [[Image:Navigationicon.png]]
Line 44: Line 44:
| Xbox GamerCard
| Xbox GamerCard
| Show off your scores by entering your XBOX GamerTag
| Show off your scores by entering your XBOX GamerTag
| [[XboxGamerCardComponent | Details]]
| [[GamercardComponent | Details]]
|-
|-
| [[Image:Customicon.png]]
| [[Image:Customicon.png]]
Line 54: Line 54:
| Blog Posts
| Blog Posts
| Display blog posts you have written as a list, summary or full posts
| Display blog posts you have written as a list, summary or full posts
| [[BlogPostComponent | Details]]
| [[BlogComponent | Details]]
|-
|-
| [[Image:Paypalicon.png]]
| [[Image:Paypalicon.png]]
Line 74: Line 74:
| Google Maps
| Google Maps
| Display a map with a location on it
| Display a map with a location on it
| [[GoogleMapsComponent | Details]]
| [[GoogleMapComponent | Details]]
|-
|-
| [[Image:Flickricon.png]]
| [[Image:Flickricon.png]]
| Flickr Gallery
| Flickr Gallery
| Display a collection of images from Flickr in a customizable gallery
| Display a collection of images from Flickr in a customizable gallery
| [[FlickrComponent | Details]]
| [[FlickrGalleryComponent | Details]]
|-
|-
| [[Image:Twittericon.png]]
| [[Image:Twittericon.png]]
Line 89: Line 89:
| Single Image
| Single Image
| Place a single image on your page
| Place a single image on your page
| [[SingleImageComponent | Details]]
| [[ImageComponent | Details]]
|-
|-
| [[Image:Blogrollicon.png]]
| [[Image:Blogrollicon.png]]
Line 99: Line 99:
| eBay Listings
| eBay Listings
| Display a list of the items you're selling on eBay
| Display a list of the items you're selling on eBay
| [[eBayListingsComponent | Details]]
| [[ebayItemsComponent | Details]]
|-
|-
| [[Image:Upcomingicon.png]]
| [[Image:Upcomingicon.png]]
| Upcoming.org
| Upcoming.org
| Display upcoming events in your area from Upcoming.org
| Display upcoming events in your area from Upcoming.org
| [[Upcoming.orgComponent | Details]]
| [[UpcomingComponent | Details]]
|-
|-
| [[Image:Friendfeedicon.png]]
| [[Image:Friendfeedicon.png]]
Line 114: Line 114:
| Del.icio.us
| Del.icio.us
| Display your recently bookmarked websites
| Display your recently bookmarked websites
| [[Del.icio.usComponent | Details]]
| [[DeliciousComponent | Details]]
|-
|-
| [[Image:Blogcommenticon.png]]
| [[Image:Blogcommenticon.png]]
| Blog Comments
| Blog Comments
| Display recent comments made on your blog posts
| Display recent comments made on your blog posts
| [[BlogCommentsComponent | Details]]
| [[BlogCommentComponent | Details]]
|-
|-
| [[Image:Blogsearchicon.png]]
| [[Image:Blogsearchicon.png]]

Revision as of 11:10, 7 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:


Logo 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



The Basics