Changes between Version 5 and Version 6 of phpgwapi/temas

Timestamp:

03/02/10 09:09:35 (14 years ago)

Author:

amuller

Comment:

--

phpgwapi/temas

@@ -29 +29 @@
 A idéia do tema (css) é de que ele já estará carregado quando o módulo for iniciado de forma que '''não é preciso''' recriar um a um dos css's dentro do módulos. Toda modificação que é feita por exemplo no expressoMail, apenas é feita no main.css, de forma que os outros temas não tenham que carregar esta modificação (não será preciso alterar todos os css's). Logo o css é apenas um tema geral do expresso sem especificidades dos módulos.
 
+
+== Criando um tema == 
+Neste exemplos iremos criar um tema "araucaria". Primeiro de tudo ache um css com cores parecidas com a que você quer. Gere todas as imagens de acordo com as imagens presentes em "/var/www/expresso/phpgwapi/templates/deafult/images". Copie um arquivo novo:
+{{{
+cp /var/www/expresso/phpgwapi/templates/default/css/rochas.css /var/www/expresso/phpgwapi/templates/default/css/araucaria.css
+}}}
+
+Mudar o fundo da barra de aplicações:
+{{{
+.toolbar
+{
+        background-image:url(../../../../phpgwapi/templates/default/images/fundo_topo_araucaria.png);
+        position:absolute;
+}}}
+
+Mudar o logo do canto superior esquerdo
+{{{
+.logo_expresso
+{
+        background:url(../../../../phpgwapi/templates/default/images/logo_expresso_araucaria.png) no-repeat !important;
+        width: 264px;
+        height: 35px;
+}}}
+
+Mudar o fundo do cabeçalho das mensagens
+{{{
+.table_message{ 
+        background: url(../../../../phpgwapi/templates/default/images/fundo_topo_araucaria.jpg) !important;
+}}}
+
+Cor das fontes do header
+{{{
+.message_options {
+        color: #863 !important;
+}}}
+
+Fundo dos botões
+{{{
+.navbar_but
+{
+        background-image: url(../../../../phpgwapi/templates/default/images/back_app_araucaria.png) !important;
+}}}
+
+Fundo das patas
+{{{
+.image-menu {
+        padding: 0px 0px 0px 0px !important;
+        background: #ddf4fe url(../../../../phpgwapi/templates/default/images/folder_bg_araucaria.jpg) no-repeat scroll center bottom !important;
+}}}
+
+Configurar a cor de fundo:
+{{{
+body 
+{
+        margin: 0px !important;
+        background-color: #380E00 !important;
+}}}
+
 Veja mais informações em:
 [/wiki/phpgwapi/temas/padroes Padrões de nomes dos temas]