Gente, tá beleza, meu problema já foi resolvido. Obrigada!!!




--- Em zope-pt@yahoogrupos.com.br, Cleber J Santos
<[EMAIL PROTECTED]> escreveu
>
> 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:
> > &dtml-helpBackgroundColor;;*/
> >     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-globalBorderColor;;
> >     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-globalBackgroundColor;;*/
> >     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-globalBackgroundColor;;*/
> >     border: &dtml-borderWidth; &dtml-borderStyle;
> > &dtml-globalBorderColor;;
> >     border-style: &dtml-borderStyle; none;
> >     text-align: center;
> >     padding: 2px;
> > }
> > .ploneCalendar .event {
> >     background-image: url("portlet");; 
/*&dtml-globalBackgroundColor;;*/
> >     font-weight: bold;
> > }
> > .ploneCalendar .todayevent {
> >     background-image: url("portlet");;  /*background-color:
> > &dtml-globalBackgroundColor;;*/
> >     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 zope-pt@yahoogrupos.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
> >>
> >>     
> >
> >
> >
> >   
> 
> 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: 200007837
>


Responder a