Difference between revisions of "User:Rjhodson/ECE News Special Functionality"
Jump to navigation
Jump to search
Line 14: | Line 14: | ||
*'''Image Enlargement on Click''' - if an image in the article is wrapped in a link to an image (i.e. the href of the link ends in jpg, gif, etc.) the image, when clicked, will open the linked image in a highslide modal window. The alt text from the image tag will also be displayed in the modal window. | *'''Image Enlargement on Click''' - if an image in the article is wrapped in a link to an image (i.e. the href of the link ends in jpg, gif, etc.) the image, when clicked, will open the linked image in a highslide modal window. The alt text from the image tag will also be displayed in the modal window. | ||
*'''Embedded Video Boxing''' - Videos embedded into the article using Live Writer are also boxed and have their style applied to this box. Labels are shown under the video within the box. | *'''Embedded Video Boxing''' - Videos embedded into the article using Live Writer are also boxed and have their style applied to this box. Labels are shown under the video within the box. | ||
− | *'''Related Links Extraction''' - On the right sidebar of the article page is a box containing all the links from the article. These links are extracted directly from the article. If you wish to have a link in the story NOT display on the sidebar, give the link a classname of <span style="color:#cc0000;">''linkedin_NA''</span>. If you wish to have links shown in their own special grouping, give them a classname of <span style="color:#cc0000;">'' | + | *'''Related Links Extraction''' - On the right sidebar of the article page is a box containing all the links from the article. These links are extracted directly from the article. If you wish to have a link in the story NOT display on the sidebar, give the link a classname of <span style="color:#cc0000;">''linkedin_NA''</span>. If you wish to have links shown in their own special grouping, give them a classname of <span style="color:#cc0000;">''linkedin_Group_Name''</span> - see [http://www.ece.ncsu.edu/news/10888 http://www.ece.ncsu.edu/news/10888] for an example. |
Latest revision as of 07:51, 28 September 2011
When submitting a new article through live writer to ECE, there are a variety of special functions that can be introduced on a code-level to the article that will effect how it is displayed on the ECE site but will still allow it to display normally on any other site.
Listing View Functions
These functions concern the article listing display on the home page and on the news & events page
- Thumbnail Display Preference - By default, a thumbnail is generated from the last image in the story (if there are any images, otherwise a default thumbnail is used). To manually choose which image is thumbnailed for the article, give that image a class name of thumbnail_pref. If you would like to designate an image to be the thumbnail for the story, but not show up in the article itself, use the class thumbnail_pref_hidden instead.
- Featured Story Badge - To mark a story as Featured with the Featured Badge, simply insert an empty span into the article with a classname of featured_article.
- Excluding Text from the Snippet Description - Under each article title in the listing there is a brief snippet of text extracted from the beginning of the article to give the reader an idea of what the article is about. To make it so text from the article is not displayed in this snippet, encapsulate it in a span with classname no_show.
Article View Functions
These functions concern the individual article display. Most of these functions happen automatically and require no special markup.
- Image Boxing - Images inserted into the story are boxed to make them stand out more. Additionally, any styles applied to the image (float, margin, etc) are subsequently applied to the box holding the image. Image alt text is displayed below the image within the box.
- Image Enlargement on Click - if an image in the article is wrapped in a link to an image (i.e. the href of the link ends in jpg, gif, etc.) the image, when clicked, will open the linked image in a highslide modal window. The alt text from the image tag will also be displayed in the modal window.
- Embedded Video Boxing - Videos embedded into the article using Live Writer are also boxed and have their style applied to this box. Labels are shown under the video within the box.
- Related Links Extraction - On the right sidebar of the article page is a box containing all the links from the article. These links are extracted directly from the article. If you wish to have a link in the story NOT display on the sidebar, give the link a classname of linkedin_NA. If you wish to have links shown in their own special grouping, give them a classname of linkedin_Group_Name - see http://www.ece.ncsu.edu/news/10888 for an example.