GuilleSQL :: Microsoft SQL Server, SSIS, y más !!

Crear un pié de página (Footer) en una Master Page con SharePoint Designer 2010


Una tarea típica al personalizar (Branding) un Sitio de SharePoint 2010 es la creación de un Pié de Página (Footer) en la Master Page de nuestro Sitio, donde poder mostrar información variopinta, desde un mensaje de copyright hasta enlaces a otras secciones de la Web, datos de contacto, una imagen de marca de agua para potenciar la imagen de marca, etc. El presente artículo describe cómo crear una Master Page y Hoja de Estilos CSS para incluir un Pié de Página (Footer) en un Sitio de SharePoint 2010 con SharePoint Designer 2010.

Hace poco hablábamos sobre cómo crear de Temas personalizados para SharePoint 2010, como una medida para personalizar un Sitio SharePoint 2010. En esta ocasión, vamos a hablar sobre cómo crear una Master Page y Hoja de Estilos CSS personalizadas para incluir un Pié de Página (Footer), una tarea típica al personalizar (Branding) un Sitio de SharePoint 2010, que realizaremos utilizando SharePoint Designer 2010.

Lo primero que deberemos hacer es abrir el SharePoint Designer 2010, conectarnos a nuestro Site, abrir la Galería de Páginas Maestras (/_catalogs/masterpage) y hacer una copia de la Página Maestra v4.master (en nuestro caso de ejemplo, renombraremos dicha copia como GuilleSQL.master).

Lo primero que deberemos hacer es abrir el SharePoint Designer 2010, conectarnos a nuestro Site, abrir la Galería de Páginas Maestras (/_catalogs/masterpage) y hacer una copia de la Página Maestra v4.master (en nuestro caso de ejemplo, renombraremos dicha copia como GuilleSQL.master)

Editaremos nuestra Página Maestra y buscaremos el tag SharePoint:DeveloperDashboard. Insertaremos el código HTML de nuestro Pié de Página (Footer) justo antes de esta etiqueta.

Editaremos nuestra Página Maestra y buscaremos el tag SharePoint:DeveloperDashboard. Insertaremos el código HTML de nuestro Pié de Página (Footer) justo antes de esta etiqueta

Necesitaremos crear un Hoja de Estilos CSS para incluir en ella las definiciones de estilo que necesitemos. La crearemos desde SharePoint Designer 2010 en alguna Librería de Documentos o Carpeta de nuestro Site, y seguidamente la editaremos para incluir las definiciones de estilo que necesitemos.

Necesitaremos crear un Hoja de Estilos CSS para incluir en ella las definiciones de estilo que necesitemos. La crearemos desde SharePoint Designer 2010 en alguna Librería de Documentos o Carpeta de nuestro Site, y seguidamente la editaremos para incluir las definiciones de estilo que necesitemos

Realizado esto, tendremos que adjuntar nuestra Hoja de Estilos CSS a nuestra Master Page. Para ello, volveremos a editar nuestra Página Maestra, y en la pestaña Style de la botonera (Ribbon), seleccionaremos la opción Attach Style Sheet.

Realizado esto, tendremos que adjuntar nuestra Hoja de Estilos CSS a nuestra Master Page. Para ello, volveremos a editar nuestra Página Maestra, y en la pestaña Style de la botonera (Ribbon), seleccionaremos la opción Attach Style Sheet

En la ventana de diálogo Attach Style Sheet, especificaremos la URL de la Hoja de Estilos CSS que acabamos de crear.

En la ventana de diálogo Attach Style Sheet, especificaremos la URL de la Hoja de Estilos CSS que acabamos de crear

En estos momentos, nuestra Página Maestra ya está configurada para mostrar un Pié de Página (Footer) utilizando una Hoja de Estilos CSS personalizada. Guardaremos los cambios, tanto de nuestra Hoja de Estilos como de nuestra Página Maestra, tras lo cual nos aparecerá una ventana de diálogo como la siguiente (Site Definition Page Warning). Click Yes para continuar.

En estos momentos, nuestra Página Maestra ya está configurada para mostrar un Pié de Página (Footer) utilizando una Hoja de Estilos CSS personalizada. Guardaremos los cambios, tanto de nuestra Hoja de Estilos como de nuestra Página Maestra, tras lo cual nos aparecerá una ventana de diálogo como la siguiente (Site Definition Page Warning). Click Yes para continuar

Llegados a este punto, de nuevo en la Galería de Páginas Maestras, marcaremos nuestra nueva Página Maestra como Página Maestra por Defecto (opción Set as Default Master Page).

Llegados a este punto, de nuevo en la Galería de Páginas Maestras, marcaremos nuestra nueva Página Maestra como Página Maestra por Defecto (opción Set as Default Master Page)

Un efecto colateral que deberemos tener en cuenta, es que SharePoint 2010 también utiliza la Master Page para crear las ventanas de diálogo.

Un efecto colateral que deberemos tener en cuenta, es que SharePoint 2010 también utiliza la Master Page para crear las ventanas de diálogo

Si deseamos ocultar el Pié de Página (Footer) de las ventanas de diálogo de SharePoint 2010, podemos añadir el estilo s4-notdlg, tal y como se muestra en la siguiente pantalla capturada.

Si deseamos ocultar el Pié de Página (Footer) de las ventanas de diálogo de SharePoint 2010, podemos añadir el estilo s4-notdlg, tal y como se muestra en la siguiente pantalla capturada

Con esto, ya tendremos nuestro Pié de Página (Footer) funcionando en nuestro Site de SharePoint 2010, sin que se muestre en las ventanas de diálogo.

Poco más por hoy. Como siempre, confío que la lectura resulte de interés.

 

 


[Fecha del Artículo (UTC): 26/08/2012]
[Autor: GuilleSQL]



Escribir un Comentario

Para poder escribir un comentario, debe Iniciar Sesión con un usuario.

Si no dispone de un usuario, puede Registrarse y hacerse miembro.

Si dispone de un usuario, pero no recuerda sus credenciales de acceso, puede Restablecer su Contraseña.

Miembros de
Miembros de GITCA (Global IT Community Association)

Menu de Usuario
  Iniciar Sesión
  Registrarse
  Restablecer Contraseña
  Ventajas de Registrarse

Acerca de
  Contigo desde Oct 2007
  771 usuarios registrados
  86146 pageloads/mes
  Ranking Alexa 498160

Social Networks
Sigue a Portal GuilleSQL en Linkedin !!
Sigue a Portal GuilleSQL en Twitter !!



Archivo

Enero de 2017 (4)
Junio de 2016 (1)
Mayo de 2016 (2)
Abril de 2016 (2)
Septiembre de 2015 (2)
Agosto de 2015 (2)
Junio de 2015 (10)
Mayo de 2015 (4)
Abril de 2015 (8)
Marzo de 2015 (11)
Octubre de 2014 (3)
Septiembre de 2014 (7)
Agosto de 2014 (5)
Julio de 2014 (2)
Mayo de 2014 (4)
Abril de 2014 (4)
Marzo de 2014 (4)
Febrero de 2014 (1)
Enero de 2014 (5)
Diciembre de 2013 (8)
Noviembre de 2013 (2)
Octubre de 2013 (7)
Septiembre de 2013 (6)
Agosto de 2013 (1)
Julio de 2013 (6)
Junio de 2013 (11)
Mayo de 2013 (7)
Abril de 2013 (6)
Febrero de 2013 (5)
Enero de 2013 (7)
Diciembre de 2012 (12)
Noviembre de 2012 (13)
Octubre de 2012 (5)
Septiembre de 2012 (3)
Agosto de 2012 (6)
Julio de 2012 (4)
Junio de 2012 (1)
Mayo de 2012 (2)
Abril de 2012 (7)
Marzo de 2012 (16)
Febrero de 2012 (9)
Enero de 2012 (5)
Diciembre de 2011 (10)
Noviembre de 2011 (10)
Octubre de 2011 (4)
Septiembre de 2011 (5)
Agosto de 2011 (2)
Julio de 2011 (2)
Junio de 2011 (4)
Mayo de 2011 (2)
Abril de 2011 (6)
Marzo de 2011 (4)
Febrero de 2011 (10)
Enero de 2011 (5)
Diciembre de 2010 (6)
Noviembre de 2010 (4)
Octubre de 2010 (8)
Septiembre de 2010 (4)
Agosto de 2010 (1)
Julio de 2010 (3)
Mayo de 2010 (5)
Abril de 2010 (6)
Marzo de 2010 (8)
Febrero de 2010 (3)
Enero de 2010 (1)
Diciembre de 2009 (9)
Noviembre de 2009 (14)
Octubre de 2009 (2)
Septiembre de 2009 (8)
Agosto de 2009 (2)
Julio de 2009 (10)
Junio de 2009 (9)
Mayo de 2009 (10)
Abril de 2009 (9)
Marzo de 2009 (3)
Febrero de 2009 (2)
Enero de 2009 (3)
Noviembre de 2008 (2)
Octubre de 2008 (2)
Septiembre de 2008 (2)
Agosto de 2008 (5)
Julio de 2008 (5)
Junio de 2008 (1)
Mayo de 2008 (3)
Abril de 2008 (2)
Marzo de 2008 (2)
Febrero de 2008 (2)
Enero de 2008 (5)
Noviembre de 2007 (2)
Octubre de 2007 (2)






Esta información se proporciona "como está" sin garantías de ninguna clase, y no otorga ningún derecho.
This information is provided "AS IS" with no warranties, and confers no rights.

Copyright © 2007 GuilleSQL, todos los derechos reservados.
GuilleSQL.com y GuilleSQL.net son también parte de Portal GuilleSQL.

Visitas recibidas (Page Loads) en GuilleSQL (fuente: StatCounter):

screen resolution stats
Visitas