Components: Difference between revisions


mNo edit summary
mNo edit summary
Line 22: Line 22:
| HTML/Javascript
| HTML/Javascript
| Embed third party widgets or write your own code
| Embed third party widgets or write your own code
|-
| [[Image:Pagecountericon.png|link=PageCounterComponent]]
| Page Counter
| Display your number of unique visits or page views on your website.
|-
|-
| [[Image:Imagegalleryicon.png|link=ImageGalleryComponent]]
| [[Image:Imagegalleryicon.png|link=ImageGalleryComponent]]
Line 76: Line 80:
|-
|-
| [[Image:Twittericon.png|link=TwitterComponent]]
| [[Image:Twittericon.png|link=TwitterComponent]]
| Twitter
| Twitter Timeline
| Display your recent Twitter updates on your page
| Display your recent Twitter updates on your page
|-
| [[Image:Followersicon.png|link=TwitterFollowerComponent]]
| Twitter Followers
| Display the icons of people following you, or people you're following
|-
|-
| [[Image:Imageicon.png|link=ImageComponent]]
| [[Image:Imageicon.png|link=ImageComponent]]
Line 94: Line 102:
| Upcoming.org
| Upcoming.org
| Display upcoming events in your area from Upcoming.org
| Display upcoming events in your area from Upcoming.org
|-
| [[Image:Bookfreshicon.png|link=BookFreshComponent]]
| BookFresh Online Scheduling
| Let new and existing clients schedule with your business online.
|-
|-
| [[Image:Friendfeedicon.png|link=FriendfeedComponent]]
| [[Image:Friendfeedicon.png|link=FriendfeedComponent]]

Revision as of 14:38, 27 July 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 - click a logo for more information:


Logo Title Description
Feedicon.png Web Feed Add content from websites that publish feeds of their content
Friendicon.png Friend List Add a list of friends to your site
Htmlicon.png HTML/Javascript Embed third party widgets or write your own code
File:Pagecountericon.png Page Counter Display your number of unique visits or page views on your website.
Imagegalleryicon.png Image Gallery Add content from websites that publish feeds of their content
Lastfmicon.png Last.FM Display music that you listen to through your Last.FM account
Navigationicon.png Navigation Create an extra navigation menu
Redditicon.PNG Reddit Display stories from reddit.com on your website.
Diggicon.PNG Digg Display stories from digg.com on your website
Gamercardicon.png Xbox GamerCard Show off your scores by entering your XBOX GamerTag
Customicon.png Text or Content Block Add text and images using a visual editor
Blogicon.png Blog Posts Display blog posts you have written as a list, summary or full posts
Paypalicon.png Paypal Display a Paypal "buy now" button on your site
Youtubeicon.png Youtube Video Display a YouTube video on your site
Formicon.png Form Display a simple form on your site that e-mails you submissions
Googlemapsicon.png Google Maps Display a map with a location on it
Flickricon.png Flickr Gallery Display a collection of images from Flickr in a customizable gallery
Twittericon.png Twitter Timeline Display your recent Twitter updates on your page
File:Followersicon.png Twitter Followers Display the icons of people following you, or people you're following
Imageicon.png Single Image Place a single image on your page
Blogrollicon.png Blogroll Display a list of your favorite blogs
Ebayitemsicon.png eBay Listings Display a list of the items you're selling on eBay
Upcomingicon.png Upcoming.org Display upcoming events in your area from Upcoming.org
File:Bookfreshicon.png BookFresh Online Scheduling Let new and existing clients schedule with your business online.
Friendfeedicon.png Friendfeed Display your recent online activity from a variety of other websites
Deliciousicon.png Del.icio.us Display your recently bookmarked websites
Blogcommenticon.png Blog Comments Display recent comments made on your blog posts
Blogsearchicon.png Blog Search Display a search box so that your blog can be searched
Blogarchiveicon.png Blog Archive Show links to your old blog posts by dates, categories or tags
Audioplayericon.png Audio Player Let your visitors listen to music on your website


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