Written by Super User. Posted in Shortcodes
This is bdthemes shortcodes ultimate (joomla) Icon List example. you can get facility in this shortcode item> Icon List Title, Color, Background Color, Icon, Icon Color, Border, Size, Shadow, Radius, Align, Connector(yes/no), Description Gap(yes/no), Extra Class, Content. just simply use this shortcode and get Icon List Style.
Note: you can use this shortcode article and custom module. for your help we give a example bellow >
Default Left Align Style
Crafted with Love
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
Shortcode Generator
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
Responsive Layout
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
[icon_list_item title="Crafted with Love" color="#333333" icon="icon: heart" icon_color="#333333 " icon_size="24" icon_border="3px solid #cccccc" icon_shadow="0 0 0 #444444" icon_radius="0" text_align="left" connector="no"]Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.[/icon_list_item]
Default Right Align Style
Crafted with Love
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
Shortcode Generator
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
Responsive Layout
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
[icon_list_item title="Icon List" color="#333333" icon="icon: heart" icon_color="#333333" icon_size="24" icon_border="3px solid #cccccc" icon_shadow="0 0 0 #444444" icon_radius="0" text_align="right" connector="no"]Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.[/icon_list_item]
Icon List Square Connector Looked Style
Crafted with Love
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Done Awesome Feature
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Fully Responsive Template
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
HTML5 Included Design
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Creative CSS3 Style
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
WARP Framework Based Theme
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
[icon_list_item title="WARP Framework Based Theme" icon_radius="0" color="#222" icon="icon: cogs" background="#2ecc71" icon_color="#FFF" icon_size="28" icon_shadow="0px 0px 0px #444444" text_align="left" connector="no" description_gap="no"]Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.[/icon_list_item]
Icon List Square Connector Looked Right Align Style
Crafted with Love
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Done Awesome Feature
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Fully Responsive Template
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
HTML5 Included Design
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Creative CSS3 Style
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
WARP Framework Based Theme
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
[icon_list_item title="WARP Framework Based Theme" icon_radius="0" color="#222" icon="icon: cogs" background="#1abc9c" icon_color="#2980b9" icon_size="28" icon_shadow="0px 0px 0px #444444" text_align="right" connector="no" description_gap="no"]Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.[/icon_list_item]
Icon List Rounded Connector Looked Style
Crafted with Love
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Done Awesome Feature
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Fully Responsive Template
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
HTML5 Included Design
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Creative CSS3 Style
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
WARP Framework Based Theme
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
[icon_list_item title="HTML5 Included Design" color="#222" icon="icon: html5" background="#ffff" icon_color="#34495e" icon_size="28" icon_border="5px solid #ddd" icon_shadow="0px 0px 0px #444444" icon_radius="100" text_align="left" connector="yes" description_gap="no"]Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.[/icon_list_item]
Icon List Description Gap Looked Style
Crafted with Love
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Done Awesome Feature
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Fully Responsive Template
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
HTML5 Included Design
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Creative CSS3 Style
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
WARP Framework Based Theme
Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
[icon_list_item title="HTML5 Included Design" color="#222" icon="icon: html5" background="transparent" icon_color="#34495e" icon_size="24" icon_border="0" icon_shadow="0px 0px 0px #444444" icon_radius="0" text_align="left" connector="yes" description_gap="yes" shape_size="5px"]Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.[/icon_list_item]
Icon List Customize Style
Proin accumsan risus et erat tincidunt.
Donec gravida gravida mi, eget molestie libero lobortis non. Nam condimentum, arcu non aliquam rutrum, dolor arcu consequat felis, non fermentum eros sem vitae arcu. Pellentesque lacinia dui eu suscipit consequat. Nam et lacus bibendum, laoreet diam at, mollis quam. Sed justo nisi, sollicitudin eget nisi sed, interdum rhoncus dolor.
[icon_list_item title="Proin accumsan risus et erat tincidunt." color="#000000" background="#1d2f9d" icon="icon: btc" icon_color="#ffffff" icon_size="74" shape_size="25px" icon_border="3px solid #4d9417" icon_shadow="-3px 8px 20px #717171" icon_radius="74" text_align="right"] [dummy_text what="words" amount="50" cache="no"][/icon_list_item]
Icon List Template Style
Crafted with Love
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Done Awesome Feature
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Fully Responsive Template
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
HTML5 Included Design
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Creative CSS3 Style
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
WARP Framework Based Theme
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
[icon_list_item title="HTML5 Included Design" color="#222" icon="icon: html5" background="#ffff" icon_color="#34495e" icon_size="28" icon_border="5px solid #ddd" icon_shadow="0px 0px 0px #444444" icon_radius="100" text_align="left" connector="yes" description_gap="no"]Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.[/icon_list_item]