Re: [zope-pt] Re: Mudar background de um Portlet

2007-06-27 Por tôpico Andre Nogueira
Kleber e Cristina,

Nem é preciso alterar o codigo do portlet.
Voce pode adicionar direto na sua ploneCustom.css as seguintes linhas:

#portlet-static {
background: url(imagem.jpg);
}

Dessa maneira você segue a lógica do Plone e não precisa criar uma classe nova.

[]s
andre nogueira
www.simplesconsultoria.com.br


  - Original Message - 
  From: Cleber J Santos 
  To: zope-pt@yahoogrupos.com.br 
  Sent: Friday, June 15, 2007 11:54 AM
  Subject: Re: [zope-pt] Re: Mudar background de um Portlet


   

  Mas vamos com calma, você deseja mudar o background de todos os 
  portlets? Ou apenas deste?

  Se for apenas para este portlet então você deve criar no seu css uma 
  classe assim por exemplo;

  .PortletBackground{
  background:url(imagem.jpg);
  }

  E depois chamar essa classe no seu portlet, alterando a linha de número 11:

  De: div class=portlet id=portlet-static
  Para: div class=PortletBackground id=portlet-static

  At,

  -- 
  #!/bin/bash
  # Name: Cleber J Santos
  # Email: [EMAIL PROTECTED]
  # Icq: 27837


  Atividade nos últimos dias
a..  3Novos usuários
  Visite seu Grupo 
  Yahoo! Mail
  Conecte-se ao mundo

  Proteção anti-spam

  Muito mais espaço

  Yahoo! Barra
  Instale grátis

  Buscar sites na web

  Checar seus e-mails .

  Yahoo! Grupos
  Crie seu próprio grupo

  A melhor forma de comunicação

  . 
   

Re: [zope-pt] Re: Mudar background de um Portlet

2007-06-26 Por tôpico Cleber J Santos
Cristina Souza wrote:
 O CÓDIGO DO PORTLET QUE CRIEI É ESSE:

 html xmlns:tal=http://xml.zope.org/namespaces/tal;
 xmlns:metal=http://xml.zope.org/namespaces/metal;
 i18n:domain=plone

   body

   !-- The static box --

   div metal:define-macro=portlet

   div class=portlet id=portlet-static

   h5 i18n:translate=box_statis Principais Serviços /h5

   div class=portletBody 

   div class=portletContent odd
   
a
 href=http://200.216.219.16:8080/Intranet/organograma/comunicacao-e-negocios/nucleo-de-apoio-a-gestao-da-informacao/sistemas-de-informacao/;Sistemas
 de Informação/a

   /div

   div class=portletContent even

 
   /div 

   /div

   /div

   /div

   /body

   /html


 JÁ O CÓDIGO DO PORTLETS.CSS É O SEGUINTE: 

 /* Main portlet elements */

 dl.portlet {
 margin: 1px 0 1em 0;
 border-bottom: dtml-borderWidth; dtml-borderStyle;
 dtml-globalBorderColor;;
 background-color: dtml-backgroundColor;;
 }

 dl.portlet a {
 text-decoration: none;
 }

 .portlet a.tile {
 display: block;
 }


 /* XXX: The two below rules should really be in the rule above, but
 that makes the items grow/shrink on :hover (navtree) - need to
 investigate how to make it not do that. ~limi, Dec 2005 */
 dd.portletItem a,
 dd.portletFooter a {
 border-bottom: none;
 }
 dd.portletItem a:visited,
 dd.portletFooter a:visited {
 color: dtml-linkColor;;
 }

 .portletHeader {
 background-image: url(portlet);; /*dtml-globalBackgroundColor;;*/
 border: dtml-borderWidth; dtml-borderStyle;
 dtml-globalBorderColor;;
 padding: 0em 1em;
 text-transform: dtml-textTransform;;
 font-weight: normal;
 line-height: 1.6em;
 }

 .portletHeader a {
 color: dtml-fontColor;;
 }

 .portletItem {
 margin: 0;
 padding: 1em;
 border-left: dtml-borderWidth; dtml-borderStyle;
 dtml-globalBorderColor;;
 border-right: dtml-borderWidth; dtml-borderStyle;
 dtml-globalBorderColor;;
 }

 .portletItemDetails {
 text-align: right;
 display: block;
 color: dtml-fontColor;;
 }

 dd.portletFooter {
 background-color: dtml-evenRowBackgroundColor;;
 margin: 0;
 padding: 0.25em 1em;
 border: dtml-borderWidth; dtml-borderStyle;
 dtml-globalBorderColor;;
 border-style: dotted dtml-borderStyle; none dtml-borderStyle;;
 text-align: right;
 }


 /* Elements that enable layout with rounded corners */

 .portletTopLeft {}
 .portletTopRight {}
 .portletBottomLeft {}
 .portletBottomRight {}



 /* New navtree styles */

 .portletNavigationTree {
 margin: 0 0 0 0.75em; 
 padding: 0; 
 list-style: none; 
 list-style-image: none; 
 line-height: 1em;
 }



 .navTree {
 list-style: none; 
 list-style-image: none; 
 margin-top: 1px;
 }

 .navTreeLocal {
 margin: 0 0 0 0.75em;
 }

 .navTree li {
 margin-bottom: 1px;
 }

 .navTreeItem {
 display: block;
 padding: 0;
 margin: 0;
 }

 .navTreeItem a,
 dd.portletItem .navTreeItem a {
 border: dtml-borderWidth; dtml-borderStyle; dtml-backgroundColor;;
 display: block;
 text-decoration: none;
 padding-top: 0.2em;
 padding-bottom: 0.25em;
 }

 .navTreeItem a:hover,
 dd.portletItem .navTreeItem a:hover {
 background-color: dtml-globalBackgroundColor;;
 color: dtml-globalFontColor;;
 border: dtml-borderWidth; dtml-borderStyle;
 dtml-globalBorderColor;;
 }

 .navTreeCurrentItem {
 background-color: dtml-globalBackgroundColor;;
 color: dtml-globalFontColor;;
 border: dtml-borderWidth; dtml-borderStyle;
 dtml-globalBorderColor; !important;
 }

 li.navTreeCurrentItem {
 display: block;
 padding: 0 0 0 1px;
 margin: 0 0 2px -1px;
 }

 li.navTreeCurrentItem a,
 li.navTreeCurrentItem a:hover {
 display: block;
 border: dtml-borderWidth; dtml-borderStyle;
 dtml-globalBackgroundColor;;
 min-height: 1.6em;
 line-height: 1.6em;
 height: auto;
 }

 .visualIconPadding,
 .actionMenu .actionMenuContent .visualIconPadding {
 padding-left: 0.5em;
 margin-bottom: 1px;
 min-height: 1.6em;
 height: auto;
 line-height: 1.6em;
 }

 /* Another workaround for broken Internet Explorer */

 * html li.navTreeCurrentItem a,
 * html li.navTreeCurrentItem a:hover {
 height: 1.6em;
 }

 /* IE workaround to make sure the element is selectable in its full
 width */
 * html .visualIconPadding {
 height: 1.6em;
 }


 .navTreeLevel0 { margin: 0; }
 .navTreeLevel1 { margin-left: 0.75em;}
 .navTreeLevel2 { margin-left: 0.75em; }
 .navTreeLevel3 { margin-left: 0.75em; }
 .navTreeLevel4 { margin-left: 0.75em; }
 .navTreeLevel5 { margin-left: 0.75em; }

 /* ##CALENDARIO */

 /*
 ** Calendar elements - used in the calendar rendering
 */

 .dayPopup {
 background-image: url(portlet);; /*background-color: