Entradas

Mostrando las entradas etiquetadas como Diseño

Adicionar un pie de página (footer) a la pagina maestra v4.master

Hoy tuve la necesidad de incluir un pie de página (footer) en un sitio que usa la página maestra v4.master. Para lograrlo usé este código, el cual debe ser incluido antes de la línea DeveloperDashboard: <div class="s4-notdlg" style="clear: both; text-align: right; padding: 10px; background-color: #FCFCFC; border: 1px solid #DBDDDE;"> &copy; Copyright 2010 AdventureWorks, Inc. </div> <SharePoint:DeveloperDashboard runat="server"/> Funcionó bien, como esperaba. Espero que les sirva. Este código lo conseguí acá: http://social.technet.microsoft.com/Forums/en-CA/sharepoint2010customization/thread/058aa53a-ffee-42e1-be55-0e48c8c10947

Orden de pseudoclases en los enlaces (links)

En alguna ocasión tuve problemas para que los colores de los enlaces del sitio funcionaran correctamente. Después de investigar me di cuenta que la solución era muy simple. Solo era cuestión de colocar las pseudoclases en el siguiente orden: .enlace a:link { color: red } /* Enlace no visitado */ .enlace a:visited { color: red }  /* Enlace visitado */ .enlace a:hover { color: red } /* Enlace seleccionado por mouse   */ .enlace a:active { color: red }  /* Enlace seleccionado */ Listo! problema solucionado.

Centrar contenido en pantalla

Imagen
Hace algunos días a mi cliente se le ocurrió que quería ver la pantalla de su sitio centrada. Después de buscar y buscar encontré este código CSS que funcionó bien: #contenedor {     position: relative ;     width: 100px ;     min-height: 500px ;     margin-left: auto ;     margin-right: auto ;     clear: both ;     background: #fff ;     overflow: inherit ; /* esto genera el scroll si se necesita */ } Por ejemplo, en la plantilla v4.master apliqué este estilo al elemento con id s4-bodyContainer . Así centró el contenido (recuadro azúl) pero no afectó el ribbon del SharePoint (en rojo):