[cq_vc_profilecard image=”3137″ width=”240″ height=”180″ icons=”twitter,dribbble,facebook-square,google-plus-square,smile-o,search” icon_title=”Follow me on twitter,Dribbble,Facebook,Google Plus,I’m happy,Open my profile” custom_links=”http://twitter.com,http://dribbble.com,http://facebook.com,https://plus.google.com,http://go.atom.deals/atomzen,http://go.atom.deals/atomzen” color=”#333333″ opacity=”0.8″ individual_color=”#00ACED,#E14782,#3B5998,#E14107,#333333″ margin=”20px 0 0 15px” iconposition=”bottom” icontrigger=”mouseover” custom_links_target=”_blank” iconvisible=”on” retina=”on” tooltipposition=”top”]
[cq_vc_profilecard image=”3173″ width=”240″ height=”180″ icons=”twitter,dribbble,facebook-square,google-plus-square,chain” icon_title=”Trigger by click,Dribbble,Facebook,Google Plus,I’m happy” custom_links=”http://twitter.com,http://dribbble.com,http://facebook.com,https://plus.google.com,http://go.atom.deals/atomzen” color=”#333333″ opacity=”0.8″ individual_color=”#00ACED,#E14782,#3B5998,#E14107,#333333″ margin=”8px 0 0 15px” iconposition=”right” icontrigger=”click” custom_links_target=”_blank” retina=”on” tooltipposition=”right” iconvisible=””]
[cq_vc_profilecard image=”3176″ width=”300″ height=”240″ icons=”share-square,twitter,dribbble,facebook-square,google-plus-square,thumbs-up,video-camera” icon_title=”Visit my profile,Follow me on twitter,Dribbble,Facebook,Google Plus,No tooltip on right icon” custom_links=”http://go.atom.deals/atomzen,http://twitter.com,http://dribbble.com,http://facebook.com,https://plus.google.com,http://go.atom.deals/atomzen,http://go.atom.deals/atomzen” color=”#333333″ opacity=”0.8″ margin=”16px 0 0 15px” iconposition=”top” icontrigger=”click” custom_links_target=”_blank” retina=”on” individual_color=”#0066FF,#00ACED,#E14782,#3B5998,#E14107,#6A5ACD” iconvisible=”on” tooltipposition=”top”]
[cq_vc_profilecard image=”3177″ width=”300″ height=”240″ icons=”twitter,dribbble,facebook-square,google-plus-square,smile-o” icon_title=”Follow me on twitter,Dribbble,Facebook,Google Plus,I’m happy” custom_links=”http://twitter.com,http://dribbble.com,http://facebook.com,https://plus.google.com,http://go.atom.deals/atomzen” color=”#333333″ opacity=”0.8″ margin=”10px 0 0 15px” iconposition=”left” icontrigger=”mouseover” custom_links_target=”_self” iconvisible=”on” tooltipposition=”left” individual_color=”#00ACED,#E14782,#3B5998,#E14107,#333333″ retina=””]
Available options:
- Choose to display the icons when user click or mouseover.
- Icon (all the Font Awesome icons are available), icon color, icon link, icon tooltip, icon margin.
- Icon display position: top, bottom, left or right.
- Tooltip position: top, bottom, left or right.
- How to open the icon link, _self or _blank.
- Custom class for the thumbnail and icon.
- And more…
Some other examples:
[cq_vc_profilecard image=”3175″ width=”320″ height=”240″ icons=”camera,bell,heart,cloud,comments” icon_title=”Hello Camera,Bell ring,Follow your heart,Cloudy,Visit my profile” tooltipposition=”bottom” custom_links=”http://codecanyon.net/user/sike/portfolio?ref=sike,http://go.atom.deals/atomzen,http://codecanyon.net/user/sike/portfolio?ref=sike,http://go.atom.deals/atomzen,http://codecanyon.net/user/sike/portfolio?ref=sike,http://go.atom.deals/atomzen” color=”#333333″ opacity=”0.8″ margin=”20px 0 0 15px” iconposition=”bottom” icontrigger=”mouseover” custom_links_target=”_blank” retina=”on” individual_color=”#00ACED,#E14782,#3B5998,#E14107,#333333″ iconvisible=””]
[cq_vc_profilecard image=”3193″ width=”320″ height=”240″ icons=”twitter,dribbble,facebook-square,google-plus-square,smile-o” icon_title=”Follow me on twitter,Dribbble,Facebook,Google Plus,I’m happy” tooltipposition=”right” custom_links=”http://twitter.com,http://dribbble.com,http://facebook.com,https://plus.google.com,http://go.atom.deals/atomzen” color=”#6a5acd” opacity=”0.8″ margin=”8px 0 0 15px” iconposition=”right” icontrigger=”click” custom_links_target=”_blank” iconvisible=”on” retina=”on” individual_color=”#00ACED,#E14782,#3B5998,#E14107,#333333″]
Great shots from markjsebastian