Você está na página 1de 84

Documentao Template Tempos Jux

Criado: 2014/06/09

ltima actualizao: 2014/06/09

Por: Joomlaux

www.joomlaux.com/

Email: contact@joomlaux.com

Bem-vindo ao nosso perfil. Pegue a sua bebida e vamos ficar a conhecer uns aos outros um
pouco! Estamos Joomlaux ( "Jux" pronunciado como / nu: / se voc no sabe como). Temos vindo
a trabalhar e criar e jogar com Joomla por vrios anos. Nossa equipe tem nerds altamente
qualificados e experientes que compartilham a paixo eo desejo para Joomla, de trazer melhor
trabalho para Joomla Comunidade. s vezes ns honestamente acho que somos apenas crianas
brincando ao redor com o trabalho e tudo para ns se resume a curiosidade. Trabalho
inteligente. Jogar duro. Ser curioso. Tente coisas novas.Estes so os valores que respeitamos em
tudo o que fazemos. Ns estamos interessados em o que bom. Voc no diferente, no ? Ns,
designers e desenvolvedores devem sempre manter os usurios em mente quando
trabalhamos. Ralph Marston disse uma vez "A excelncia no uma habilidade, uma atitude".

INSTRUES MODELO
1. Sobre o Joomla verso usada em Jux Vezes

Jux Tempos corridas de modelo no Joomla verso 3.x (Joomla 3.0, 3.1 ...). Portanto, o seu site deve
instalar Joomla verso 3.x para usar nosso modelo. A instalao do Joomla 3.x requer apenas
alguns passos e voc pode fazer dentro de um minuto!

Baixar Joomla 3.x AQUI

Aprenda a instalar o Joomla 3.x AQUI

2. Sobre Jux Vezes


Jux Tempos - modelo Notcias Revista Responsive
Notcias no mais rgido e chato com Jux Times. design de layouts intuitiva e esplndida, limpo e
atenciosa, CSS3, HTML5, Bootstrap 3 Integrado e Menu de mega construdo em, Jux Times
perfeito para o seu site de notcias ou revista para apresentar o seu contedo em mais
visualmente agradvel e forma acessvel.
Jux Times 100% gil, fcil de personalizar, juntamente com 6 estilos predefinidos graciosas para
voc escolher. Voc tambm pode de forma flexvel fazer sua prpria personalizao para
construir o seu site exclusivo. Qualquer outra coisa que voc precisa? compartilhamento social,
reviso ou sistema de comentrios, todos so equipados totalmente para o seu site
impressionante.
Tome seu tempo e desfrutar de Jux Times. Deixe-se ser livre construir o seu site de improviso e
enrole pronta ateno de seus leitores.
3. Sobre o Guia de Usurio modelo Tempos Jux

O manual do utilizador fornecido para ajudar voc a aprender rapidamente sobre template Jux
Times e como us-lo facilmente. Esta documentao recomendado para usurios no-avanados
e avanados. Por favor, leia atentamente.
Principais aspectos abordados no guia do usurio:
1.

Instruo Template

2.

Baixar e instalar

3.

configurao do mdulo Homepage

4.

K2 configurao do mdulo pgina

5.

personalizao do modelo

6.

Logo personalizao

7.

configurao Megamenu

8.

Recomendao

4. Caractersticas
- 100% sensvel e retina pronto
- Design perfeito limpo e moderno para site de notcias / revista
- Compatvel com Joomla 3.x
- Construdo com Bootstrap, HTML5 e CSS3
- Fixo mega menu construdo em
- 6 estilos predefinidos graciosos
- Pginas Joomla bnus: formulrio de contato, erro 404 pginas, blog ...
- Font impressionante cone Integrao
- T3V3 base de quadro com belo design, recurso de personalizao poderoso
- A documentao detalhada includa
- Optimized e menos CSS para SEO no local
- A compatibilidade do navegador Cruz: IE9, IE10, Firefox, Chrome, Opera e Safari
- Personalizao flexvel e fcil de usar
- Entregue com Quickstart Instalao
- Extensa documentao online e offline, voc pode visualizar documentos on-line aqui
- Todas as imagens PSD principal e Quickstart foram gerados a partir Placehold.it para ajudar
voc sabe exatamente o tamanho da imagem.
5. Extenses Joomlaux Suportado

Aqui esto as extenses usadas em Jux Nmero de modelo:


Mdulo

Jux Slider Contedo

Jux Tempo

Itens Jux K2

6. Terceiros extenso suportada

K2 mdulo

7. Disposio e Mdulo Posies


traado
Aqui esto 3 layouts diferentes usados no modelo de Jux Times:

Content-Sidebar

Sidebar-Content

No-Sidebar

posies de mdulo
D uma olhada na imagem abaixo para a posio de todos os mdulos em Jux Vezes

8. T3 Framework
quadro T3 uma estrutura de modelo popular para Joomla 3.0 usando Bootstrap. Jux Tempos usa
T3V3 quadro que vem com aparncia totalmente nova, abordagem de design e recurso de
personalizao incrivelmente poderoso. Por favor, siga os links abaixo para saber mais sobre a
estrutura de T3 e sua implementao.
8.1 T3 Framework Introduo
Mais sobre a estrutura de T3, visite AQUI
Instalao 8.2 T3
Por favor, visite AQUI
Ambiente 8,3 T3
Por favor, visite AQUI
Sistema 8.4 Disposio
Por favor, visite AQUI
8.5 Personalizao
Por favor, visite AQUI

Download e instalao
1. Plano de seu site para desenvolvedores

1.1 Kick-iniciar um novo site Joomla? - Se voc est planejando para comear de novo com um
novo site Joomla, utilize o nosso pacote de incio rpido para clonar rapidamente o site demo, em
seguida, substituir o contedo de demonstrao com o seu. Verifique Como instalar a
documentao QuickStart Package para guia passo-a-passo em profundidade para o incio
rpido de instalao.

1.2 Instalar em seu site ao vivo existente? - Se voc estiver planejando usar esse modelo para o
seu site Joomla existente, voc deve seguir Como tornar seu site olhar como site demo guia
primeiro a cavar as etapas envolvidas.
2. Faa o download do modelo e extenses
Depois de comprar o nosso modelo, por favor, seguindo as instrues de ThemeForest para baixar
o pacote. Ento voc vai encontrar o nosso modelo como arquivo .zip dentro do pacote.
3. Instale modelo e extenses
Depois de baixar com xito os arquivos que voc precisa, voc precisar instalar os arquivos de
modelo em seu sistema Joomla. Como padro, durante o processo de instalao, Jux Tempos
modelo ser instalado com as configuraes que usamos para o site de demonstrao. Portanto,
se voc gostaria de fazer quaisquer alteraes na configurao, recomendado que voc deve
concluir a instalao (incluindo a instalao de todos os mdulos e plug-ins, juntamente com os
modelos como na demo), em seguida, realizar qualquer personalizao depois.
Veja como instalar o guia de extenso

A configurao do mdulo pgina inicial


Agora vamos para criar e configurar mdulo Homepage:
1. Mdulo de Pesquisa

Tipo de mdulo: Pesquisa


posio do mdulo: Cabea-search
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
2. Mdulo Slider Notcias

Tipo de mdulo: Jux Slider Contedo


Posio: slideshow
Front-end

Configuraes de back-end
Opes de exibio
atribuio de menu
Vdeo tutorial
3. Mdulo ltimas Notcias

Tipo de mdulo: K2 Content


Posio: lastestnews
Front-end

configuraes de back-end

atribuio de menu
Vdeo tutorial
4. Mdulo de vdeo

Tipo de mdulo: K2 Content


posio do mdulo: posio-1
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
Nota: Para que o mdulo de vdeo no frontend, no componente K2, voc deve observar
o seguinte:
Caso 1: Entre Crditos de mdia para itens no mdulo
Ir para backend: Component -> K2 -> Artigos -> Criar itens e introduzir ID do vdeo e Media
crditos para itens, voc pode ver imagem abaixo

Tome ID do vdeo do Youtube:

Para tirar ID do vdeo do Youtube, v para o Youtube e selecione o vdeo que deseja exibir, e tirar
ID do URL do vdeo. Voc pode ver seguinte imagem para entender a maneira de tomar o vdeo ID:

-> Resultado no frontend a imagem abaixo:

Caso 2: Sem Crditos media

Se voc no tem meios de crditos, voc pode ver o resultado no frontend

5. Mdulo vara Notcias


Tipo de mdulo: HTML personalizada
Posio: Posio-2
Module Class Suffix: -Destaca
HTML personalizado
<a title="Highlights" href="#"> <img src = "images / joomlaux / demo / highlights.jpg" alt = "" />
</a>
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
6. Mdulo Todas as histrias

Tipo de mdulo: K2 Content


Posio: Posio-5
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
7. Mdulo Breaking News
Tipo de mdulo: K2 Content
Posio: Posio-6
Front-end

configuraes de back-end
atribuio de menu
8. Mdulo Top Stories

Tipo de mdulo: contedo K2


Posio: Posio-7
sufixo classe Module: Mdulo padding-bg-padro
Front-end

configuraes de back-end
atribuio de menu
Vdeo tutorial
Nota: No mdulo de histrias Top, apoiamos 7 cores de fundo:

+> Bg-padro: permitir de fundo do mdulo de visualizao como padro de template.


+> Bg-laranja: este sufixo classe permite a exibio de fundo na cor laranja.
+> Bg-vermelho: este sufixo classe permite a exibio de fundo na cor vermelha.
+> Bg-azul: este sufixo classe permite a exibio de fundo na cor azul.
+> Bg-verde: este sufixo classe permite a exibio de fundo na cor verde.
+> Bg-rosa: este sufixo classe permite a exibio de fundo na cor rosa.
. +> Bg-roxo: este sufixo classe permite a exibio de fundo na cor roxa
-> Voc pode selecionar qualquer cor de fundo para seu mdulo.

9. Mdulo de Desporto
Tipo de mdulo: Jux Slider Contedo
posio do mdulo: contentmasshead

Front-end

Configuraes de back-end
Opes de exibio
atribuio de menu
Vdeo tutorial
10. Mdulo de Notcias in Picture

Tipo de mdulo: K2 Content


posio do mdulo: inner-1
Front-end

Configuraes de back-end

atribuio de menu
Vdeo tutorial
11. Mdulo de Etiquetas

Tipo de mdulo: Ferramentas K2


posio do mdulo: inner-2
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
12. Mdulo Calendrio

Tipo de mdulo: Ferramentas K2


posio do mdulo: inner-2
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
13. Mdulo Mais Popular

Tipo de mdulo: K2 Content


Posio: lateral
Front-end

configuraes de back-end
atribuio de menu
Vdeo tutorial
14. Mdulo Mais Vista

Tipo de mdulo: Itens Jux K2


posio do mdulo: barra lateral
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
15. Mdulo de Notcias Galeria

Tipo de mdulo: K2 Content


Posio: lateral
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
16. Mdulo Comentrios

Tipo de mdulo: K2 Comentrios


Posio: lateral
Front-end

Configuraes de back-end

atribuio de menu
Vdeo tutorial
Mdulo 17. Lista de Categorias

Tipo de mdulo: Ferramentas K2


Posio: navhelper
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
18. Mdulo Jux Tempo

Tipo de mdulo: Jux Tempo


Posio: footer-1
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
Para saber mais sobre o mdulo Tempo Jux, visite o nosso documento
Logo 19. Mdulo Rodap

Tipo de mdulo: HTML personalizada


Posio: footer-1
HTML personalizado
<div class = "footer-juxtimes">
<Div class = "juxtimes-image"> <a href="/" title="TIMES"> <img src = "templates / jux_times /
images / footer-logo.png" alt = "" /> </a> </ div>
</ Div>
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
20. Mdulo Local News

Tipo de Mdulo: Menu do Mdulo


Posio: footer-2
Front-end

Configuraes de back-end

atribuio de menu
Vdeo tutorial
21. Recursos Mdulo

Tipo de Mdulo: Menu do Mdulo


Posio: footer-3

Front-end

Configuraes de back-end

atribuio de menu
Vdeo tutorial
22. Mdulo de Conexo

Tipo de mdulo: HTML personalizada


Posio: footer-4
HTML personalizado
<Ul>
<Li>
<a href="#" title="Social">
</ Li>
<Li>
<a href="#" title="Social">
</ Li>
<Li>
<a href="#" title="Social">
</ Li>
<Li>
<a href="#" title="Social">
</ Li>
<Li>
<a href="#" title="Social">
</ Li>
<Li>
<a href="#" title="Social">
</ Li>
</ Ul>
Front-end

<i class = "fa fa-facebook"> </ i> Facebook </a>


<i class = "fa fa-twitter"> </ i> Twitter </a>
<i class = "fa fa-rss"> </ i> Rss </a>
<i class = "fa fa-youtube"> </ i> Youtube </a>
<i class = "fa fa-google-plus"> </ i> Google </a>
<i class = "fa fa-Pinterest"> </ i> Pinterest </a>

Configuraes de back-end
atribuio de menu
Mdulo classe sufixo
Vdeo tutorial
23. Mdulo de Copyright

Tipo de mdulo: Rodap


posio do mdulo: footer
Front-end

Configuraes de back-end

atribuio de menu
Vdeo tutorial
24. Mdulo Termos de menu

Tipo de Mdulo: Menu do Mdulo


Posio: footerterms
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial
Menu de 25. Mdulo Top

Tipo de Mdulo: Menu do Mdulo


Posio:-top-menu cabea
Module Class Suffix: top-menu
Front-end

Configuraes de back-end
atribuio de menu
Mdulo classe sufixo
Vdeo tutorial
26. Mdulo de Cabea Top Social

Tipo de mdulo: HTML personalizada


Posio: cabea-top-sociais
sufixo classe mdulo: -social
HTML personalizado
<Ul>

<Li class = "facebook-icon">


<a href="#" title="Social"> <i
</ Li>
<Li class = "twitter-icon">
<a href="#" title="Social"> <i
</ Li>
<Li class = "google-icon">
<a href="#" title="Social"> <i
</ Li>
<Li class = "rss-icon">
<a href="#" title="Social"> <i
</ Li>
</ Ul>

class = "fa fa-facebook"> </ i> </a>


class = "fa fa-twitter"> </ i> </a>
class = "fa fa-google-plus"> </ i> </a>
class = "fa fa-rss"> </ i> </a>

Front-end

Configuraes de back-end
atribuio de menu
sufixo mdulo de classe
Vdeo tutorial
27. Mdulo de Cabea Bandeira

Tipo de mdulo: HTML personalizada


Posio: Cabea-bandeira
HTML personalizado
<a href="#" title="Head Banner"> <img src = "images / joomlaux / demo / head-banner.jpg" alt
= "" /> </a>
Front-end

Configuraes de back-end
atribuio de menu
Vdeo tutorial

K2 Pgina de configurao MDULO


1. Instalar e configurar componente K2
Instruo 1.1 K2

K2 uma extenso poderosa e ideal que lhe permite controlar poderosamente seu contedo
Joomla. K2 fornece uma soluo out-of-the-box integrado que caracterizam formas ricas em
contedo para itens.
Para obter K2 em seu site:
- Componente Baixar K2 a partir do site http://getk2.org/
- Se voc novo no K2, ir para K2 guia para instalar e configurar o componente em seu site Joomla.

1.2 Instalar e pginas Configure K2


Para instalar e configurar pginas K2, siga estes passos:
- Passo 1: V para backend do seu site: Extenses -> Gerenciador de Mdulo e envi-K2 que
voc tenha baixado

- Aps o upload com sucesso, voc ter a mensagem e informao K2 como abaixo:

- Passo 2: Configurao Global

Voc vai encontrar definies gerais para K2 na configurao global. Navegue at Sistema ->
Configurao Global:

Clique em K2 no lado esquerdo, voc ter configuraes K2 exibido. Por favor, veja as imagens
abaixo para configuraes K2 em Configurao Global:
Disposio & View

K2 Content

K2 Imagens

K2 social

K2 Comentrio

K2 Frontend Edio

- Etapa 3: K2 Categorias
Para construir K2 para o seu site como o nosso demo, navegue at Components -> K2 ->
Categorias:

2. Guia de como configurar pginas de blog

Front-end

Para ter Blog pginas parecido em nosso site demo, por favor siga estes passos:
- Passo 1: V para back-end: Componentes -> K2 -> Categorias -> Selecionar categoria que
deseja exibir nas pginas de blog e configure:

Voc pode mudar frontend mudando Leading Conde e conde primria na categoria Layout do item.
- Passo 2: Para configurar a exibio de itens, por favor configurar em tela de item opes no
separador categoria listagens. Voc pode mostrar / ocultar campos que deseja exibir no frontend.

Guia 3. como configurar pgina item Blog

Front-end

Para ter itens de pgina Blog olhar como no nosso site de demonstrao, acesse K2 categoria que
deseja exibir itens em frontend e configurar item guia opes de exibio, escolha Mostrar /
Ocultar opes para configurar quais itens exibidos.

Nota: Se voc quiser exibir uma categoria como a categoria anterior, voc pode usar as opes de
parmetros herdar de categoria. Veja o exemplo abaixo:
Exemplo: Se voc quiser TV & Filmes categoria exibida como categoria EUA, configure como a seguir

4. Guia de como criar item mais recente

Front-end

Para esta pgina, por favor, siga estes passos:


- Passo 1: V para backend: Menu -> Main Menu -> Criar novo menu e definir o nome
ltimos itens com configuraes:

- Passo 2: Configurar opes para itens mais recentes, voc pode ver imagem abaixo

Guia 5. como configurar pgina Blog do usurio


Front-end

Para esta pgina, por favor, siga estas etapas


- Passo 1: V para backend: Menu -> Main Menu -> Criar menu e definir o nome: Blog do
Utilizador Page com as definies abaixo:

- Passo 2: Configurar opes de pgina do blog do usurio, voc pode ver a imagem abaixo:

6. Guia de como configurar Etiquetas Blog Pgina


Frontend da pgina

Para esta pgina, por favor, siga estes passos:

- Passo 1: V para backend: Menu -> Main Menu -> menu e nome do conjunto de Criar:
Etiquetas Blog Pgina com as configuraes abaixo:

- Passo 2: Configurar Tags Porta opes de pginas de blog, voc pode ver imagem

7. Guia de como configurar outros mdulos na pgina K2


7.1 Mdulo Categorias
Tipo de mdulo: Ferramentas K2
Posio: lateral
Front-end

Configuraes de back-end
atribuio de menu

7.2 Mdulo Mais Popular

Tipo de mdulo: K2 Content


Posio: lateral
Front-end

Configuraes de back-end
atribuio de menu
3. Mdulo Calendrio

Tipo de mdulo: Ferramentas K2


Posio: lateral
Front-end

Configuraes de back-end
atribuio de menu
4. Mdulo Comentrios

Tipo de mdulo: K2 Comentrios


Posio: lateral
Front-end

Configuraes de back-end
atribuio de menu
5. Mdulo de Arquivo

Tipo de mdulo: Ferramentas K2


posio do mdulo: barra lateral
Front-end

Configuraes de back-end
atribuio de menu
6. Mdulo de Etiquetas

Tipo de mdulo: Ferramentas K2


Posio: lateral
Front-end

Configuraes de back-end
atribuio de menu
7. Mdulo Login Form

Tipo de mdulo: Login


Posio: lateral
Front-end

Configuraes de back-end
atribuio de menu

personalizao do modelo
Substituir 1. Template

Para substituir modelo, por favor, clonar um estilo, em seguida, editar como quiser. Depois disso,
atribuir o estilo clonado para menus especficos. Os menus atribudos iro sobrepor os mesmos
menus no estilo padro.
Cada estilo pode ser configurado para usar um tema e layout de modo que em um site, voc pode ter menus com
diferentes temas e layouts.

Configurao 2. Disposio
2.1 Selecionar layout para o estilo
Em Jux Times, cada estilo vai usar um layout (mas por favor tenha em mente que um site usa
muitos estilos -> para um site pode usar vrios layouts simultaneamente porque T3 usa vrios
estilos em simultneo)

Configurao 2.2 Disposio

Na configurao de layout, existem 2 peas a serem configurados: estrutura de layout e


configurao de layout Responsive
configurao estrutura 2.2.1 Disposio

Defina o nmero de colunas em cada bloco holofotes

2.2.2 Configurao de layout Responsive


Selecione o layout responsivo

Em cada layout responsivo, voc pode ativar / desativar o contedo redimensionamento posio do mdulo no
bloco holofotes

3. Tema personalizao Magia


ThemeMagic uma das caracterstica de destaque no quadro T3. Ela ajuda-lo a personalizar T3
Framework verso 3 com base Joomla modelo sem ter que procurar o arquivo certo ou sem
mergulhar no cdigo
Para saber mais sobre a magia tema, consulte a documentao mgica Tema
Ao lado, em nosso modelo, apoiamos Mdulo Hightlight opes, voc pode mudar cada uma das
opes para o mdulo hightlight:

CUSTOMIZATION LOGO
Aqui est frontend da Logo em Jux Vezes

imagem Logo 1. Alterar


Existem 2 maneiras de mudar o logotipo para o modelo Jux Vezes
# 1: Alterar o logotipo do Template Manager
Cada estilo pode ir com logotipo diferente. Para definir o estilo para o logotipo, por favor v
para Extensions -> Template Manager -> Selecionar tema que voc est usando:

# 2: Alterar Logo a partir do arquivo variable.less


Outra forma de mudar o logotipo est mudando logotipo caminho da imagem no arquivo
variables.less, que est localizado no modelo / jux_times / menos
// LOGO TEMPLATE
// ------------------------------------------------ @ T3-logo-image: "@ {t3-image-path} /logo.png";
2. Logo Styling

Para personalizar o estilo para o logotipo, style.css arquivo aberto que est localizado em menos
pasta de modelo / jux_juxtimes / / style.css. Procurar "text logo", voc vai encontrar o estilo onde
voc pode adicionar mais estilos ou personaliz-lo com estilo predefinido.
// Logo
// ---.logo {

text-align: center;
tela @media e (min-width: @ tela-md) {
margin-top: 25px;
text-align: left;
}
uma {
display: inline-block;
line-height: 1;
margin: 0;
}
}
// Logo Imagem
// ---------.logo-image {
// Ocultar sitename e slogan
extenso, pequeno {
display: none;
}
}
// Pequeno Logo Imagem
// ---------------.small-logo {
display: none;
}
.affix {
.small-logo {
display: block;
float: left;
margin: 13px 15px 0 0px;
}
}
// Logo Texto
// ---------.logo-text {
uma {
text-decoration: none;
font-size: ceil (@ font-size-base de * 2);
font-weight: bold;
}
E: hover a,
a: hover
a: active,
um foco {
text-decoration: none;
}
// Taglines
.site-slogan {
display: block;
font-size: @ font-size-base;
margin-top: 5px;
}
}

MEGAMENU CONFIGURAO
1. Configurao Megamenu

A imagem abaixo mostra a amostra de Megamenu em juxTimes demonstrao. Na verdade, voc


pode fazer muito mais com o que Megamenu suporta.

Megamenu uma caracterstica de destaque em T3 Framework. A configurao visual (o que voc


configurar o que voc v na primeira pgina) do Megamenu ajuda a configurar-lo vontade.
1.1 Ativar Megamenu
Abra o modelo de estilo que voc deseja ativar Megamenu, v para a aba de navegao, em
seguida, habilite a opo Megamenu.

1.2 Configurar Megamenu

configurao Megamenu uma configurao global por isso o mesmo para todos os estilos do
modelo. Na parte superior do estilo de modelo, aperte o boto Megamenu

Nota: Selecione o menu para exibir no frontend

Voc pode selecionar qualquer menu para configurar para Megamenu. No entanto, no o menu
para ser exibido em sua primeira pgina. O menu apresentado em sua primeira pgina o menu
voc atribuir na definio do estilo de modelo, sob a guia de navegao.

1.2.1 Configurao do Nvel


Existem 3 nveis de configurao que voc deve saber

Item do menu

configurao submenu

definio de coluna

Item de definio 1.2.1.1 menu

A configurao item de menu permite-lhe activar / desactivar a sua sub-menu, adicionar classe
extra para o estilo do item de menu, adicionar o cone e legenda para o item de menu.
configurao 1.2.1.2 Submenu

configurao 1.2.1.3 Coluna

2. Configurao da lona Of
A nova barra lateral Canvas Off agora independente, com navegao Fechar para telas pequenas. A barra lateral
de lona Off exibe o contedo de posio definida.

2.1 Ativar Of barra lateral Canvas


Para habilitar Off barra lateral lona, aberta guia Add-ons depois habilitar Off barra lateral Canvas

Atribuir posio do mdulo para Off Canvas-sidebar. Por padro, Off-canvas ser atribudo a
posio off-canvas

2.2 Adicionar contedo para barra lateral Canvas Of

Adicionar contedo para a barra lateral de lona por criar mdulos, em seguida, atribu-los para a
posio off-tela.

Aparncia front-end

2.3 Uso Of-Canvas como Navigator em telas pequenas


No caso de voc deseja exibir Off-Canvas barra lateral como a navegao em telas pequenas,
como tablet, celular, por favor desativar barra lateral Off-canvas no layout responsivo.

Frontend Aparncia:

RECOMENDAO
O guia do usurio acima deve ajudar um em replicar as definies do site demo para o modelo e
extenso em seu site.

Se voc novo ou est confuso, recomendamos a instalao de incio rpido no seu host local e
us-lo como referncia para configuraes. Esta a melhor maneira de trabalhar com qualquer
template.You deve ler cuidadosamente todos os recursos fornecidos para aproveitar ao mximo
dos nossos produtos.
Apoio: Se voc tem qualquer problema ou pergunta, por favor levantem as suas dvidas de
suporte no frum , ou o nosso sistema de bilhete . Ns passamos mais tempo no sentido de
obter as informaes do utilizador no caso de as directrizes de apoio no so seguidas.

Você também pode gostar