ProjetoGrafico

• Projeto gráfico para a área TWikiBar pois o layout padrão é muito feio ...

---

Para testar, basta adicionar ?skin=free à URL de qualquer tópico. Para efetivar a FreeSkin (TWiki:Plugins/FreeSkin) como pele padrão da Wiki, é preciso definir a variável SKIN para free no tópico WebPreferences.

Veja como está ficando! - só não reparem nas cores das DIVs, pois estas cores berrantes nos ajudam a ver o posicionamento na página.

---

O LayOut desta área TWikiBar está sendo desenvolvido dentro da filosofia TableLess, para compreender o que é, para se inpirar e usar veja os Web Sítios abaixo:

• Brasileiros:
  • CSS para WebDesign
  • O que é TableLess
  • A Beleza nos Designs CSS
• Inglês:
  • O poder do CSS
  • Referência Rápida de CSS
  • Aprenda CSS de verdade

---

Para isso, utilizaremos a FreeSkin (TWiki:Plugins/FreeSkin), uma skin(pele) que possibilita a alteração do layout de uma TWikiWeb através da alteração de tópicos especiais na web.

---

A princípio, serão usados os seguintes tópicos:

• Visualização normal:
  • Tópicos Base (Obrigatórios):
    • FreeSkinPreTopic - incluído no view.free.tmpl antes do texto
    • FreeSkinPosTopic - incluído no view.free.tmpl depois do texto
  • Tópicos extras (para modularização):
    • FreeSkinCSS - folhas de estilo CSS
    • FreeSkinMenu - menu
    • FreeSkinBarraNavegacao - barra de navegação
    • FreeSkinImagens - captar todas as imagens
    • FreeSkinControlesEdicao - controles de edição
    • FreeSkinVoceEstaAqui - indicador de onde estamos
    • FreeSkinPadraoCabecalho - cabecalho padrão
    • FreeSkinCopyRight - conteúdo do copyright
  • Aproveitando alguns tópicos da Skin Pattern:
    • WebTopBar - cabecalho (global)
    • WebLeftBar - menu (local)
    • WebBottomBar - rodapé geral (global)
• Visualização para Impressão:
  • Tópicos Base (Obrigatórios):
    • FreeSkinPrePrinting - incluído no view.freeprint.tmpl antes do texto
    • FreeSkinPosPrinting - incluído no view.freeprint.tmpl depois do texto

-- JarbasJunior - 16 Sep 2005