Pular para o conteúdo

Customizando o layout do plone

Nesse artigo vamos aprender como modificar a "cara" do Plone, fazendo algumas customizações em sua aparência, cor e layout.
Fabio Rizzo Matos fabrizmat
Hits: 60.668 Categoria: Python Subcategoria: Zope/Plone
  • Indicar
  • Impressora
  • Denunciar

Parte 3: Mudando as cores do site

Mudar as cores de um site Plone é uma tarefa muito simples, basta alterar o arquivo base_properties.

Acesse a ZMI e clique no seu Site Plone > Portal_skin > plone_styles.

Clique em base_properties e Clique em Customize.


Ao realizar esta tarefa, uma série de opções irão aparecer, e então será possível fazer qualquer mudança na cor de links, fontes, etc.

Vamos mudar esses objetos:

contentViewBackgroundColor = Altera a cor de fundo das abas de conteúdo do site Plone.

Vamos alterar a cor atual #cde2a7 para #FFFFCC, que é o amarelo claro que você vê abaixo.


GlobalBackgroundColor = Altera a cor de fundo dos objetos do Plone. Vamos alterar de #dee7ec para #FFCC66. Essa cor é esse tom de laranja abaixo:


GlobalBorderColor = Altera a borda dos objetos do Plone. Vamos alterar de #8cacbb para black.


contentViewBorderColor = Altera a borda dos objetos de conteúdo do Plone site. Vamos alterar de #74ae0b para black.

Antes:


Depois:


ContentViewFontColor = é a fonte dos objetos de conteúdo do Plone. Vamos alterar de #578308 para black.

Antes:


Depois:

   1. Introdução
   2. Resolução
   3. Mudando as cores do site
   4. Colocando um background no Cabeçalho do Plone
   5. Colocando Bordas no site Plone
   6. Mudando o Logo do Plone
   7. Conclusão

Criando formulários no Zope/Plone utilizando o banco de dados MySQL

Gerenciando registros em banco de dados com Zope

Introdução ao Jython

Instalando o MySQL no Zope/Plone e criando uma pequena aplicação

Utilizando as bibliotecas do Java usando o Jython

Python, o curso (parte 1)

Gerenciando registros em banco de dados com Zope

Instalação básica do Plone 3 com Buildout no Linux

ZPT - Zope Pages Templates

wxPython, uma biblioteca GUI multi-plataforma (parte 1)

#1 Comentário enviado por cvs em 05/01/2005 - 09:35h
Tem jeito de trabalhar com o plone usando o apache e não o zope?
#2 Comentário enviado por fabio em 06/01/2005 - 01:37h
Olá cvs, na verdade não. O plone é uma espécie de "módulo" para o zope, que adiciona algumas belas funcionalidades à sua ZMI.

A dupla se encaixou tão perfeitamente que hoje em dia muitos tratam a tecnologia como Zope/Plone e não somente Zope ou Plone.

[]'s
#3 Comentário enviado por removido em 09/01/2005 - 11:44h
OPa!,

Amigo só me confirma uma coisa... Ele monta todo o layout em "layout CSS" mais conhecido como tableless ?. Pow vi seu site http://www.fabiorizzo.com/
e o mesmo se encontra pelo que entendo em layout CSS certo?.

no aguardo...

--
Abs,
guinet gmail com

#4 Comentário enviado por fabrizmat em 17/01/2005 - 07:38h
As vezes ele dá impressão de ser tableless, mais não é não! ele ainda está trabalhando em tables.

Porém, o plone contém uma skin para trabalhar tableless.

até mais

Fabio Rizzo
fabio@fabiorizzo.com
www.fabiorizzo.com
#5 Comentário enviado por gregorypv em 13/12/2006 - 10:08h
Oi,
Eu gostaria de saber onde tah o arquivo que redimensiona a parte de cima e as laterais?

Obrigado
#6 Comentário enviado por Alexandremmdc em 13/03/2010 - 13:54h
Eu instalei o PLONE, mas quando eu vou traduzir o plone para o portugues-br, não consigo.
Isso é feito dentro do ambiente do PLONE? Exite uma explicação do Jean, logo abaixo,
mas não entendi.
----------------------------------------------------------------------------------------------------
Com Localizer+TranslationService:

1)Download do Localizer e do TranslationService
2)Instalá-los no lib/python/Products e reboot zope
3)Na raiz do Plone, instanciar o TranslationService (padrão) e o
Localizer (padrão), com linguagem pt-BR
4)Dentro de Localizer, criar um MessageCatalog com nome PythonBR, usando
pt-BR
5)Dentro de PythonBR, na aba Import, se não me engano, importar o
arquivo que acompanha o Plone em i18n/Plone-pt-BR.po
6)No TranslationService, usar como padrão o path Localizer/PythonBR
7)Grite ;-)

Com PlacelessTranslationService:

1)Download PlacelessTranslationService
2)Instalá-lo no lib/python/Products e reboot zope
3)Compilar todas as mensagens na pasta i18n com o comando "msgfmt -v -o
produto-sigla.mo produto_sigla.po", gerando os arquivos .mo que o
Placeless lê
4)Mova a pasta i18n para lib/python/Products/SeuProduto
5)Reboot Zope
7)Grite ;-)

Descupe se esqueci alguma coisa, estou correndo...! ;-)

[]'s Jean.
#7 Comentário enviado por ericdelano em 08/03/2017 - 17:47h
não deu certo aqui

* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */


/************ IMAGENS DAS NOTICIAS **************/
.newsImageContainer {
float:center;
margin: 0 1em 0.5em 0;
width: 202px;
}
.newsImageContainer .discreet {
margin: 0em 0em 0em 0em;
}
.newsImageContainer {
float:center;
margin: 0 1em 0.5em 0;
width: 202px;
}

/*Centraliza o Site no Meio da Página */

#visual-portal-wrapper
{
margin: 2em auto 0 auto;
width: 720px;
}


/* </dtml-with> */



/********** FIM DA IMAGENS NOTICIAS ***********/

Contribuir com comentário

Entre na sua conta para comentar.