Accueil / Shortcodes / Boxes / Fit Boxes

Fit Boxes

[div class_attr= »wt_isotope_shortcode wt_isotope row »] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3704.jpg » type= »wt_one_fourth » title= »Left Alignment » lightbox= »true » group= »girls » icon= »zoom »]

Whatch how this site looks when is left aligned.

[wt_button link= »# » link_target= »_blank » title= »Left Alignment » size= »small » full= »true »]Left Alignment Page[/wt_button] [/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2014/04/4.jpg » type= »wt_one_fourth » title= »Powerful Shortcodes » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/4539.jpg » type= »wt_one_fourth » title= »Click to watch a video lightbox » lightbox= »true » group= »girls » icon= »play » link= »http://www.youtube.com/watch?v=KlR2fcObC5E »][/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2014/04/1.jpg » type= »wt_one_fourth » title= »Click to watch a video lightbox » lightbox= »true » group= »girls » icon= »play » link= »http://vimeo.com/21103764″][/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/4563.jpg » type= »wt_one_fourth » title= »Click to watch a video lightbox » lightbox= »true » group= »girls » icon= »play » link= »http://www.dailymotion.com/video/xmx9st_dream-cars_auto »]

You can launch an image/video lightbox from nearly anywhere…

[wt_button link= »http://www.dailymotion.com/video/xwbkjw_stand-up-paddle-slowmotion-video_sport » title= »Video Lightbox » size= »medium » full= »true » lightbox= »true »]Video Lightbox[/wt_button] [/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2014/04/2.jpg » type= »wt_one_fourth » title= »Click to watch a video lightbox » lightbox= »true » group= »girls » icon= »play » link= »http://www.metacafe.com/watch/yt-jrxgTXfiA4k/mtb_mountainbike_freeride_mix_in_hd/ »]

Whatch how this site looks when is right aligned.

[wt_button link= »/uptodate/features/site-alignment/page-on-right » link_target= »_blank » title= »Right Alignment » size= »small » full= »true »]Right Alignment Page[/wt_button] [/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3725-1.jpg » type= »wt_one_fourth » title= »Watch our portfolio » icon= »doc » link= »/coruscate/portfolios/sortable/portfolio-4-columns »][/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2014/04/4.jpg » type= »wt_one_fourth » title= »Whatch our blog » icon= »doc » link= »/uptodate/blog »] Now you can build a page in seconds due to « UpToDate » variety of features, shortcodes and widgets. All the pages from this live demo are built using them. Enjoy « UpToDate » !!!
[/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2014/04/3.jpg » type= »wt_one_fourth » title= »Whatch our gallery » icon= »link » link= »/uptodate/galleries/gallery-4-columns »] I want you …
[/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3725-1.jpg » type= »wt_one_fourth » title= »Contact Us » icon= »link » link= »/uptodate/contact »][/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/04/0742.jpg » type= »wt_one_fourth » title= »Lightbox Image » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/05/0652.jpg » type= »wt_one_fourth » title= »Lightbox Image » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/07/0403.jpg » type= »wt_one_fourth » title= »Lightbox Image » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/07/0409.jpg » type= »wt_one_fourth » title= »Lightbox Image » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [wt_isotope_element location= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2012/03/1732.jpg » type= »wt_one_fourth » title= »Lightbox Image » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [/div]

First step when you’ll use fit boxes is to create a container with this class attribute (« wt_isotope_shortcode wt_isotope« ). If there is no container with this class then the isotop shortcode won’t work. It’s very easy to create a container… Just go to shortcode generator, choose tag shortcode and type in the class field the word « wt_isotope_shortcode wt_isotope« . Send it to editor and that’s it. Now you can add box elements with isotop shortcode. You can add as many elements as you want.

[wt_minimal_toggle title= »Get the code »] [code] [div class_attr= »wt_isotope_shortcode wt_isotope »] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Left Alignment » lightbox= »true » group= »girls » icon= »zoom »]

Whatch how this site looks when is left aligned.

[wt_button link= »/uptodate/features/site-alignment/page-on-left » link_target= »_blank » title= »Left Alignment » size= »small » full= »true »]Left Alignment Page[/wt_button] [/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Powerful Shortcodes » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Click to watch a video lightbox » lightbox= »true » group= »girls » icon= »play » link= »http://www.youtube.com/watch?v=KlR2fcObC5E »][/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Click to watch a video lightbox » lightbox= »true » group= »girls » icon= »play » link= »http://vimeo.com/21103764″][/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Click to watch a video lightbox » lightbox= »true » group= »girls » icon= »play » link= »http://www.dailymotion.com/video/xmx9st_dream-cars_auto »]

You can launch an image/video lightbox from nearly anywhere…

[wt_button link= »http://www.dailymotion.com/video/xwbkjw_stand-up-paddle-slowmotion-video_sport » title= »Video Lightbox » size= »medium » full= »true » lightbox= »true »]Video Lightbox[/wt_button] [/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Click to watch a video lightbox » lightbox= »true » group= »girls » icon= »play » link= »http://www.metacafe.com/watch/yt-jrxgTXfiA4k/mtb_mountainbike_freeride_mix_in_hd/ »]

Whatch how this site looks when is right aligned.

[wt_button link= »/uptodate/features/site-alignment/page-on-right » link_target= »_blank » title= »Right Alignment » size= »small » full= »true »]Right Alignment Page[/wt_button] [/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Watch our portfolio » icon= »doc » link= »/uptodate/portfolios/sortable/portfolio-4-columns »][/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Whatch our blog » icon= »doc » link= »/uptodate/blog »] Now you can build a page in seconds due to « UpToDate » variety of features, shortcodes and widgets. All the pages from this live demo are built using them. Enjoy « UpToDate » !!!
[/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Whatch our gallery » icon= »link » link= »/uptodate/galleries/gallery-4-columns »] I want you …
[/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Contact Us » icon= »link » link= »/uptodate/contact »][/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Lightbox Image » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Lightbox Image » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Lightbox Image » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Lightbox Image » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [wt_isotope_element location= »image_src » type= »wt_one_fourth » title= »Lightbox Image » lightbox= »true » group= »girls » icon= »zoom »][/wt_isotope_element] [/div] [/code] [/wt_minimal_toggle]

Laisser une réponse

Votre adresse email ne sera pas publiéeLes champs requis sont surlignés *

*

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.