'] . '" ' . $item_id; if( !empty($content['option']['background']) || !empty($padding) ){ echo 'style="'; if( !empty($content['option']['background-type']) && $content['option']['background-type'] == 'full-color' ){ echo !empty($content['option']['background'])? 'background-color: ' . $content['option']['background'] . '; ': ''; } echo $border; echo $padding; echo '" '; } echo '>'; $inner_container = false; $inner_style = ''; if( empty($content['option']['background-type']) || $content['option']['background-type'] == 'color' ){ $inner_container = true; $inner_style = ' style="background-color: ' . $content['option']['background'] . ';" '; } echo '
'; echo ($inner_container)? '
': ''; foreach( $content['items'] as $item ){ if( $item['item-type'] == 'wrapper' ){ gdlr_print_column_wrapper( $item ); }else{ gdlr_print_item( $item ); } } echo '
'; echo ($inner_container)? '
': ''; echo '
'; // close container echo ''; // close wrapper } } // print parallax wrapper if( !function_exists('gdlr_print_parallax_wrapper') ){ function gdlr_print_parallax_wrapper( $content ){ global $parallax_wrapper_id; $parallax_wrapper_id = empty($parallax_wrapper_id)? 1: $parallax_wrapper_id; if( empty($content['option']['page-item-id']) ){ $content['option']['page-item-id'] = 'gdlr-parallax-wrapper-' . $parallax_wrapper_id; $parallax_wrapper_id++; } $item_id = ' id="' . $content['option']['page-item-id'] . '" '; global $gdlr_spaces; $padding = (!empty($content['option']['padding-top']) && ($gdlr_spaces['top-wrapper'] != $content['option']['padding-top']))? 'padding-top: ' . $content['option']['padding-top'] . '; ': ''; $padding .= (!empty($content['option']['padding-bottom']) && ($gdlr_spaces['bottom-wrapper'] != $content['option']['padding-bottom']))? 'padding-bottom: ' . $content['option']['padding-bottom'] . '; ': ''; $border = ''; if( !empty($content['option']['border']) && $content['option']['border'] != 'none' ){ if($content['option']['border'] == 'top' || $content['option']['border'] == 'both'){ $border .= ' border-top: 4px solid '. $content['option']['border-top-color'] . '; '; } if($content['option']['border'] == 'bottom' || $content['option']['border'] == 'both'){ $border .= ' border-bottom: 4px solid '. $content['option']['border-bottom-color'] . '; '; } } $content['option']['show-section'] = !empty($content['option']['show-section'])? $content['option']['show-section']: ''; echo '
'; if( !empty($content['option']['background-mobile']) ){ if( is_numeric($content['option']['background-mobile']) ){ $background = wp_get_attachment_image_src($content['option']['background-mobile'], 'full'); $background = $background[0]; }else{ $background = $content['option']['background-mobile']; } echo ''; } // background pattern }else if($content['option']['type'] == 'pattern'){ $background = GDLR_PATH . '/images/pattern/pattern-' . $content['option']['pattern'] . '.png'; echo 'style="background-image: url(\'' . $background . '\'); ' . $padding . $border . '" >'; // background video }else if( $content['option']['type'] == 'video' ){ echo 'style="' . $padding . $border . '" >'; global $gdlr_gallery_id; $gdlr_gallery_id++; $overlay_opacity = (empty($content['option']['video-overlay']))? 0: floatval($content['option']['video-overlay']); echo ''; // background video / none }else if(!empty($padding) || !empty($border) ){ echo 'style="' . $padding . $border . '" >'; } echo '
'; foreach( $content['items'] as $item ){ if( $item['item-type'] == 'wrapper' ){ gdlr_print_column_wrapper( $item ); }else{ gdlr_print_item( $item ); } } echo '
'; echo '
'; // close container echo '
'; // close wrapper } } // print full size wrapper if( !function_exists('gdlr_print_full_size_wrapper') ){ function gdlr_print_full_size_wrapper( $content ){ $item_id = empty($content['option']['page-item-id'])? '': ' id="' . $content['option']['page-item-id'] . '" '; global $gdlr_spaces; $padding = (!empty($content['option']['padding-top']) && ($gdlr_spaces['top-full-wrapper'] != $content['option']['padding-top']))? 'padding-top: ' . $content['option']['padding-top'] . '; ': ''; $padding .= (!empty($content['option']['padding-bottom']) && ($gdlr_spaces['bottom-wrapper'] != $content['option']['padding-bottom']))? 'padding-bottom: ' . $content['option']['padding-bottom'] . '; ': ''; $border = ''; if( !empty($content['option']['border']) && $content['option']['border'] != 'none' ){ if($content['option']['border'] == 'top' || $content['option']['border'] == 'both'){ $border .= ' border-top: 4px solid '. $content['option']['border-top-color'] . '; '; } if($content['option']['border'] == 'bottom' || $content['option']['border'] == 'both'){ $border .= ' border-bottom: 4px solid '. $content['option']['border-bottom-color'] . '; '; } } $background = !empty($content['option']['background'])? ' background-color: ' . $content['option']['background'] . '; ': ''; $content['option']['show-section'] = !empty($content['option']['show-section'])? $content['option']['show-section']: ''; $style = (!empty($padding) || !empty($border) || !empty($background))? ' style="' . $padding . $border . $background . '" ': ''; echo '
'; foreach( $content['items'] as $item ){ if( $item['item-type'] == 'wrapper' ){ gdlr_print_column_wrapper( $item ); }else{ gdlr_print_item( $item ); } } echo '
'; echo '
'; // close wrapper } } // get column class if( !function_exists('gdlr_get_column_class') ){ function gdlr_get_column_class( $size ){ switch( $size ){ case '1/9': return 'one-ninth column'; break; case '1/8': return 'one-eighth column'; break; case '1/7': return 'one-seventh column'; break; case '1/6': return 'two columns'; break; case '1/5': return 'one-fifth column'; break; case '1/4': return 'three columns'; break; case '2/5': return 'two-fifth columns'; break; case '1/3': return 'four columns'; break; case '1/2': return 'six columns'; break; case '3/5': return 'three-fifth columns'; break; case '2/3': return 'eight columns'; break; case '3/4': return 'nine columns'; break; case '4/5': return 'four-fifth columns'; break; case '1/1': return 'twelve columns'; break; default : return 'twelve columns'; break; } } } // print column wrapper if( !function_exists('gdlr_print_column_wrapper') ){ function gdlr_print_column_wrapper( $content ){ echo '
'; foreach( $content['items'] as $item ){ gdlr_print_item( $item ); } echo '
'; // end of column section } } ?> Tabs - Writemore

Tabs

Shortcode Usage

Tabs

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Etiam habebis sem dicantur magna mollis euismod. Inmensae subtilitatis, obscuris et malesuada fames. Idque Caesaris facere voluntate liceret: sese habere. Idque Caesaris facere voluntate liceret: sese habere.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Quisque ut dolor gravida, placerat libero vel, euismod. Nihil hic munitissimus habendi senatus locus, nihil horum? Ut enim ad minim veniam, quis nostrud exercitation. At nos hinc posthac, sitientis piros Afros.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. A communi observantia non est recedendum. Quisque ut dolor gravida, placerat libero vel, euismod. Plura mihi bona sunt, inclinet, amari petere vellent.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Etiam habebis sem dicantur magna mollis euismod. Inmensae subtilitatis, obscuris et malesuada fames. Idque Caesaris facere voluntate liceret: sese habere. Idque Caesaris facere voluntate liceret: sese habere.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Quisque ut dolor gravida, placerat libero vel, euismod. Nihil hic munitissimus habendi senatus locus, nihil horum? Ut enim ad minim veniam, quis nostrud exercitation. At nos hinc posthac, sitientis piros Afros.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. A communi observantia non est recedendum. Quisque ut dolor gravida, placerat libero vel, euismod. Plura mihi bona sunt, inclinet, amari petere vellent.

Tabs With Icons

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Etiam habebis sem dicantur magna mollis euismod. Inmensae subtilitatis, obscuris et malesuada fames. Idque Caesaris facere voluntate liceret: sese habere. Idque Caesaris facere voluntate liceret: sese habere.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Quisque ut dolor gravida, placerat libero vel, euismod. Nihil hic munitissimus habendi senatus locus, nihil horum? Ut enim ad minim veniam, quis nostrud exercitation. At nos hinc posthac, sitientis piros Afros.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. A communi observantia non est recedendum. Quisque ut dolor gravida, placerat libero vel, euismod. Plura mihi bona sunt, inclinet, amari petere vellent.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Etiam habebis sem dicantur magna mollis euismod. Inmensae subtilitatis, obscuris et malesuada fames. Idque Caesaris facere voluntate liceret: sese habere. Idque Caesaris facere voluntate liceret: sese habere.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Quisque ut dolor gravida, placerat libero vel, euismod. Nihil hic munitissimus habendi senatus locus, nihil horum? Ut enim ad minim veniam, quis nostrud exercitation. At nos hinc posthac, sitientis piros Afros.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. A communi observantia non est recedendum. Quisque ut dolor gravida, placerat libero vel, euismod. Plura mihi bona sunt, inclinet, amari petere vellent.


Left Vertical Tabs

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Etiam habebis sem dicantur magna mollis euismod. Inmensae subtilitatis, obscuris et malesuada fames. Idque Caesaris facere voluntate liceret: sese habere. Idque Caesaris facere voluntate liceret:

sese habere.Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Quisque ut dolor gravida, placerat libero vel, euismod. Donec sed odio operae, eu vulputate felis rhoncus. Tityre, tu patulae recubans sub tegmine fagi dolor. Nec dubitamus multa iter quae et nos invenerat. Pellentesque habitant morbi tristique senectus et netus.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Quisque ut dolor gravida, placerat libero vel, euismod. Nihil hic munitissimus habendi senatus locus, nihil horum? Ut enim ad minim veniam, quis nostrud exercitation. At nos hinc posthac, sitientis piros Afros.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Quisque ut dolor gravida, placerat libero vel, euismod. Donec sed odio operae, eu vulputate felis rhoncus. Tityre, tu patulae recubans sub tegmine fagi dolor. Nec dubitamus multa iter quae et nos invenerat. Pellentesque habitant morbi tristique senectus et netus. orem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. A communi observantia non est recedendum. Quisque ut dolor gravida, placerat libero vel, euismod. Plura mihi bona sunt, inclinet, amari petere vellent. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Quisque ut dolor gravida, placerat libero vel, euismod. Donec sed odio operae, eu vulputate felis rhoncus. Tityre, tu patulae recubans sub tegmine fagi dolor. Nec dubitamus multa iter quae et nos invenerat. Pellentesque habitant morbi tristique senectus et netus.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Etiam habebis sem dicantur magna mollis euismod. Inmensae subtilitatis, obscuris et malesuada fames. Idque Caesaris facere voluntate liceret: sese habere. Idque Caesaris facere voluntate liceret: sese habere.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Quisque ut dolor gravida, placerat libero vel, euismod. Nihil hic munitissimus habendi senatus locus, nihil horum? Ut enim ad minim veniam, quis nostrud exercitation. At nos hinc posthac, sitientis piros Afros.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. A communi observantia non est recedendum. Quisque ut dolor gravida, placerat libero vel, euismod. Plura mihi bona sunt, inclinet, amari petere vellent.

Right Vertical Tabs

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Etiam habebis sem dicantur magna mollis euismod. Inmensae subtilitatis, obscuris et malesuada fames. Idque Caesaris facere voluntate liceret: sese habere. Idque Caesaris facere voluntate liceret:

sese habere.Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Quisque ut dolor gravida, placerat libero vel, euismod. Donec sed odio operae, eu vulputate felis rhoncus. Tityre, tu patulae recubans sub tegmine fagi dolor. Nec dubitamus multa iter quae et nos invenerat. Pellentesque habitant morbi tristique senectus et netus.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Quisque ut dolor gravida, placerat libero vel, euismod. Nihil hic munitissimus habendi senatus locus, nihil horum? Ut enim ad minim veniam, quis nostrud exercitation. At nos hinc posthac, sitientis piros Afros.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Quisque ut dolor gravida, placerat libero vel, euismod. Donec sed odio operae, eu vulputate felis rhoncus. Tityre, tu patulae recubans sub tegmine fagi dolor. Nec dubitamus multa iter quae et nos invenerat. Pellentesque habitant morbi tristique senectus et netus. orem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. A communi observantia non est recedendum. Quisque ut dolor gravida, placerat libero vel, euismod. Plura mihi bona sunt, inclinet, amari petere vellent. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Quisque ut dolor gravida, placerat libero vel, euismod. Donec sed odio operae, eu vulputate felis rhoncus. Tityre, tu patulae recubans sub tegmine fagi dolor. Nec dubitamus multa iter quae et nos invenerat. Pellentesque habitant morbi tristique senectus et netus.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Etiam habebis sem dicantur magna mollis euismod. Inmensae subtilitatis, obscuris et malesuada fames. Idque Caesaris facere voluntate liceret: sese habere. Idque Caesaris facere voluntate liceret: sese habere.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Phasellus laoreet lorem vel dolor tempus vehicula. Quisque ut dolor gravida, placerat libero vel, euismod. Nihil hic munitissimus habendi senatus locus, nihil horum? Ut enim ad minim veniam, quis nostrud exercitation. At nos hinc posthac, sitientis piros Afros.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. A communi observantia non est recedendum. Quisque ut dolor gravida, placerat libero vel, euismod. Plura mihi bona sunt, inclinet, amari petere vellent.