Components: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| 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: | 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 - click a logo for more information: | ||
| Line 10: | Line 10: | ||
! style="background:#C0C0C0" | Title | ! style="background:#C0C0C0" | Title | ||
! style="background:#C0C0C0" | Description | ! style="background:#C0C0C0" | Description | ||
|- | |- | ||
| [[Image:Feedicon.png]] | | [[Image:Feedicon.png|link=FeedComponent]] | ||
| Web Feed | | Web Feed | ||
| Add content from websites that publish feeds of their content | | Add content from websites that publish feeds of their content | ||
|- | |- | ||
| [[Image:Friendicon.png]] | | [[Image:Friendicon.png|link=FriendComponent]] | ||
| Friend List | | Friend List | ||
| Add a list of friends to your site | | Add a list of friends to your site | ||
|- | |- | ||
| [[Image:Htmlicon.png]] | | [[Image:Htmlicon.png|link=HTMLComponent]] | ||
| HTML/Javascript | | HTML/Javascript | ||
| Embed third party widgets or write your own code | | Embed third party widgets or write your own code | ||
|- | |- | ||
| [[Image:Imagegalleryicon.png]] | | [[Image:Imagegalleryicon.png|link=ImageGalleryComponent]] | ||
| Image Gallery | | Image Gallery | ||
| Add content from websites that publish feeds of their content | | Add content from websites that publish feeds of their content | ||
|- | |- | ||
| [[Image:Lastfmicon.png]] | | [[Image:Lastfmicon.png|link=LastfmComponent]] | ||
| 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 | ||
|- | |- | ||
| [[Image:Navigationicon.png]] | | [[Image:Navigationicon.png|link=NavigationComponent]] | ||
| Navigation | | Navigation | ||
| Create an extra navigation menu | | Create an extra navigation menu | ||
|- | |- | ||
| [[Image:Redditicon.PNG]] | | [[Image:Redditicon.PNG|link=RedditComponent]] | ||
| Reddit | | Reddit | ||
| Display stories from reddit.com on your website. | | Display stories from reddit.com on your website. | ||
|- | |- | ||
| [[Image:Diggicon.PNG]] | | [[Image:Diggicon.PNG|link=DiggComponent ]] | ||
| Digg | | Digg | ||
| Display stories from digg.com on your website | | Display stories from digg.com on your website | ||
|- | |- | ||
| [[Image:Gamercardicon.png]] | | [[Image:Gamercardicon.png|link=GamercardComponent]] | ||
| Xbox GamerCard | | Xbox GamerCard | ||
| Show off your scores by entering your XBOX GamerTag | | Show off your scores by entering your XBOX GamerTag | ||
|- | |- | ||
| [[Image:Customicon.png]] | | [[Image:Customicon.png|link=ContentBlockComponent]] | ||
| Text or Content Block | | Text or Content Block | ||
| Add text and images using a visual editor | | Add text and images using a visual editor | ||
|- | |- | ||
| [[Image:Blogicon.png]] | | [[Image:Blogicon.png|link=BlogComponent]] | ||
| 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 | ||
|- | |- | ||
| [[Image:Paypalicon.png]] | | [[Image:Paypalicon.png|link=PaypalComponent ]] | ||
| Paypal | | Paypal | ||
| Display a Paypal "buy now" button on your site | | Display a Paypal "buy now" button on your site | ||
|- | |- | ||
| [[Image:Youtubeicon.png]] | | [[Image:Youtubeicon.png|link=YoutubeComponent]] | ||
| Youtube Video | | Youtube Video | ||
| Display a YouTube video on your site | | Display a YouTube video on your site | ||
|- | |- | ||
| [[Image:Formicon.png]] | | [[Image:Formicon.png|link=FormComponent]] | ||
| Form | | Form | ||
| Display a simple form on your site that e-mails you submissions | | Display a simple form on your site that e-mails you submissions | ||
|- | |- | ||
| [[Image:Googlemapsicon.png]] | | [[Image:Googlemapsicon.png|link=GoogleMapComponent]] | ||
| Google Maps | | Google Maps | ||
| Display a map with a location on it | | Display a map with a location on it | ||
|- | |- | ||
| [[Image:Flickricon.png]] | | [[Image:Flickricon.png|link=FlickrGalleryComponent]] | ||
| 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 | ||
|- | |- | ||
| [[Image:Twittericon.png]] | | [[Image:Twittericon.png|link=TwitterComponent]] | ||
| Twitter | | Twitter | ||
| Display your recent Twitter updates on your page | | Display your recent Twitter updates on your page | ||
|- | |- | ||
| [[Image:Imageicon.png]] | | [[Image:Imageicon.png|link=ImageComponent]] | ||
| Single Image | | Single Image | ||
| Place a single image on your page | | Place a single image on your page | ||
|- | |- | ||
| [[Image:Blogrollicon.png]] | | [[Image:Blogrollicon.png|link=BlogrollComponent]] | ||
| Blogroll | | Blogroll | ||
| Display a list of your favorite blogs | | Display a list of your favorite blogs | ||
|- | |- | ||
| [[Image:Ebayitemsicon.png]] | | [[Image:Ebayitemsicon.png|link=ebayItemsComponent]] | ||
| 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 | ||
|- | |- | ||
| [[Image:Upcomingicon.png]] | | [[Image:Upcomingicon.png|link=UpcomingComponent]] | ||
| Upcoming.org | | Upcoming.org | ||
| Display upcoming events in your area from Upcoming.org | | Display upcoming events in your area from Upcoming.org | ||
|- | |- | ||
| [[Image:Friendfeedicon.png]] | | [[Image:Friendfeedicon.png|link=FriendfeedComponent]] | ||
| Friendfeed | | Friendfeed | ||
| Display your recent online activity from a variety of other websites | | Display your recent online activity from a variety of other websites | ||
|- | |- | ||
| [[Image:Deliciousicon.png]] | | [[Image:Deliciousicon.png|link=DeliciousComponent]] | ||
| Del.icio.us | | Del.icio.us | ||
| Display your recently bookmarked websites | | Display your recently bookmarked websites | ||
|- | |- | ||
| [[Image:Blogcommenticon.png]] | | [[Image:Blogcommenticon.png|link=BlogCommentComponent]] | ||
| Blog Comments | | Blog Comments | ||
| Display recent comments made on your blog posts | | Display recent comments made on your blog posts | ||
|- | |- | ||
| [[Image:Blogsearchicon.png]] | | [[Image:Blogsearchicon.png|link=BlogSearchComponent]] | ||
| Blog Search | | Blog Search | ||
| Display a search box so that your blog can be searched | | Display a search box so that your blog can be searched | ||
|- | |- | ||
| [[Image:Blogarchiveicon.png]] | | [[Image:Blogarchiveicon.png|link=BlogArchiveComponent]] | ||
| Blog Archive | | Blog Archive | ||
| Show links to your old blog posts by dates, categories or tags | | Show links to your old blog posts by dates, categories or tags | ||
|- | |- | ||
| [[Image:Audioplayericon.png]] | | [[Image:Audioplayericon.png|link=AudioPlayerComponent]] | ||
| Audio Player | | Audio Player | ||
| Let your visitors listen to music on your website | | Let your visitors listen to music on your website | ||
|- | |- | ||
|} | |} | ||
Revision as of 11:31, 8 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 |
|---|---|---|
|
Web Feed | Add content from websites that publish feeds of their content |
|
Friend List | Add a list of friends to your site |
|
HTML/Javascript | Embed third party widgets or write your own code |
|
Image Gallery | Add content from websites that publish feeds of their content |
|
Last.FM | Display music that you listen to through your Last.FM account |
|
Navigation | Create an extra navigation menu |
|
Display stories from reddit.com on your website. | |
|
Digg | Display stories from digg.com on your website |
|
Xbox GamerCard | Show off your scores by entering your XBOX GamerTag |
|
Text or Content Block | Add text and images using a visual editor |
|
Blog Posts | Display blog posts you have written as a list, summary or full posts |
|
Paypal | Display a Paypal "buy now" button on your site |
|
Youtube Video | Display a YouTube video on your site |
|
Form | Display a simple form on your site that e-mails you submissions |
|
Google Maps | Display a map with a location on it |
|
Flickr Gallery | Display a collection of images from Flickr in a customizable gallery |
|
Display your recent Twitter updates on your page | |
|
Single Image | Place a single image on your page |
|
Blogroll | Display a list of your favorite blogs |
|
eBay Listings | Display a list of the items you're selling on eBay |
|
Upcoming.org | Display upcoming events in your area from Upcoming.org |
|
Friendfeed | Display your recent online activity from a variety of other websites |
|
Del.icio.us | Display your recently bookmarked websites |
|
Blog Comments | Display recent comments made on your blog posts |
|
Blog Search | Display a search box so that your blog can be searched |
|
Blog Archive | Show links to your old blog posts by dates, categories or tags |
|
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