[Tutorial] Instalando e Usando Template Criado com Artisteer

1- Instalando Template Joomla Para instalar um template exportado e compactado atravs do painel de administrao do Joomla faa o seguinte: > Ir para Joomla Administrator ( http://www.seu-site.com.br/administrator ) - > Extenses -> Instalar / Desinstalar > No "Gerenciador de Extenso " escolher a primeira opo "Upload Package File ". > Clique no boto " Browse..." boto para selecionar o arquivo zip do seu computador. > Clique no boto "Upload File & Install". Para mais informaes, visite http://docs.joomla.org/How_to_install_templates

Joomla Template Positions

Obs: Posies extra1 e extra2 sero suportados em Artisteer 3.x.

Utilizando Menus Aplicando estilo Artisteer para o menu Por favor, utilize os seguintes passos para utilizar o estilo de menu concebido com Artisteer: > Ir para Joomla Administrator ( http://www.seu-site.com.br/administrator ) - > Extenses -> Gerenciador de Mdulo > Abrir um menu existente ou criar um novo e coloc-lo na posio " user3 " . NOTA: a posio " user3 " pode conter apenas um menu nico, ou nenhum. Para mais informaes, visite http://docs.joomla.org/Screen.modules.15

Criando menu Multi-nivel Aqui esto os passos que deve seguir para criar um menu com vrios nveis em seu site Joomla: >Habilitar mltiplos nveis de menu no Artisteer -> Menu -> Subitem - > Levels -> Multilevel. > Ir para Joomla Administration ( http://www.seu-site.com.br/administrator ) e permitem vrios nveis no seu mdulo de menu ( Extenses -> Gerenciador de Mdulos > clique para editar menu ( menu superior, por exemplo) > Parmetros do Mdulo -> "Sempre mostrar sub- Itens de menu " ). Certifique-se de que voc tem itens de menu em nveis mais baixos definidos no Joomla.

Criando menu vertical Comeando com Artisteer 2.4 voc pode usar um mdulo com Module Class Suffix (Sufixo de Classe de Mdulo - NT: permite customizar especificamente via css um determinado mdulo) usando art-vmenu Para fazer isso, siga estes passos: >Entrar para Joomla Administrao e v para Extenses -> Gerenciador de Mdulo. > Selecione o mdulo que voc deseja editar. >Ir para parmetros do mdulo e especificar o sufixo art-vmenu. > Tenha em mente que voc deve desabilitar o cache se voc criar um menu vertical do tipo click-open

Para criar um menu vertical com sub- itens: > Para Permitir nveis de menu mltiplos no Artisteer Menu> Vertical -> Subitens -> Levels. Certifique-se que a verso de amostra Subitem Vertical funciona dentro do template visualizado (modo preview) no Artisteer. > Criar um menu com sub -menu itens em Joomla. Sub -menu itens devem ter itens pai especificado para eles. > Permitir vrios nveis no seu mdulo menu ( "Sempre mostrar itens do sub-menu "). > Usar o Sufixo de mdulo de classe art-vmenu para aplicar o estilo desejado de menu vertical para os mdulos de

menu desejado Repare que: subitens no aparecer ao passar do mouse, mas somente quando voc clicar no item pai (exceto para menus com nveis aberto, onde todos os itens sub- so visveis ). Criando menu vertical com separadores Separador um dos quatro grupos item de menu com link interno, link externo, e Alias. Ao contrrio dos itens separadores de menu regular no fazem link para uma pgina web em particular, eles so usados para classificar os itens de menu. A partir da verso 3.0 Beta 2, templates feitos no Artisteer para Joomla veem com suporte a Menu vertical com separadores. Para ativar separadores de menu, atualize o Artisteer, abra o seu. ARTX projeto, re -exporte o seu template e aplic-lo no Joomla. Alm disso, certifique-se que seus nveis de Menu Vertical so ativados em Artisteer antes o template exportado (Vertical Menu -> Subitem -> Levels -> Open by Click/ All Open) Para criar um menu personalizado Vertical com separadores: > Entrar para Joomla Administrao e abrir o seu menu personalizado ( Menus -> [nome do menu personalizado ]) > Pressione o boto " Novo " para adicionar um item de menu e selecione um separador tipo de item de menu, ou clique no item de menu existente, pressione " Alterar Tipo " e salve-o como um separador.

3- Abra o item, que deve ser colocado dentro do separador, e selecione o separador como seu item pai.

Personalizando o footer (rodap) Para personalizar o footer do seu template Joomla via um lugar de administrao ou vrios mdulos para a posio "copyright". Isso ir substituir o texto de direitos autorais padro includo no footer, ou no template com o novo contedo fornecidos pelo mdulo.

Aqui esto os passos de exemplo para configurar o footer personalizado: Ir para Joomla Administrator ( http://www.seu-site.com.br/administrator ) - > Extenses -> Gerenciador de Mdulo. Clique em " Novo ", selecione "HTML Customizado ", selecione "Prxmio". Nas propriedades do mdulo de especificar: > Ttulo - Mostrar Ttulo: No > Posio: copyright > Sada personalizado: ( o contedo desejado no footer) > Salvar as alteraes. Agora voc pode utilizar o mdulo recm-criado para mais personalizaes rodap sem a utilizao de mdulos adicionais.

Estilo do Mdulo no Joomla Artisteer 3.0 e verses posteriores permitem o uso de Custom Module lass Suffixes. Ento, agora voc pode usar seu prprio Module Class Suffixes juntamente com os sufixos Artisteer padro, tais como: art-article, artblock ou art-nostyle. O recurso funciona muito semelhante ao costume do sufixo de classe padro do mdulo em templates Joomla padro, exceto por isso requer a sintaxe apropriada. Para ativar um personalizado Module Suffix, siga os passos abaixo: 1. Defina a sua personalizao das classes .CustomSuffix1 and .CustomSuffix2 no arquivo template.css. 2. Entrar na sua administrao e v para Joomla Extensions -> Gerenciador de Mdulo. Selecione o mdulo que voc gostaria de editar e v para parmetros do mdulo. No tipo de oo Module Class Suffix , com um espao principal ( se voc digitar o sufixo personalizado sem um espao esquerda, o Artisteer classe css no ser modificado e seu sufixo ser ignorado. Basicamente, voc pode usar:

1- [barra de espao] CustomSuffix1 CustomSuffix2 para obter o block classes como: <div class="art-block CustomSuffix1 CustomSuffix1"> ... </div>

2- [ um dos sufixos Artisteer ] [barra de espao] CustomSuffix1 CustomSuffix2 para remover block styles do Artisteer e aplicar estilos ps, ou no style no bloco. Nesse caso, o cdigo de bloco resultante ser semelhante: <div class="art-article CustomSuffix1 CustomSuffix2"> ... </div>

ou <div class="art-nostyle CustomSuffix1 CustomSuffix2"> ... </div> O ltimo caso (com o sufixo art-nostyle ) ir remover todos os estilos Artisteer e aplicar o seu estilo de classes/estilos CustomSuffix1 CustomSuffix ao bloco.