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
> <[EMAIL PROTECTED]> 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: [EMAIL PROTECTED]
>> # 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