Support » Theme: .TUBE » Tabs

  • Resolved AlexeyAleynikov

    (@alexeyaleynikov)



    Sometimes we need to make tabs.
    Would you make this tabs workable?
    [tabs][tab title=”Youtube”]
    [/tab][tab title=”Vimeo”]
    [/tab][/tabs]
    Thanks.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author tubegtld

    (@tubegtld)

    You can use Bootstrap tabs like this…

    <ul class="nav nav-tabs">
      <li class="active"><a data-toggle="tab" href="#video1">Video 1></a></li>
      <li><a data-toggle="tab" href="#video2">Video 2</a></li>
    </ul>
    <div class="tab-content">
      <div id="video1" class="tab-pane fade in active">
        <h3>Video Title Here</h3>
        https: // www.youtube.com/watch?v=0z7Y-dVrJ2A
      </div>
      <div id="video2" class="tab-pane fade">
        <h3>Another Video Title</h3>
        https: // www.youtube.com/watch?v=qQLBGSUY37Q
      </div>
    </div>

    NOTE: I’ve intentionally used broken youtube links so it doesn’t create an embed in the sample code.

    • This reply was modified 11 months, 1 week ago by  tubegtld.

    🙁
    Don’t understand how it works.
    I need to make this tabs like here – http://runfin.ru/info/base/otchyotnost-v-gosorgany-cherez-sbis/

    Would you help to uderstant why this commands is not worknig with these theme?

    Theme Author tubegtld

    (@tubegtld)

    The example code is pretty basic HTML and will make tabs almost exactly like that.

    Just paste the example code into a post (TEXT editor, not visual editor), save it, and view it and you’ll see.

    <ul class="nav nav-tabs">
      <li class="active"><a data-toggle="tab" href="#video1">Video 1</a></li>
      <li><a data-toggle="tab" href="#video2">Video 2</a></li>
    </ul>
    <div class="tab-content">
      <div id="video1" class="tab-pane fade in active">
        <h3>Video Title Here</h3>
        https: // www.youtube.com/watch?v=0z7Y-dVrJ2A
      </div>
      <div id="video2" class="tab-pane fade">
        <h3>Another Video Title</h3>
        https: // www.youtube.com/watch?v=qQLBGSUY37Q
      </div>
    </div>

    Another approach would be to install the Bootstrap Shortcodes for WordPress plugin (which I’ve NOT tested) that includes support for Boostrap Tabs. Here’s their documentation for that.

    Unfortunately, I can’t really provide additional support beyond this as the code provided is tested and working to make tabs within the TUBE theme.

    Fixed.
    Thanks!
    And thanks for your work!

    Theme Author tubegtld

    (@tubegtld)

    Great.

    Please mark this as resolved, and please consider leaving a review if you like the TUBE them.

    Resolved

    Theme Author tubegtld

    (@tubegtld)

    Thank you @alexeyaleynikov

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Tabs’ is closed to new replies.