PDA

Ver la Versión Completa : Marca de Agua en Imágenes


lms
09/03/2009, 23:22
Añadir el siguiente código en Estilos y plantillas -> Administrador de estilos -> Todas las opciones del estilo -> Definiciones Adicionales de CSS:

#watermark_box {
position:relative;
display:block;
}
img.watermark {
position: absolute;
top: 4px;
left: 4px;
} Detrás de ello, añadir en Códigos BB -> Administrador de Códigos BB -> Crear un nuevo código BB ->
Título: WaterMark
Nombre de Etiqueta BB Code: WM
Reemplazo:

<div id="watermark_box">
<img src={param} alt="Imagen"/>
<img src="images/misc/MarcaAgua.png" class="watermark" alt="DETUPC" />
</div>Ejemplo: Solo los usuarios registrados pueden ver enlaces
Descripción: Poner una marca de agua en las imágenes
Usar {option}: NO
Imagen de botón (opcional): images/editor/wikipedia.gif
Eliminar Etiqueta Si Está en Blanco: SI
Deshabilitar Código BB Dentro de Este Código BB: NO
Ignorar Caritas Dentro de Este Código BB: NO
Deshabilitar Envoltura de Texto Dentro de Este Código BB: NO

Donde pone

<img src="images/misc/MarcaAgua.png" class="watermark" alt="DETUPC" />
Cambias la ruta por la que queráis (aquí está en images/misc) y ponéis la imagen que queráis (acordaros de poner bien el nombre de la imagen).
Se verá algo así como esta:
Solo los usuarios registrados pueden ver enlaces

Si cambiamos

#watermark_box {
position:relative;
display:block;
}
img.watermark {
position: absolute;
top: 4px;
left: 4px;
} por

#watermark_box {
position:relative;
display:block;
}
img.watermark {
position: absolute;
bottom: 4px;
left: 4px;
}

de esta imagen
Solo los usuarios registrados pueden ver enlaces
y esta otra (usada como marca de agua)
Solo los usuarios registrados pueden ver enlaces


se obtiene esta imagen (si usamos el primer CSS
Solo los usuarios registrados pueden ver enlaces
y esta otra
Solo los usuarios registrados pueden ver enlaces

Si usamos el segundo CSS posteado aquí.

Lo he probado con rigth y no me funciona bien (coloca la imagen a la derecha fuera de la imagen)

Espero que os haya gustado y que os funcione como a mí.

Salud2
lms
09/03/2009, 23:37
Noticia: Es compatible con TCAD - image resize, aunque este solo achica la imagen y no se redimensiona luego.

Salud2
Dark Neo
10/03/2009, 02:16
Bueno pues ya les tengo un simple y sencillo bbcode al igual que lms, pueden elegir cualquiera de los dos, ya que son implementos para esta web, les dejo el adjunto ya listo para seguir instrucciones y ya esta...

Un saludo...
lms
10/03/2009, 08:02
Se agradece, Dark Neo.

Salud2
xamon
15/03/2009, 01:23
Hola a todos, la marca de agua que es para las nuevas imagenes? o para las que ya existen.

Un saludo.
Dark Neo
16/03/2009, 02:39
Hola a todos, la marca de agua que es para las nuevas imagenes? o para las que ya existen.

Un saludo.

En este caso como es un bbcode sería para todas aquellas que vas a ingresar con la etiqueta correspondiente, para las anteriores abria que hacer una revisión para que pudiese respetar la etiqueta img y asi colocar a todas en general...
xamon
16/03/2009, 12:05
Vale, muchas gracias dark.

Un saludo.
Dark Neo
17/03/2009, 01:08
Lo que puedes hacer en este caso es colocarle a esta imagen con marca de agua la etiqueta img y asi sustituye las imagenes que ya tienes con el codigo img, el problema es que son todas, inclusive las de las firmas, pero si no las usas, pues vale lo podeis colocar y queda muy bien, ademas de que puedes modificarle las opciones, o cosas a tu gusto...

Un saludo
xamon
17/03/2009, 23:21
Vale, perfecto, es una buena solucion.

Gracias.

Un saludo.