Modificar diseño de imagen reducida

por **ElAloch** Sáb 15 Oct 2016, 18:30

Recuerdo del primer mensaje :

EDIT DE WIG:
Como tuvo aprobación general, se implementará esto:
https://www.sporepedia2.com/t20811-modificar-diseno-de-imagen-reducida#408227
FIN DE EDIT
El actual es este:
Modificar diseño de imagen reducida - Página 2 SFTB22r

Modificar diseño de imagen reducida - Página 2 SFTB22r

Como vemos, si la imagen es demasiado grande automáticamente es reducido, solo si no se especifica las medidas de los pixeles.
y arriba se crea un rectangulo verde que tiene dos hipervinculos que son "ampliar imagen" y "clic para aqui para ver su tamaño original"

La modificación que se va hacer al aceptar esta sugerencia es quitar el rectangulo verde y posicionar los hipervinculos encima de la imagen, agregando efecto de transparencia, tipo de letra: Spore y color

Así seria la modificación de la imagen reducida

Modificar diseño de imagen reducida - Página 2 D20myst

El cursor esta fuera del área de la imagen

Modificar diseño de imagen reducida - Página 2 VoK3SV0

El cursor esta en el área de la imagen, las letras se hacen casi visibles

Modificar diseño de imagen reducida - Página 2 2OVzkRw

El cursor se dirige en donde están las letras y los hace mas visibles

Modificar diseño de imagen reducida - Página 2 Snn8GDq

El cursor se posiciona encima del texto "clic aquí para ver su tamaño original" y hace las letras en azules

Las imágenes están hechas con photoshop, no son creados por un código Ejem...

¿Que opinan? Smile

PS: Le agregue una "k" al clic xD

por **FlairDreamer** Lun 07 Nov 2016, 15:10

FlairDreamer escribió:Nunca me había llamado mucho la atención ese tema la verdad. xD Pero si se puede mejorar/optimizar, mucho mejor. Estoy a favor y a favor de lo que propone Wigazo.

por **ElAloch** Lun 07 Nov 2016, 18:16

Cambio mi idea por la de Wigazo Smile

no me gustan que las imágenes se salgan del post visible

por Sproilex Sáb 31 Dic 2016, 18:05

Bueno en que quedamos con esto?

Me parece una idea genial y que añadiria mas estetica a los post y al foro en general.

Tampoco es apresurado, solo recordando que se deberia hacer teniendo en cuanta los usuarios y votos positivos. Aunque no creo que sea tan complicado tampoco, pero bueno, esperaremos entonces.

por Wigazo Sáb 31 Dic 2016, 21:22

Bueno, estuve haciéndolo recién, luego lo termino.

por Sproilex Sáb 31 Dic 2016, 23:16

Esta bien wig, no hay apuro, mientras que se sepa que se va a hacer.

por Wigazo Lun 02 Ene 2017, 01:40

Bueno, ahí estaría. Ejemplo:

Modificar diseño de imagen reducida - Página 2 CVw09sH

Digan si les parece bien o quieren algún cambio estético o funcional.

por **ElAloch** Lun 02 Ene 2017, 02:06

Se pueden quitar las barras cuando esta redimensionado?
EDIT: Yo lo miro así: Modificar diseño de imagen reducida - Página 2 CEunNGU

por Wigazo Lun 02 Ene 2017, 02:25

Sí. Aunque lo puse para que se noten los verdaderos bordes de las imágenes, ya que en algunos navegadores, sistemas operativos o configuraciones las scrollbars no son siempre visible. ¿Queda mal? ¿Quizás otro color?

EDIT: Facepalm

No había visto tu EDIT. Ejem...

Ahora veo qué onda.

EDIT: Ahí lo arreglé, me pasó lo mismo en Firefox y ya no. Smile

por **ElAloch** Lun 02 Ene 2017, 02:26

Listo ya se miran mejor xD
Mmm... Que tal si el borde negro tenga las esquinas redondos y un color verde o azul como el fondo de las notificaciones?

por Wigazo Lun 02 Ene 2017, 02:34

OK, ahí le puse el estilo de borde de los spoilers, citas y codes. Me gusta, sutil pero sin dejar de notarse y más consistente con esos elementos de los posts. Smile

por **ElAloch** Lun 02 Ene 2017, 02:39

Quedo genial Very Happy

EDIT: Hay un error. Al ver el tamaño original de una imagen muy grande que esta adentro de una tabla no salen las barras de desplazamiento
https://www.sporepedia2.com/t21435-busto-de-arsene-persona-5#419927
EDIT2: La tabla se vuelve mas ancha

por Sproilex Lun 02 Ene 2017, 09:49

La verdad esta muy bien, pero no veo el borde del que hablan Ejem...

Y no se supone que tiene que salir el texto de agrandar la imagen y eso cuando se pase el mouse por encima? porque a mi no me sale

Edit: Pos la cague jaja, ya veo lo de ver la imagen en el tamaño original, era una lupa y crei que era un texto.

Entonces asi ya esta perfecto, solo hay que arreglar lo de que no salen las barras de desplazamiento cuando se ve el tamaño original de la imagen.