The Widget Tag below can be inserted on any web page, and the site owner can use CSS to fit the output to any design requirements [or simply use a styling parameter and get it pre-formatted from your FirstMagic website].
• The blue tag above will create a box that looks like the image to the left: it will pull the newslist from www.palantircomputers.ca, and format it into a stand-alone HTML element.
• To use it to get a similar list from your own website, simply replace the URL part with a link to the container you want to distribute links from. Then add the tag to the web page where you want to output the box. You can also bake it into a widget or an app.
Usage: By combining the tags below, you can distribute Documents, Documents & Podcasts, Podcasts, or Images, respectively:
- Insert the tag on your web page, and change the url inside it to point to any FirstMagic container.
- ?leaves&playlist is the only parameters you have to use - everything else is optional.
- Add parameters separated by ampersands to the end of the url to configure the feed. Place such parameters after &playlist.
- Use the styled parameter + a color parameter to get the box pre-designed and ready for use.
- If you insert the box on a non-FirstMagic website, you can opt to add CSS tags to the site stylesheet to customize the design as you wish, instead of using a styled+color parameter.
- If you insert it on a FirstMagic site, styled+color tags as well as CSS is unecessary - the box is automatically designed to fit the Skin you are using [place the tag in the Sidebar Include for best effect].
Available parameters: |
Parameter |
|
What it does |
Usage |
news |
|
Show only news articles |
For text |
podcasts |
|
Show only podcasts |
For text |
switchlabels |
|
Switch Title and RSS labels |
For text or images |
notitle |
|
Omit title |
For text or images |
norss |
|
Omit RSS link |
For text or images |
styled |
|
Format the output as a nice box |
For text |
dark |
|
Dark themed colors |
For text |
blue |
|
Blue themed colors |
For text |
green |
|
Green themed colors |
For text |
orange |
|
Orange themed colors |
For text |
x-y |
|
How many items to retrieve, starting from X ending at Y in the list [1-10 will get the ten newest items] |
For text or images |
popout |
|
Open links in new window |
For text or images |
picsonly |
|
Show only images |
For images |
smallthumbs |
|
Show as small thumbnails |
For images |
mediumthumbs |
|
Show as medium-sized thumbnails |
For images |
largethumbs |
|
Show as large thumbnails |
For images |
formatted |
|
Add margins and drop shadows to image thumbnails |
For images |
Available CSS tags for non-FirstMagic websites |
CSS classes |
|
What it does |
Example |
.sidebartitle |
|
Styles the box title box |
.sidebartitle {color:#000000;} |
.sidebaritem |
|
Styles the entire box |
.sidebaritem {background:#cccccc;} |
.sidelink |
|
Styles each link item´s box |
.sidelink {background:#ffffff;} |
.sidebaritem a |
|
Styles the URL |
.sidebaritem a {color:#000000;} |
.listedpic |
|
Styles images |
.listedpic {border:2px #cccccc solid;} |
NOTE: neither styled+color tags nor CSS tags is necessary for FirstMagic sites. CSS tags are only useful for non-FirstMagic sites if styled+color tags is not used.
|