Blog

Slideset

A Apresentação Slideset leva a sua vitrine de produtos para um nivel elevado. Ele fornece uma maneira elegante para mostrar vários conjuntos de itens e usa efeitos suaves ao loop através deles..

Características

  • Código limpo e muito leve
  • Efeitos de transição atraentes
  • Integralmente adequada, incluindo todos os efeitos
  • Suporte de conjuntos personalizados nomeados
  • Barra de navegação em celulares
  • Feito com HTML5, CSS3, PHP 5.3+ ea versão mais recente do jQuery

Exemplo de Slide

Os conjuntos são gerados auto (4 itens por jogo), os nomes dos itens são mostrados e ele usa o efeito de slide e botões de navegação.

  • Icon 01
    Radio
  • Icon 02
    Camera
  • Icon 03
    Calendar
  • Icon 04
    Volume
  • Icon 05
    Chat
  • Icon 06
    Tunes
  • Icon 07
    E-Mail
  • Icon 08
    Google+
  • Icon 09
    Player
  • Icon 10
    Like
  • Icon 11
    Twitter
  • Icon 12
    Weather

Exemplo de Zoom

Os conjuntos são dispostos manualmente, define os nomes são utilizados como um sistema de navegação e utiliza o efeito de zoom.

  • Icon 01
  • Icon 02
  • Icon 03
  • Icon 04
  • Icon 05
  • Icon 06
  • Icon 07
  • Icon 08
  • Icon 09
  • Icon 10
  • Icon 11
  • Icon 12
  • Icon 13

Exemplo de Drops

Os conjuntos de mostrar os nomes dos itens e utiliza o efeito gotas e botões de navegação.

  • Icon 01
    Album 1
  • Icon 02
    Album 2
  • Icon 03
    Album 3
  • Icon 04
    Album 4
  • Icon 05
    Album 5
  • Icon 06
    Album 6
  • Icon 07
    Album 7
  • Icon 08
    Album 8
  • Icon 09
    Album 9
  • Icon 10
    Album 10
  • Icon 11
    Album 11
  • Icon 12
    Album 12

Exemplo de Deck

Esta auto conjuntos gerados usa Prev / Next botões como uma navegação eo efeito deck..

  • Icon 01
  • Icon 02
  • Icon 03
  • Icon 04
  • Icon 05
  • Icon 06
  • Icon 07
  • Icon 08
  • Icon 09
  • Icon 10
  • Icon 11
  • Icon 12

Como Usar

A Apresentação Slideset aproveita ao máximo a interface de administração no joomla com uma interface muito amigável. Você pode criar e gerenciar todas as apresentacões e seus diferentes itens em um só lugar. Depois de ter criado um slideset, você pode carregá-lo em qualquer lugar em seu site usando códigos de acesso ou o módulo.

Efeito Sanfona

O Efeito sanfona permite exibir um conjunto de itens em um espaço compacto. Ao clicar no cabeçalho de cada item, ele se expande ou recolhe a sua seção de conteúdo.

Características

  • Código limpo e muito leve
  • Projeto Responsive para caber todas as resoluções de dispositivos
  • Transições suaves sobre o conteúdo seção de alternância
  • Opção para corresponder automaticamente a altura do conteúdo variando
  • Opção para auto colapso ou permitir que vários itens abertos
  • Construído com HTML5, CSS3, PHP 5.3+ ea versão mais recente do jQuery

Exemplo

Slide 1

Icon 01

Headline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Slide 2

Icon 02

Headline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Slide 3

Icon 03

Headline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Slide 4

Icon 04

Headline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Como Usar

O Efeito Sanfona permite que você facilmente criar e gerenciar todo o conteúdo do acordeão através da interface de administração WidgetKit user-friendly. Depois de ter criado um acordeão, você pode carregá-lo em qualquer lugar em seu site usando códigos de acesso ou o módulo.

Mapa

O Mapa fornece uma solução simples para adicionar um mapa do seu site. Várias características permitem que você personalize o mapa, como a mudança de cores e adicionar marcadores ou direções.

Características

  • Seleção local com auto geocodificação
  • Suporta mapa múltiplos marcadores com popups texto
  • Opção para obter a direção ao marcador ativo
  • Suporta estilos e cores do mapa personalizado
  • Utiliza a mais recente API do Google Maps
  • Construído com HTML5, CSS3, PHP 5.3+ ea versão mais recente do jQuery

Exemplo de Direção

Este mapa apresenta todos os controles de mapa, vários marcadores e você pode obter a direção.

Exemplo de Esquema de cores

Defina ou inverter a matiz, saturação, luminosidade e gama de um mapa.

Exemplo Minimal

Este mapa tem uma largura fixa, sem controles e sem marcadores.

Como usar

Com o Mapa você pode rapidamente criar e gerenciar mapas simples com recursos como múltiplos marcadores, pop-ups de texto e esquemas de cores personalizado. Depois de ter criado um mapa, você pode carregá-lo em qualquer lugar em seu site usando códigos de acesso ou o módulo.

Galeria

A Apresentação em Galeria oferece uma maneira inteligente e automatizada para publicar imagens em seu site. Você só precisa selecionar as pastas de imagem e toda a galeria é gerada automaticamente.

Características

  • Integralmente adequada, incluindo todos os efeitos
  • Seleção de imagem baseado pasta
  • Suporta vários pastas de imagem
  • Criação automática de miniaturas
  • Suporta legendas de imagens e links personalizados
  • Usa A Apresentação los Spotlight e Lightbox
  • Construído com HTML5, CSS3, PHP 5.2+ ea versão mais recente do jQuery
  • Exemplo Showcase Box

    Esta é uma vitrine de imagens com efeitos de transição atraentes e uma navegação em miniatura.

    Exemplo Image Wall

    Esta é uma parede de imagem com efeito de zoom, sem margens e cantos quadrados usando a mesa de luz.

    Exemplo Polaroid

    Esta é uma parede imagem com fotos polaroid espalhados usando a mesa de luz.

    Exemplo Slider 1

    Esta é uma imagem deslizante, onde a imagem centra automaticamente durante o efeito. Também caracteristicas uma legenda holofotes ea mesa de luz.

    Exemplo Slider 2

    Esta é uma imagem deslizante, onde a imagem esquerda permanece durante o efeito.

    Exemplo Slideshow de tela

    Esta é uma galeria de imagens com o efeito de interpolação agradável a partir do widget slideshow.

    Exemplo Slideshow Padrão

    Esta é uma galeria de imagens usando toda a Características a partir do widget slideshow.

    Exemplo Showcase

    Esta é uma mostra de imagens simples esmagou toda a Características a partir do widget slideshow e slideset.

    Exemplo Slideshow Dentro

    Este é um slideshow muito básico que utiliza miniaturas de visualização dentro da imagem como uma navegação.

    Exemplo Spotlight

    Esta é uma parede imagem com algumas margens e cantos arredondados usando os holofotes e mesa de luz.

    Exemplo Slideset

    Esta é uma galeria de imagens usando toda a Características do Widget slideset.

    • image1
    • image10
    • image11
    • image12
    • image2
    • image3
    • image4
    • image5
    • image6
    • image7
    • image8
    • image9

    Como Usar

    Acompanha na area restrita uma interface de usuário de administração de fácil utilização que permite que você criar novas galerias com apenas alguns cliques. O que você facilmente adicionar ou remover diretórios de origem de suas imagens let diretório integrado. Todas as galerias podem ser carregados em qualquer lugar em seu tema usando códigos de acesso ou o módulo.

Media Player

A Apresentação em Media Player é um player de áudio e vídeo HTML5 totalmente construída com HTML e CSS. Você pode incorporar facilmente arquivos de vídeo em seu site, usando o elemento de vídeo HTML5. Um jogador do Flash fallback está incluído para todos os navegadores não suportados.

Características

  • Reprodução nativo para navegadores HTML5 modernos
  • Suporta MP4 (H.264), arquivos MP3 WebM, FLV, WMV e MP3
  • Totalmente construída com HTML e CSS
  • Projeto Responsive para caber todas as resoluções de dispositivos
  • Mesmo UI em todos os navegadores
  • Crie suas próprias peles
  • Flash player fallback para navegadores sem suporte
  • Exemplos

    Esta é uma de áudio MP3 da amostra:

    Como Usar

    Use o elemento de vídeo HTML5 para incorporar vídeo em seu site. Por Exemplo:

    <video src="/video.mp4" width="320" height="240"></video>

    Você também pode fornecer várias fontes, para adicionar suporte para os diferentes formatos de vídeo como o H.264, WebM ou Ogg:

    <video width="320" height="240">
      <source type="video/mp4"  src="/video.mp4" />
      <source type="video/webm" src="/video.webm" />
      <source type="video/ogg"  src="/video.ogv" />
    </video>
    

    Use o elemento de áudio HTML5 para incorporar arquivos de MP3 em seu site. Por Exemplo:

    <audio src="/audio.mp3" type="audio/mp3"></audio>