Δ. Ζάρρας
Carousel
[carousel width="auto" height="250" align="none" count="3" control="yes"] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [/carousel]
Tooltip
[tooltip link="#" title='TITLE' position='top']ADD_CONTENT_HERE [tooltip]
[button link='#' title='TITLE' position='top|right|bottom|left' type='warning']ADD_CONTENT_HERE[[/button] [button link='#' title='TITLE' position='top|right|bottom|left' type='primary']ADD_CONTENT_HERE[[/button] [button link='#' title='TITLE' position='top|right|bottom|left' type='info']ADD_CONTENT_HERE[[/button] [button link='#' title='TITLE' position='top|right|bottom|left' type='success']ADD_CONTENT_HERE[[/button]
Customization Options / Features
- Link : Link for website
- Position : Select position align (top, bottom,left,right)
- Type : Select type color (warning, primary, info, success)
- Title : Text in tooltip
Slideshow
Nulla ac convallis ipsum
Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem
Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.
[slideshow width='800' height='350' align='none' count="3" autoslide="no"] [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item] [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item] [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item] [slideshow]
Nulla ac convallis ipsum
Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem
Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.
[slideshow width='400' height='250' align='left' caption="no"] [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item] [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item] [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item] [slideshow]
Nulla ac convallis ipsum
Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem
Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.
[slideshow width='400' height='250' align='right' caption="no"] [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item] [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item] [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item] [slideshow]
Customization Options / Features
- Width : The width for slideshow
- Height : The height for slideshow
- Align : Select position align (left, right, none)
- Src : The image (jpg, png, gif) source, the url should be from site root, eg: "images/.../abc.jpg".
- Title : Title of the item, display as heading of item caption.
- Caption : "caption=no" Not show Title, content of the item Slideshow.
Quick show
Default
[modal link="#" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal] [modal link="#" icon="comment" type="primary" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal] [modal link="#" icon="info-circle" type="info" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal] [modal link="#" icon="check" type="success" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal] [modal link="#" icon="warning" type="warning" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal] [modal link="#" icon="refresh" type="danger" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
Ex: element icon="user" then Ονοματεπώνυμο of icons is "fa-user".
You can find the full examples of usage at Font Awesome - Font Awesome 4.0.3