se eu entedi bem
onde esta escrito backgorun-color referente ao portlet que vc quer mudar vc
coloca
backgroud-image: url("nome da imagem");
JENIFER SILVA FELIX
BACHARELADO EM SISTEMAS DE INFORMA플O
FACULDADE CENECISTA DE SETE LAGOAS - MG
=====================================================
----- Mensagem original ----
De: Cristina Souza <[EMAIL PROTECTED]>
Para: zope-pt@yahoogrupos.com.br
Enviadas: Quinta-feira, 14 de Junho de 2007 13:59:07
Assunto: [zope-pt] Re: Mudar background de um Portlet
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="portletConte nt 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="portletConte nt 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-globalBorderC olor;;
background-color: &dtml-backgroundCol or;;
}
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-globalBackg roundColor; ;*/
border: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBorderC olor;;
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-globalBorderC olor;;
border-right: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBorderC olor;;
}
.portletItemDetails {
text-align: right;
display: block;
color: &dtml-fontColor; ;
}
dd.portletFooter {
background-color: &dtml-evenRowBackgr oundColor; ;
margin: 0;
padding: 0.25em 1em;
border: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBorderC olor;;
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 */
.portletNavigationT ree {
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-backgroundCol or;;
display: block;
text-decoration: none;
padding-top: 0.2em;
padding-bottom: 0.25em;
}
.navTreeItem a:hover,
dd.portletItem .navTreeItem a:hover {
background-color: &dtml-globalBackgro undColor; ;
color: &dtml-globalFontCol or;;
border: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBorderC olor;;
}
.navTreeCurrentItem {
background-color: &dtml-globalBackgro undColor; ;
color: &dtml-globalFontCol or;;
border: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBorderC olor; !important;
}
li.navTreeCurrentIt em {
display: block;
padding: 0 0 0 1px;
margin: 0 0 2px -1px;
}
li.navTreeCurrentIt em a,
li.navTreeCurrentIt em a:hover {
display: block;
border: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBackgro undColor; ;
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.navTreeCurrentIt em a,
* html li.navTreeCurrentIt em 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:
&dtml-helpBackgroun dColor;;* /
border: &dtml-borderWidth; &dtml-borderStyle; Black;
padding: 0.2em;
position: absolute;
visibility: hidden;
width: 12em;
z-index: 2;
}
.date {
font-weight: bold;
}
.ploneCalendar {
border: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBorderC olor;;
margin: 1px 0 1em 0;
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
.ploneCalendar a {
text-decoration: none;
}
.ploneCalendar a:hover {
text-decoration: none;
}
.ploneCalendar th {
background-image: url("portlet" );; /*&dtml-globalBackg roundColor; ;*/
font-weight: normal;
text-align: center;
line-height: 1.6em;
}
/*os dias do mes*/
.ploneCalendar td {
background-color: transparent;
width: 14%;
text-align: right;
padding: 2px;
}
.ploneCalendar .weekdays td {
background-image: url("portlet" );; /*&dtml-globalBackg roundColor; ;*/
border: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBorderC olor;;
border-style: &dtml-borderStyle; none;
text-align: center;
padding: 2px;
}
.ploneCalendar .event {
background-image: url("portlet" );; /*&dtml-globalBackg roundColor; ;*/
font-weight: bold;
}
.ploneCalendar .todayevent {
background-image: url("portlet" );; /*background- color:
&dtml-globalBackgro undColor; ;*/
border: 2px &dtml-borderStyle; #ffa500;
font-weight: bold;
}
.ploneCalendar .todaynoevent {
border-collapse: collapse;
border: 2px &dtml-borderStyle; #ffa500;
}
.ploneCalendar #calendar-previous {
background-image: url(&dtml-portal_ url;/arrowLeft. gif);
background-repeat: no-repeat;
background-position : 50% 50%;
}
.ploneCalendar #calendar-next {
background-image: url(&dtml-portal_ url;/arrowRight. gif);
background-repeat: no-repeat;
background-position : 50% 50%;
}
.ploneCalendar #calendar-previous a,
.ploneCalendar #calendar-next a {
display: block;
text-decoration: none;
overflow: hidden;
border: 0;
margin: 0;
padding: 0;
padding-top: <dtml-var "_['arrowLeft. gif'].height" >px;
height: 0px !important;
height /**/: <dtml-var "_['arrowLeft. gif'].height" >px;
cursor: pointer;
}
.ploneCalendar #calendar-next a {
padding-top: <dtml-var "_['arrowRight. gif'].height" >px;
height: 0px !important;
height /**/: <dtml-var "_['arrowRight. gif'].height" >px;
}
/* </dtml-with> */
SE PUDER AJUDAR, FICO AGRADECIDA!
--- Em [EMAIL PROTECTED] .com.br, Cleber J Santos
<cleber_jsantos@ ...> escreveu
>
> Cristina Souza wrote:
> > Olá, gostaria de saber como faço para mudar o background (topo do
> > portlet) de um portlet que criei (Portlet Static). Porém esse
> > background seria uma imagem, a imagem já está inserida no custom do
> > portal_skin com o nome de "portlet".
> >
> >
> >
> >
> >
> Bem, apesar de ficar um pouco dificiu sem ver um código na frente, é
bem
> simples de fazer, você vai fazer isso daqui ex;
>
>
> <div style="background: url(imagem. gif)">
> Aqui meu conteúdo
> </div>
>
> Se não rolar posta ai um pedaço do código ok ;)
>
> --
> #!/bin/bash
> # Name: Cleber J Santos
> # Email: cleber_jsantos@ ...
> # Icq: 200007837
>
____________________________________________________________________________________
Novo Yahoo! Cadê? - Experimente uma nova busca.
http://yahoo.com.br/oqueeuganhocomisso
