Multi tabs Shortcode - need help

[Drinkordie]

Hi guys, I have a problem, I use Woo Premiere Theme and there is a buld in Shortcode that makes a multi tabs in my post, I want to add in this tabs embed codes, iframes, but I have problem with displaying this embeds, like you can see on screenshot they are to large, can somebody tell me how to resize this embeds to border size ? Can this be done automatically ?

http://maxi-kino.pl/videos/127-godzi...2010-lektor-pl



CSS:

/*-------------------------------------------------------------------------------------------*/
/* 13. Tabber */
/*-------------------------------------------------------------------------------------------*/

.shortcode-tabs { background:#f0f0f0; background:rgba(0,0,0,.05); clear: both; height:auto; display: block; padding:5px; margin-bottom:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.shortcode-tabs ul.tab_titles { padding:0px; background:none; border:none; margin:0;}
.shortcode-tabs ul.tab_titles li.nav-tab { background:none; padding:0; float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
.shortcode-tabs ul.tab_titles li.nav-tab.ui-tabs-selected a, .shortcode-tabs ul.tab_titles li.nav-tab a:hover { background:#fff; text-decoration:none; }
.shortcode-tabs ul.tab_titles li.nav-tab a {	color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px sans-serif; }
.shortcode-tabs ul.tab_titles li.nav-tab.ui-tabs-selected a, .shortcode-tabs ul.tab_titles li.nav-tab a:hover { -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; border-top-right-radius:3px; border-top-left-radius:3px; }
.shortcode-tabs .tab { background:#555; padding:10px; text-align: left; clear: both; }
.shortcode-tabs .tab li.nav-tab { background:#fff;  }
.shortcode-tabs .tab ul.tab_titles { margin:0; border: 1px solid #e6e6e6; border-width:0px 0 1px 0; }
.shortcode-tabs .tab li.nav-tab { border:0px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; }
.shortcode-tabs .tab li.nav-tab a { color:#555; font:bold 12px/18px sans-serif; }
.shortcode-tabs .tab a:hover {}
.shortcode-tabs .ui-tabs-hide { display: none; }

/*-------------------------------------------------------------------------------------------*/
/* -13.1 Tabber Alternate Style - Boxed */
/*-------------------------------------------------------------------------------------------*/

PHP

/*-----------------------------------------------------------------------------------*/
/* 16. Tabs - [tabs][/tabs]
/*-----------------------------------------------------------------------------------*/

function woo_shortcode_tabs ( $atts, $content = null ) {

        $defaults = array( 'style' => 'default', 'title' => '', 'css' => '' );

        extract( shortcode_atts( $defaults, $atts ) );

        if ( $css != '' ) { $css = ' ' . $css; }

        // Extract the tab titles for use in the tabber widget.
        preg_match_all( '/tab title="([^\"]+)"/i', $content, $matches, PREG_OFFSET_CAPTURE );

        $tab_titles = array();
        $tabs_class = 'tab_titles';

        if ( isset( $matches[1] ) ) { $tab_titles = $matches[1]; } // End IF Statement

        $titles_html = '';

        if ( count( $tab_titles ) ) {

            if ( $title ) { $titles_html .= '<h4 class="tab_header"><span>' . esc_html( $title ) . '</span></h4>'; $tabs_class .= ' has_title'; } // End IF Statement

            $titles_html .= '<ul class="' . $tabs_class . '">' . "\n";

                $counter = 1;

                foreach ( $tab_titles as $t ) {

                    $titles_html .= '<li class="nav-tab"><a href="#tab-' . $counter . '">' . $t[0] . '</a></li>' . "\n";

                    $counter++;

                } // End FOREACH Loop

            $titles_html .= '</ul>' . "\n";

        } // End IF Statement

        return '<div id="tabs-' . rand(1, 100) . '" class="shortcode-tabs ' . $style . $css . '">' . $titles_html . do_shortcode( $content ) . "\n" . '<div class="fix"></div><!--/.fix-->' . "\n" . '</div><!--/.tabs-->';

} // End woo_shortcode_tabs()

add_shortcode( 'tabs', 'woo_shortcode_tabs', 90 );

/*-----------------------------------------------------------------------------------*/
/* 16.1 A Single Tab - [tab title="The title goes here"][/tab]
/*-----------------------------------------------------------------------------------*/

function woo_shortcode_tab_single ( $atts, $content = null ) {

        $defaults = array( 'title' => 'Tab' );

        extract( shortcode_atts( $defaults, $atts ) );

        $class = '';

        if ( $title != 'Tab' ) {

            $class = ' tab-' . sanitize_title( $title );

        } // End IF Statement

        return '<div class="tab' . $class . '">' . do_shortcode( $content ) . '</div><!--/.tab-->';

} // End woo_shortcode_tab_single()

add_shortcode( 'tab', 'woo_shortcode_tab_single', 99 ); 

Please guys help me witch this, I will give you rep offc.

Drinkordie Reviewed by Drinkordie on 31st Jul 2011. Multi tabs Shortcode - need help Hi guys, I have a problem, I use Woo Premiere Theme and there is a buld in Shortcode that makes a multi tabs in my post, I want to add in this tabs embed codes, iframes, but I have problem with displaying this embeds, like you can see on screenshot they are to large, can somebody tell me how to resize this embeds to border size ? Can this be done automatically ? http://maxi-kino.pl/videos/127-godzin-127-hours-2010-lektor-pl http://i.imgur.com/g0Zze.png CSS: Rating: 5

[ProtoWorker]

I gave the solution for this at AS

[Drinkordie]

Yep, I saw that thx mate !