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 4 years, 9 months ago by tubegtld.
    Thread Starter AlexeyAleynikov

    (@alexeyaleynikov)

    🙁
    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.

    Thread Starter AlexeyAleynikov

    (@alexeyaleynikov)

    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.

    Thread Starter AlexeyAleynikov

    (@alexeyaleynikov)

    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.