Code Document

Slider

  • Example:

    • Content segment #8. Link

    • Content segment #7.

    • Content segment #6.

    • Content segment #5.

    • Content segment #4.

    • Code:

      <div class="qinstance get-qsegments slider-category-format categories">
      <div id="category-2-1" class="vslider catid-16 term-category-2" style data-vsettings="tween:vmoveIaRa">
      <ul id="category-2-1-div" class="vsli-divs vpos-r vgri vl-2 vm-2 vs-2 vove-h">
      <li id="qsegments-74" class="vsli-div qsegments ">
      <p>Content segment #8.
      <a href="http://google.com" target="_blank">Link</a>
      </p>
      </li>
      <li id="qsegments-73" class="vsli-div qsegments ">
      <p>Content segment #7.</p>
      </li>
      <li id="qsegments-72" class="vsli-div qsegments ">
      <p>Content segment #6.</p>
      </li>
      <li id="qsegments-65" class="vsli-div qsegments ">
      <p>Content segment #5.</p>
      </li>
      <li id="qsegments-64" class="vsli-div qsegments ">
      <p>Content segment #4.</p>
      </li>
      </ul>
      <ul class="vsli-nav vrow cf" data-vcontrol="category-2-1">
      <li class="vl-3 vm-3 vs-6 vcol vtex-al">
      <p>
      <a class="vsli-tag varr vl" href="#prev"></a>
      </p>
      </li>
      <li class="vl-3 vm-3 vs-6 vcol vl-r6 vm-r6 vtex-ar">
      <p>
      <a class="vsli-tag varr vr" href="#next"></a>
      </p>
      </li>
      <li class="vl-6 vm-6 vs-12 vcol vl-l3 vm-l3 vtex-ac">
      <ul class="vsli-dots cf"></ul>
      </li>
      </ul>
      </div>
      </div>

    Categories

    ©
      • Los Angeles

      • CA

      • United States

    • Website

    • Facebook

    • Slider | Frontend UI Toolkit + Wordpress Framework

    • A wordpress framework used to structure simple Javascript and CSS prototypes. Hive is lite, only includes necessities and encourages custom styling.