Como Aplicar Marca de Agua en distintas paginas Enterprise Portal

Owned by Former user (Deleted)
Last updated: 15 Dec, 2016
2 min read

Existen 2 opciones para aplicar la "Marca de agua", se puede aplicar a todo el sitio (para que todas las paginas la tomen) o a cada pagina individualmente.

La misma se realiza utilizando CSS (Hojas de Estilo en Cascada (Cascading Style Sheets)).


Los pasos descritos a continuación son para aplicar la marca de agua a TODAS las paginas del sitio :

  1. En menú  "Sitio Web" - - - Paginas del sitio Web - - - (solapa) paginas publicas
  2. Nos posicionamos sobre la "raíz" de las paginas listadas que lleva el mismo nombre "paginas publicas"
  3. Menú "Apariencia" - - - CSS
  4. Colocar el siguiente código :

    body{
        background: url(http://www.wabmo.com/Album/watermark/watermarks/Sample-trans.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
    }

  5. Botón "Guardar"

En el punto 4) en la linea de código ("background: url(xxxxxxxxx")  se debe especificar la ruta donde se encuentra la imagen que se desea utilizar como marca de agua


Los pasos descritos a continuación son para aplicar la marca de agua a una página en particular del sitio :

  1. En menú  "Sitio Web" - - - Paginas del sitio Web - - - (solapa) paginas publicas
  2. Nos posicionamos sobre la pagina que queremos aplicarle la marca de agua
  3. Menú "Apariencia"
  4. Elegimos opción de combo "Defina un estilo específico para esta página."
  5. en la opción "CSS"
  6. Colocar el siguiente código :

    body{
        background: url(http://www.wabmo.com/Album/watermark/watermarks/Sample-trans.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
    }

  7. Botón "Guardar"

En el punto 6) en la linea de código ("background: url(xxxxxxxxx")  se debe especificar la ruta donde se encuentra la imagen que se desea utilizar como marca de agua

 

Código para que al utilizar la barra de Scroll de la pagina la marca de agua se "mueva" o "siga" el movimiento de Scroll realizado.


body{
background: url(http://www.wabmo.com/Album/watermark/watermarks/Sample-trans.png) no-repeat fixed 100% 100%;
}

#content .portlet-boundary {
padding-top: 40px;
}