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.
[ Hits: 58.264 ]
Por: Fabio Rizzo Matos em 05/01/2005 | Blog: http://www.vindula.com.br
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:
Página anterior Próxima página
Páginas do artigo
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
Outros artigos deste autor
Criando formulários no Zope/Plone utilizando o banco de dados MySQL
Instalando um servidor Zope/Plone
Introdução ao Python (parte 1)
Gerenciando registros em banco de dados com Zope
Introdução ao Jython
Leitura recomendada
Utilizando o Python como calculadora
Solução de Intranet Vindula 1.1 - Instalação no Ubuntu 10.04 LTS
CMS Plone 4.1.6 com invólucro Virtualenv + Buildout + Mount Point + BLOB Storage + Unicode UTF-8
Instalação Plone 2.5.5 com módulos customizados
Criando formulários no Zope/Plone utilizando o banco de dados MySQL
Comentários
Tem jeito de trabalhar com o plone usando o apache e não o zope?
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
Mensagem
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
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
Mensagem
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
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
Mensagem
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
Oi,
Eu gostaria de saber onde tah o arquivo que redimensiona a parte de cima e as laterais?
Obrigado
Mensagem
Oi,
Eu gostaria de saber onde tah o arquivo que redimensiona a parte de cima e as laterais?
Obrigado
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.
Mensagem
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.
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 ***********/
Mensagem
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
Enviar