• címkék:
  • tab
  • fül
  • menü
  • vertikális

Tabbed Menu - Queness

Bemutató

  • Első
  • Második
  • Harmadik
  • Negyedik
  • Ötödik

Bekezdés

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean scelerisque ipsum sem, id blandit enim. Praesent in ante id velit porta egestas ac non eros. Pellentesque molestie rhoncus nulla. Aliquam vestibulum adipiscing mollis. Ut a auctor augue. Mauris sapien odio, pellentesque id cursus vitae, rhoncus.

Pellentesque molestie rhoncus nulla. Aliquam vestibulum adipiscing mollis. Ut a auctor augue. Mauris sapien odio, pellentesque id cursus vitae, rhoncus.

Lista

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Integer sit amet leo diam, ac dignissim orci.
  • Etiam sollicitudin imperdiet lacus, gravida sagittis mauris tristique et.
  • Pellentesque ultrices mi eget mi posuere elementum interdum mi ullamcorper.
  • Nunc consectetur convallis dui, sollicitudin ornare odio molestie eu.

Linkek

Képek

Videó

HTML kód

        <div class="box">
          <ul id="tabMenu">
            <li class="selected">Első</li>
            <li>Második</li>
            <li>Harmadik</li>
            <li>Negyedik</li>
            <li>Ötödik</li>
          </ul>
          <div class="boxTop"></div>
          <div class="boxBody">
            <div class="show">
              <h2>Bekezdés</h2>
              <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean scelerisque ipsum sem,
                id blandit enim. Praesent in ante id velit porta egestas ac non eros. Pellentesque
                molestie rhoncus nulla. Aliquam vestibulum adipiscing mollis. Ut a auctor augue.
                Mauris sapien odio, pellentesque id cursus vitae, rhoncus. 
              </p>
              <p>
                Pellentesque molestie rhoncus nulla. Aliquam vestibulum adipiscing mollis. Ut a auctor
                augue. Mauris sapien odio, pellentesque id cursus vitae, rhoncus. 
              </p>
            </div>  
            <div>
              <h2>Lista</h2>
              <ul class="list">
                <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
                <li>Integer sit amet leo diam, ac dignissim orci.</li>
                <li>Etiam sollicitudin imperdiet lacus, gravida sagittis mauris tristique et.</li>
                <li>Pellentesque ultrices mi eget mi posuere elementum interdum mi ullamcorper.</li>
                <li class="last">Nunc consectetur convallis dui, sollicitudin ornare odio molestie eu.</li>
              </ul>  
            </div>
            <div>
              <h2>Linkek</h2>
              <ul>
                <li>
                  <a href="http://www.jquery-plugins.hu/plugin/12-tiptip.html">
                    TipTip - Tooltip plugin
                  </a>
                </li>
                <li>
                  <a href="http://www.jquery-plugins.hu/plugin/2-auroramenu.html">
                    Auroramenu - Harmónikaszerű menü cookie kezeléssel
                  </a>
                </li>
                <li>
                  <a href="http://www.jquery-plugins.hu/plugin/1-coda-slider.html">
                    Coda-Slider - Igényes, jól paraméterezhető tartalom slider
                  </a>
                </li>
                <li>
                  <a href="http://www.jquery-plugins.hu/plugin/3-nivo-slider.html">
                    Nivo Slider - Slideshow többféle átmeneti hatással
                  </a>
                </li>
                <li class="last">
                  <a href="http://www.jquery-plugins.hu/plugin/14-colortip.html">
                    Colortip - Vigyünk színt a buborékokba!
                  </a>
                </li>
              </ul>  
            </div>   
            <div>
              <h2>Képek</h2>
              <p>
                <img src="images/01.jpg" alt="" />
                <img src="images/02.jpg" alt="" />
                <img src="images/03.jpg" alt="" />
                <img src="images/04.jpg" alt="" />
              </p>
            </div>  
            <div>
              <h2>Videó</h2>
              <object
                type="application/x-shockwave-flash"
                style="width:352px; height:282px;"
                data="http://www.youtube.com/v/R07lOg0V6Iw">
                <param name="movie" value="http://www.youtube.com/v/R07lOg0V6Iw" />
              </object>
            </div>     
          </div>
          <div class="boxBottom"></div>
        </div>
      

« bezár