(TUTORIAL) 5 Passos Convertendo HTML Template para Joomla

[TUTORIAL] 5 passos Convertendo HTML Template para Joomla Jo...
http://www.joomlaclube.com.br/site/forum/viewtopic.php?f=15&t=3159
Voce esta aqui: Inicio
Frum
Seu Nome
ENTRAR
Esqueceu Senha? | Registrar-se
Inicio
Frum
Frum
Registrar Entrar
Comunidade
Pesquisar
Templates
Top Membros
Extenses
Administrao
Cursos
Pesquisar Regras
Joomla
Docs
Matrias
ndice do frum Suporte Joomla Documentao
Ler mensagens sem resposta | Pesquisar por tpicos ativos
[TUTORIAL] 5 passos Convertendo HTML Template para Joomla

Pgina 1 de 1 [ 3 mensagens ] Imprimir pg. Autor Mensagem Ttulo: [TUTORIAL] 5 passos Convertendo HTML Template para Joomla Enviado: 19 Set 2009, 02:31 Exibir tpico anterior | Exibir prximo tpico
Neo*
JCB! Iniciante
Pessoal resolvi postar este tutorial para ajudar o povo, pois sem que muito pedido esse assunto... Esse tutorial s um quebra galho... No uma soluo... |Mas sim para vc tirar noes melhores de como proceder na converso. E visto tambm que sou novato no Joomla isso tambem me limita bastante... 5 Easy Steps Convertendo HTML Template para Joomla Template Convertendo um modelo HTML de um template Joomla no to duro como voc pensa. Only five easy steps, and you can create and use your Joomla template. Apenas cinco passos simples, e voc pode criar e usar o seu template Joomla. Por que voc quer saber isso? porque talvez voc tropea em html livre lindos modelos enquanto navega na net e realmente quiser us-lo para o seu site com joomla.
Mensagens: 7
Passo 1 Prepare o seu modelo. O modelo deve ser (X) HTML e CSS compliant. Existem muitos modelos HTML na internet, basta procurar-los usando o tio Google. Verifique se o arquivo HTML, imagens e arquivos CSS esto dentro de um nico diretrio criado em pasta de modelos. Por exemplo, d uma olhada no template do Joomla estrutura abaixo:
Joomla Template Estrutura de Diretrios Joomla ir procurar index.php dentro do diretrio template. So, rename the index.html file to index.php. Ento, renomeie o arquivo index.html para index.php. Passo 2 Substituir o cdigo HTML antes da tag do corpo do seu arquivo HTML com este cdigo.
Cdigo:
# <? php # # // no direct access / / No acesso directo
1 de 5
16/5/2012 15:21
# defined( '_JEXEC' ) or die( 'Restricted access' ); defined ( '_JEXEC') or die ( 'Acesso restrito'); # ?> ?> # <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> # <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <html xmlns = "http://www.w3.org/1999/xhtml" xml: lang = "<? php echo $ this-> language;?>" lang = "<? php echo $ this-> language; ?> "> # <head> <head> # <jdoc:include type="head" /> <jdoc:include type="head" /> # # <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /> <link rel = "stylesheet" href = "<? php echo $ this-> baseurl?> / templates / system / CSS / system.css" type = "text / css" /> # <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> <link rel = "stylesheet" href = "<? php echo $ this-> baseurl?> / templates / system / CSS / general.css" type = "text / css" /> # <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/your_template_name /your_css_directory/your_css_file.css" type="text/css" /> <link rel = "stylesheet" href = "<? php echo $ this-> baseurl?> / templates / your_template_name / your_css_directory / your_css_file.css" type = "text / css" /> # # </head> </ head>
Voc deve notar neste cdigo: Alterar your_template_name "para o nome do seu modelo", your_css_directory "ao nome do seu diretrio do CSS, eo ltimo," mudana your_css_file.css "ao nome do seu arquivo CSS. Se voc tiver mais de um css, voc deve declar-los um por um. Se voc tem alguns arquivos javascript, voc deve declar-los com a mesma forma.
Cdigo:
<link rel = "stylesheet" href = "<? php echo $ this-> baseurl?> / templates / your_template_name / your_css_directory / your_css_file.css" type = "text / css" />
Passo 3 O padro Joomla modelo tem algumas posies mdulo, como trilha, esquerda, direita, superior, user1, user2, user3, user4, rodap, depurar sindicato. As posies joomla mdulo so mostradas abaixo.
Joomla Module Position Para criar uma posio de mdulo, temos de colocar este cdigo <jdoc:include type="modules" name="your_module_position_name" /> a adequ posio. O atributo name o nome da posio do mdulo. O trecho de cdigo para criar uma posio do mdulo :
2 de 5
16/5/2012 15:21
Cdigo:
# <div id="header_r"> # <div id="logo"></div> <div id="logo"> </ div> # <jdoc:include type="modules" name="top" /> <jdoc:include type="modules" name="top" /> # </div> </ div>
Aps isso, voc precisa colocar um componente. O cdigo mostrado abaixo.
Cdigo:
<jdoc:include type="component" />
Se voc precisa incluir a mensagem, voc s precisa incluir este cdigo:
Cdigo:
<jdoc:include type="message" />
Passo 4 Criar um arquivo XML. Voc precisa criar um arquivo de manifesto para listar todos os arquivos que voc usou. Se voc no cri-lo, ele ir causar erro durante a instalao do seu modelo. Aqui est o exemplo de um arquivo de manifesto:
Cdigo:
# <? xml version = "1.0" encoding = "UTF-8"? # <!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://dev.joomla.org/xml/1.5 /template-install.dtd"> DOCTYPE instalar PUBLIC "- / / Joomla! 1,5 / / DTD modelo 1.0 / / EN" "http://dev.joomla.org/xml/1.5/template-install.dtd"> # <install version = "1.5" type = "template" > verso <install = tipo "1.5" = "template"> # <name > your_template_name </name > <nome> your_template_name </ name> # <creationDate > 25/01/2009 </creationDate > <creationDate> 25/01/2009 </ creationDate> # <author > Dani Gunawan </author > <author> Dani Gunawan </ author> # <authorEmail > dani.gunawan@yahoo.com </authorEmail > <authorEmail> dani.gunawan @ yahoo.com </ authorEmail> # <authorUrl > http://tobacamp.com </authorUrl > <authorUrl> http://tobacamp.com </ authorUrl> # <copyright > </copyright > <copyright> </ copyright> # <license > GNU/GPL </license > <license> GNU / GPL </ license> # <version > 1.0.0 </version > <version> 1.0.0 </ version> # <description > template description goes here </description > <description> template descrio vai aqui </ description> # <files > <arquivos> # <filename > index.php </filename > <filename> index.php </ filename> # <filename > templateDetails.xml </filename > <filename> templateDetails.xml </ filename> # <filename > template_thumbnail.png </filename > <filename> template_thumbnail.png </ filename> # <filename > images/arrow.png </filename > <filename> images / arrow.png </ filename> # <filename > images/logo.png </filename > <filename> images / logo.png </ filename> # <filename > css/template.css </filename > <filename> CSS / template.css </ filename> # </files > </ files>
3 de 5
16/5/2012 15:21
# <positions > <positions> # <position > breadcrumb </position > <position> breadcrumb </ position> # <position > left </position > <position> left </ position> # <position > right </position > <position> right </ position> # <position > top </position > <position> top </ position> # <position > user1 </position > <position> user1 </ position> # <position > user2 </position > <position> user2 </ position> # <position > user3 </position > <position> user3 </ position> # <position > user4 </position > <position> user4 </ position> # <position > footer </position > <position> footer </ position> # <position > debug </position > <position> debug </ position> # <position > syndicate </position > <position> syndicate </ position> # </positions > </ posies> # </install > </ install>
No se esquea de inscrever todos os seus arquivos usado em seu recm-feito modelo tag arquivos dentro. Se voc perdeu, os arquivos no sero copiados para Joomla template diretrio durante o processo de instalao. positions tag is used to declare the position name used in your template. tag posies usado para declarar o nome da posio usada em seu modelo. Passo 5 Pacote-lo. Voc pode criar uma miniatura (thumbnail) do seu modelo antes de embal-lo. Ela deve ter 206px de largura e 150px de altura e, finalmente, comprimir o seu modelo para um arquivo zip e seu modelo est pronto para ir. No se esquea de test-lo antes de compartilh-lo Internet no caso de voc sentir como ele. Fonte: http://www.tobacamp.com/tutorial/5-easy ... -template/
Voltar ao topo
uriel
Time Suporte
Ttulo: Re: [TUTORIAL] 5 passos Convertendo HTML Template para Joomla
Enviado: 19 Set 2009, 11:48
otima iniciativa, meu parabens !! seria otimo ter mais usuarios assim !! o JCB seria ainda melhor !! abrao _________________
Presto consultoria em Joomla. Basta mandar uma MP.

Twitter = UrielSouza
Quer uma boa hospedagem?

Com 60 dias grtis para testar seu Joomla? basta utilizar o cdigo: *60diasgratis* com os 2 asteriscos >> Super hospedagem
Mensagens: 3258 Voltar ao topo
Rickschaves
Administrador
Ttulo: Re: [TUTORIAL] 5 passos Convertendo HTML Template para Joomla
Enviado: 19 Set 2009, 13:57
Muito bom! Valeu pela contribuio! _________________ Abrao, Rick Chaves LEIA AS REGRAS DO FRUM!!! Hospedagem Joomla 1 ms grtis pra testar!!!
4 de 5
16/5/2012 15:21
Mensagens: 1532 Voltar ao topo Exibir mensagens anteriores: Todas as mensagens Pgina 1 de 1 [ 3 mensagens ] Ordenar por Data da mensagem
Crescente
Ir
Quem est online

Usurios navegando neste frum: Nenhum usurio registrado e 3 visitantes Enviar mensagens: Responder mensagens: Editar mensagens: Excluir mensagens: Enviar anexos: Procurar por: Proibido Proibido Proibido Proibido Proibido
Ir
Ir para:
Documentao
Ir
5 de 5
16/5/2012 15:21

(TUTORIAL) 5 Passos Convertendo HTML Template para Joomla

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

(TUTORIAL) 5 Passos Convertendo HTML Template para Joomla

Uploaded by

Copyright:

Available Formats

[TUTORIAL] 5 passos Convertendo HTML Template para Joomla Jo...

Voce esta aqui: Inicio

Esqueceu Senha? | Registrar-se

ndice do frum Suporte Joomla Documentao

Ler mensagens sem resposta | Pesquisar por tpicos ativos