Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

¿Marca de agua por categoría?

Estas en el tema de ¿Marca de agua por categoría? en el foro de WordPress en Foros del Web. Buenas chicos. Os quería preguntar cómo puedo poner una marca de agua a la imagen del post dependiendo de su categoría. Algo parecido a esto: ...
  #1 (permalink)  
Antiguo 24/02/2012, 19:57
 
Fecha de Ingreso: febrero-2011
Mensajes: 87
Antigüedad: 8 años, 4 meses
Puntos: 1
¿Marca de agua por categoría?

Buenas chicos.

Os quería preguntar cómo puedo poner una marca de agua a la imagen del post dependiendo de su categoría. Algo parecido a esto:



Que cuando fuese la categoría HD le pudiera poner esa marca de agua, en cambio por ejemplo si pusiera DVD, ponerle otra marca de agua distinta.

Un saludo.
  #2 (permalink)  
Antiguo 25/02/2012, 23:28
 
Fecha de Ingreso: febrero-2012
Ubicación: México
Mensajes: 227
Antigüedad: 7 años, 4 meses
Puntos: 48
Respuesta: ¿Marca de agua por categoría?

Con CSS.

Cada categoría es una clase, entoces solo tienes que agregar el código necesario a tu hoja de estilo.

.category-hd img {
mi-marca-de: agua;
}
  #3 (permalink)  
Antiguo 26/02/2012, 07:49
 
Fecha de Ingreso: febrero-2011
Mensajes: 87
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: ¿Marca de agua por categoría?

Cita:
Iniciado por hombreman Ver Mensaje
Con CSS.

Cada categoría es una clase, entoces solo tienes que agregar el código necesario a tu hoja de estilo.

.category-hd img {
mi-marca-de: agua;
}
¿Sí?

Y ya está?

Me puedes decir qué tengo que poner exactamente? Si deseas te mando una invitación para mi web.

Otra cosa, por ejemplo las categorías una se llama "Otras calidades" y la otra "HD y HDRip".

La web es www.shurhd.com

Añado:

El campo donde hay que poner la marca de agua es este:l

Código HTML:
<div class="afis">
					
						<a href="http://www.shurhd.com/click-hd/" title="Click HD"><img src="http://www.shurhd.com/wp-content/themes/stargate spanish/stargate/timthumb.php?src=http://www.shurhd.com/wp-content/uploads/2012/02/Click-539788205-large.jpg&amp;w=120&amp;zc=1&amp;q=176" width="120" height="176" alt="Click HD"><div src="" class="kucukIcon" style="display: none; "></div></a>

									</div> 

Última edición por Kromikos; 26/02/2012 a las 09:04
  #4 (permalink)  
Antiguo 26/02/2012, 09:33
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 9 años, 11 meses
Puntos: 426
Respuesta: ¿Marca de agua por categoría?

Hola, no se puede ver la web porque redirige a un formulario de registro.
__________________
Mi blog personal | Mi G+
  #5 (permalink)  
Antiguo 26/02/2012, 09:34
 
Fecha de Ingreso: febrero-2011
Mensajes: 87
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: ¿Marca de agua por categoría?

Cita:
Iniciado por zanguanga Ver Mensaje
Hola, no se puede ver la web porque redirige a un formulario de registro.
Va por registro con invitación

¿Sabes hacer lo de la marca de agua?

Si es así te paso una invitación para que la veas
  #6 (permalink)  
Antiguo 27/02/2012, 13:36
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 10 años, 11 meses
Puntos: 1531
Respuesta: ¿Marca de agua por categoría?

hasta donde sé, para una marca de agua efectiva debes de hacerla desde el servidor, porque hacerlo desde HTML o CSS es perfectamente reversible, incluso alguien muy diestro en edición e fotos puede eliminar una marca de agua
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #7 (permalink)  
Antiguo 27/02/2012, 13:37
 
Fecha de Ingreso: febrero-2011
Mensajes: 87
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: ¿Marca de agua por categoría?

Cita:
Iniciado por maycolalvarez Ver Mensaje
hasta donde sé, para una marca de agua efectiva debes de hacerla desde el servidor, porque hacerlo desde HTML o CSS es perfectamente reversible, incluso alguien muy diestro en edición e fotos puede eliminar una marca de agua
Pero me da igual que la elimine, es simplemente para que en la carátula diga HD o DVD, que la quiten me da igual.

Un saludo, espero tu respuesta.
  #8 (permalink)  
Antiguo 27/02/2012, 13:55
 
Fecha de Ingreso: febrero-2012
Ubicación: México
Mensajes: 227
Antigüedad: 7 años, 4 meses
Puntos: 48
Respuesta: ¿Marca de agua por categoría?

yo sigo opinando que es más fácil con puro y duro css...

aquí tienes muchos ejemplos: http://www.permadi.com/tutorial/cssEmbedLogo/index.html
  #9 (permalink)  
Antiguo 27/02/2012, 13:57
 
Fecha de Ingreso: febrero-2011
Mensajes: 87
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: ¿Marca de agua por categoría?

Cita:
Iniciado por hombreman Ver Mensaje
yo sigo opinando que es más fácil con puro y duro css...

aquí tienes muchos ejemplos: http://www.permadi.com/tutorial/cssEmbedLogo/index.html
Pero ¿cómo añado una diferente para cada categoría?

¿Podemos hablar por msn? Es que sino tengo que esperarme a que contestes y podemos estar mucho tiempo así.

Si quieres agregarme, [email protected]

Sino, dímelo por aquí, pero iría bien que me agregases
  #10 (permalink)  
Antiguo 27/02/2012, 14:13
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 10 años, 11 meses
Puntos: 1531
Respuesta: ¿Marca de agua por categoría?

ahh, si es el caso, con CSS basta, solo debes de definir una clase CSS para cada categoría y listo
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #11 (permalink)  
Antiguo 27/02/2012, 14:17
 
Fecha de Ingreso: febrero-2012
Ubicación: México
Mensajes: 227
Antigüedad: 7 años, 4 meses
Puntos: 48
Respuesta: ¿Marca de agua por categoría?

Mira, cada post tiene diferentes clases asociadas a él, relacionadas con sus características: tipo de post, categoría, formato, etc. En esta página puedes ver como funciona: http://codex.wordpress.org/Function_Reference/post_class

Bueno, supongo que tienes dos post sobre lo mismo, por ejemplo, Ratatouille. Uno lo subes a la categoría low y otro lo subes a la categoría high.

Entonces un post tendra una case asociada «high»» y otro la clase «low»» (por ponerle un nombre de ejemplo) y puedes usar esta clase para poner tu marca de agua.

Bien fácil. Mira el ejemplo que tomé de la página de arriba:

Código HTML:
Ver original
  1. <div style="margin-bottom:-19px; overflow:hidden;">
  2.    <img src="images/ratatouille.jpg"/><br />  
  3.    <img style="position:relative; top: -19px;" src="hd.png"/>
  4. </div>

Así debería quedar, no?

Bueno, sería hacer algo tan simple como esto, obvio con las modificaciones necesarias.:
Código PHP:
Ver original
  1. <div style="margin-bottom:-19px; overflow:hidden;">
  2.    <img src="<?php echo genesis_get_image(array('format'=>'url', 'size'=>'cartelito'));"/><br />  
  3.   <img style="position:relative; top: -19px;" src="<?php echo (is_category('hd')?('hd'):('low'); ?>.png"/>
  4. </div>
  #12 (permalink)  
Antiguo 27/02/2012, 14:25
 
Fecha de Ingreso: febrero-2011
Mensajes: 87
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: ¿Marca de agua por categoría?

Cita:
Iniciado por hombreman Ver Mensaje
Mira, cada post tiene diferentes clases asociadas a él, relacionadas con sus características: tipo de post, categoría, formato, etc. En esta página puedes ver como funciona: http://codex.wordpress.org/Function_...nce/post_class

Bueno, supongo que tienes dos post sobre lo mismo, por ejemplo, Ratatouille. Uno lo subes a la categoría low y otro lo subes a la categoría high.

Entonces un post tendra una case asociada «high»» y otro la clase «low»» (por ponerle un nombre de ejemplo) y puedes usar esta clase para poner tu marca de agua.

Bien fácil. Mira el ejemplo que tomé de la página de arriba:

Código HTML:
Ver original
  1. <div style="margin-bottom:-19px; overflow:hidden;">
  2.    <img src="images/ratatouille.jpg"/><br />  
  3.    <img style="position:relative; top: -19px;" src="hd.png"/>
  4. </div>

Así debería quedar, no?

Bueno, sería hacer algo tan simple como esto, obvio con las modificaciones necesarias.:
Código PHP:
Ver original
  1. <div style="margin-bottom:-19px; overflow:hidden;">
  2.    <img src="<?php echo genesis_get_image(array('format'=>'url', 'size'=>'cartelito'));"/><br />  
  3.   <img style="position:relative; top: -19px;" src="<?php echo (is_category('hd')?('hd'):('low'); ?>.png"/>
  4. </div>
Pero en mi caso es diferente, no es así?

Mira, donde yo quiero poner la marca de agua es en la imagen que se pone aquí:

Código HTML:
<div class="afis">
					<?php if( get_post_meta($post->ID, "afis", true) ): ?>

						<a href="<?php the_permalink() ?>" title="<?php the_title();?><"><img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php $values = get_post_custom_values("afis"); echo $values[0]; ?>&amp;w=120&amp;zc=1&amp;q=176" width="120" height="176" alt="<?php the_title(); ?>"><div src="" class="kucukIcon"></div></a> 
Es el campo "afis"

¿Qué archivos edito y cómo lo hago exactamente?

Es que sino no te vuelvo a ver y tú eres el que sabe eso...

Sino por favor agrégame en Messenger a [email protected] o a gmail [email protected], bueno o a Skype, soy ShurHD
  #13 (permalink)  
Antiguo 27/02/2012, 14:36
 
Fecha de Ingreso: febrero-2012
Ubicación: México
Mensajes: 227
Antigüedad: 7 años, 4 meses
Puntos: 48
Respuesta: ¿Marca de agua por categoría?

Tu caso es el mismo. No creo que sea diferente. Simplemente tendrías que ver el nivel suprerior de capas. Es decir, «afis» es `hijo´ de otra capa, tal vez esa otra capa sea la del post.

Con respecto a que archivos tienes que agregar, depende de tu tema, verdad. Puede ser home.php, index.php o cualqueira.

Los archivos los puedes editar con cualquier editor simple. Te recomiendo especialmente http://inotai.com/intype/ que es una maravilla.
  #14 (permalink)  
Antiguo 27/02/2012, 14:52
 
Fecha de Ingreso: febrero-2012
Ubicación: México
Mensajes: 227
Antigüedad: 7 años, 4 meses
Puntos: 48
Respuesta: ¿Marca de agua por categoría?

Cita:
Iniciado por Kromikos Ver Mensaje
Gracias, me puedes agregar a messenger de todas formas para sólo hacer esto?

Te paso una invitación a la web si lo deseas.

Un saludo.

MSN: [email][email protected][/email]
Siento no poder aceptar tu invitación, y tampoco puedo agregarte a ningún IM.

Sin embargo, estoy seguro que en este foro http://www.forosdelweb.com/f65/ encontrarás a personas con la suficiente competencia para implementar (y por supuesto que que mejorar) los conceptos que he puesto en este thread. Solo tienes que hacer una oferta digna.

Te asguro que la inversión en tu sitio valdrá la pena.
  #15 (permalink)  
Antiguo 27/02/2012, 14:56
 
Fecha de Ingreso: febrero-2011
Mensajes: 87
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: ¿Marca de agua por categoría?

Bueno, entonces pongo este código:

Código PHP:
<div style="margin-bottom:-19px; overflow:hidden;">
* *<img src="<?php echo genesis_get_image(array('format'=>'url''size'=>'cartelito'));"/><br /> *
 * <img style="
position:relativetop: -19px;" src="<?php echo (is_category('hd')?('hd'):('low'); ?>.png"/>
</div>
Y dónde pongo la imagen que quiero que salga en HD y dónde la que quiero que salga en LOW?
  #16 (permalink)  
Antiguo 27/02/2012, 15:11
 
Fecha de Ingreso: febrero-2012
Ubicación: México
Mensajes: 227
Antigüedad: 7 años, 4 meses
Puntos: 48
Respuesta: ¿Marca de agua por categoría?

No tienes que poner exactamente ese código.

El código que puse es solo un concepto que pretende ayudarte a que entiendas como funciona lo que quieres lograr.

Lo que trato de demostrar es que tu idea de una marca de agua es posible, requiere solo de dos líneas de código y un poco de diseño CSS, pero no puedo decirte dónde colocar tus imágenes ni que ruta usar, porque eso depende de tí, de tus sitio y tus condiciones particulares.
  #17 (permalink)  
Antiguo 27/02/2012, 15:20
 
Fecha de Ingreso: febrero-2011
Mensajes: 87
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: ¿Marca de agua por categoría?

Cita:
Iniciado por hombreman Ver Mensaje
No tienes que poner exactamente ese código.

El código que puse es solo un concepto que pretende ayudarte a que entiendas como funciona lo que quieres lograr.

Lo que trato de demostrar es que tu idea de una marca de agua es posible, requiere solo de dos líneas de código y un poco de diseño CSS, pero no puedo decirte dónde colocar tus imágenes ni que ruta usar, porque eso depende de tí, de tus sitio y tus condiciones particulares.
Eso es lo que no sé, es lo que quiero saber, cómo poner una marca de agua a cada categoría, son dos marcas de agua.

Por eso, lo que sea necesario yo te lo puedo pasar.

Etiquetas: agua, post
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:48.