jueves, 20 de noviembre de 2008

Estilo para un WebPart en Particular

Todos los elementos web responden a los estilos definidos en la plantilla css que corresponde al theme elegido, de no encontrar ese estilo en la misma lo busca en el archivo core.css.
No se pueden editar los formatos cuando se setean las propiedades del mismo. Ni cambiar el estilo por código.


El truco para hacer esto en una página de elementos web es el siguiente:



  1. En la página de elementos web donde se desea implementar este cambio de imagen, agregar un Elemento Web Editor de Contenido.

  2. Editar y en las propiedades clic en el botón Editor de Código Fuente y escribir ahí el estilo de la siguiente manera:

<style>
#MSOZoneCell_WebPart_WPQ_ TABLE TR TD TABLE TR TD .ms-WPTITLE {BACKGROUND-IMAGE:url(\_layouts\images\nom_imagen.gif);font-weight:bold;font-family:Tahoma,sans-serif;color:#ffffff;font-size:10pt;}#MSOZoneCell_WebPart_WPQ_ TABLE TR TD TABLE TR TD .ms-WPHeader {BACKGROUND-IMAGE:url(\_layouts\images\nom_imagen.gif);}</style>

Donde:
#MSOZoneCell_WebPart_WPQ_ será reemplazado por el webpart al que corresponda aplicar el cambio de estilo, por ejemplo:

#MSOZoneCell_WebPartWPQ3
El número 3 del ejemplo corresponde al nro. de orden en el que fue definido el elemento web en la página.






2 comentarios:

Unknown dijo...

Muy buen post! Justo lo que estaba buscando

Gracias!

Anónimo dijo...

Sos grosa! sabelo!

Saludos!

Pablo

DataPayasadas