¿Marca de agua por categoría?

Kromikos · #1 (**permalink**) 24/02/2012, 20:57

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.

hombreman · #2 (**permalink**) 26/02/2012, 00:28

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;
}

Kromikos · #3 (**permalink**) 26/02/2012, 08:49

Cita:

Iniciado por hombreman

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>

zanguanga · #4 (**permalink**) 26/02/2012, 10:33

Hola, no se puede ver la web porque redirige a un formulario de registro.

Kromikos · #5 (**permalink**) 26/02/2012, 10:34

Cita:

Iniciado por zanguanga

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

maycolalvarez · #6 (**permalink**) 27/02/2012, 14:36

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

Kromikos · #7 (**permalink**) 27/02/2012, 14:37

Cita:

Iniciado por maycolalvarez

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.

hombreman · #8 (**permalink**) 27/02/2012, 14:55

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

Kromikos · #9 (**permalink**) 27/02/2012, 14:57

Cita:

Iniciado por hombreman

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

maycolalvarez · #10 (**permalink**) 27/02/2012, 15:13

ahh, si es el caso, con CSS basta, solo debes de definir una clase CSS para cada categoría y listo

hombreman · #11 (**permalink**) 27/02/2012, 15:17

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<div style="margin-bottom:-19px; overflow:hidden;">
   <img src="images/ratatouille.jpg"/><br />  
   <img style="position:relative; top: -19px;" src="hd.png"/>
</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<div style="margin-bottom:-19px; overflow:hidden;">
   <img src="<?php echo genesis_get_image(array('format'=>'url', 'size'=>'cartelito'));"/><br />  
   <img style="position:relative; top: -19px;" src="<?php echo (is_category('hd')?('hd'):('low'); ?>.png"/>
</div>

Kromikos · #12 (**permalink**) 27/02/2012, 15:25

Cita:

Iniciado por hombreman

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<div style="margin-bottom:-19px; overflow:hidden;">
   <img src="images/ratatouille.jpg"/><br />  
   <img style="position:relative; top: -19px;" src="hd.png"/>
</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<div style="margin-bottom:-19px; overflow:hidden;">
   <img src="<?php echo genesis_get_image(array('format'=>'url', 'size'=>'cartelito'));"/><br />  
   <img style="position:relative; top: -19px;" src="<?php echo (is_category('hd')?('hd'):('low'); ?>.png"/>
</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

hombreman · #13 (**permalink**) 27/02/2012, 15:36

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.

hombreman · #14 (**permalink**) 27/02/2012, 15:52

Cita:

Iniciado por Kromikos

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.

Kromikos · #15 (**permalink**) 27/02/2012, 15:56

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:relative; top: -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?

hombreman · #16 (**permalink**) 27/02/2012, 16:11

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.

Kromikos · #17 (**permalink**) 27/02/2012, 16:20

Cita:

Iniciado por hombreman

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.