jump to navigation

Crear un Tema personalizado para MOSS 2007 (css) 06/11/2007

Posted by dquirozo in SharePoint.
trackback

Si en verdad deseamos contar con un portal de SharePoint diferente de los demás la mejor alternativa podría ser diseñarnos nuestro propio tema de Sitio, el cual puede incluso adaptarse a los requerimientos de imagen corporativa de nuestra compañía.

Aquí explico como poder hacerlo de una manera muy sencilla basándonos en un tema ya existente.

1.- En el servidor de SharePoint vamos a la carpeta de temas:

c:\Archivos de programa\Archivos comunes\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES

Aquí existe una carpeta por cada tema disponible para nuestro portal.

2.- Hacemos la copia de un tema existente (carpeta) lo cual nos ahorra el comenzar desde cero, por ejemplo copiamos la carpeta de Classic, la pegamos en otra carpeta, la renombramos como MiTema y la regresamos a la carpeta de temas.

3.- Dentro de la nueva capeta renombramos el archivo .INF al mismo nombre de nuestra carpeta, en este caso deberíamos renombrar el archivo a MiTema.INF

4.- Editamos el archivo MiTema.INF:

  • en la sección de [info] cambiamos el valor de title por MiTema. Cambiamos el valor de codepage, por ejemplo 2007, esto es necesario para evitar errores de temas con el mismo código.

  • en la sección de [titles]  renombrar los valores para cada código. Esta sección se utiliza para presentar el nombre del tema en diferentes idiomas.

5.- Creamos una imagen para mostrar en la vista previa del tema. Esta imagen debe de ubicarse en:

 c:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\IMAGES Por ejemplo: MiTemaPreview.gif 

6.- Editamos el archive SPTHEMES.xml ubicado en:

 c:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\Layouts\1033\ 

le agregamos una entrada que haga referencia a nuestro tema recién creado de la siguiente manera:

<Templates>

<TemplateID>MiTema</TemplateID>

  <DisplayName> MiTema </DisplayName>

  <Description> Este tema contiene los colores corporativos.    </Description>

  <Thumbnail>images/ MiTemaPreview.gif</Thumbnail>

  <Preview>images/ MiTemaPreview.gif</Preview>

</Templates>

7.- Ahora modificamos el archivo CSS contenido en nuestra carpeta MiTema para personalizar el tema. Para esto debemos tener nociones de Hojas de Estilo y conocer de igual manera la estructura de las Hojas de Estilo que utiliza SharePoint (Gustavo page).

8.- Reiniciamos nuestro servidor IIS

9.- Para ver los resultados podemos aplicar el tema a un sitio de prueba.

Voila.

    

Anuncios

Comentarios»

1. Gonzalo - 12/12/2007

Hola,

Excelente el post, super fàcil de implementar.
Seguí todos los pasos para crear el tema personallizado y se aplica bien en la pàgina principal del sitio, pero si quiero aplicar el tema a un subsitio, aparece el siguiente error:

Error de escritura en el archivo “_themes/LosHeroes”.

Alguna pista de como solucionarlo?
Gracias,
Gonzalo Osorio

2. Guillermo - 02/04/2011

Gracias me ha servido de ayuda!


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: