Modificar diseño de imagen reducida - Página 2 Hitskin_logo Hitskin.com

Esto es una previsualización de un tema de Hitskin.com
Instalar el estiloVolver a la ficha del tema.

Sporepedia 2
¡Bienvenido a Sporepedia 2! Si quieres empezar a compartir tus creaciones y descargar las de otros, regístrate ya.

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

Recuperar mi contraseña

Últimos temas
» Rise of Cults 2 Bot (Beta abierta)
Modificar diseño de imagen reducida - Página 2 EmptyHoy a las 00:56 por XleandroX

» Nueva Ciudad Sporepedia 2024 (Historia por partes)
Modificar diseño de imagen reducida - Página 2 EmptyAyer a las 17:03 por Mozokas

» TEMA FLOOD
Modificar diseño de imagen reducida - Página 2 EmptyAyer a las 16:49 por BlueXYZ

» Experimento Scaver [ZERG]
Modificar diseño de imagen reducida - Página 2 EmptyJue 21 Nov 2024, 16:40 por Davitroon

» El Iceberg Definitivo del Foro [PROYECTO COMUNITARIO]
Modificar diseño de imagen reducida - Página 2 EmptyMiér 20 Nov 2024, 21:20 por Mathaloz

» Experimento Grifo Fantasmal [SINDROME DEL 23]
Modificar diseño de imagen reducida - Página 2 EmptyMiér 20 Nov 2024, 18:10 por Quincho96

» Presentacion y Preguntas
Modificar diseño de imagen reducida - Página 2 EmptyMiér 20 Nov 2024, 11:28 por Quincho96

» BlueXYZ
Modificar diseño de imagen reducida - Página 2 EmptyDom 17 Nov 2024, 00:47 por Max

» Hola
Modificar diseño de imagen reducida - Página 2 EmptySáb 16 Nov 2024, 23:35 por FlairDreamer

» Los experimentos del Dr. Breincrox, parte 2
Modificar diseño de imagen reducida - Página 2 EmptySáb 16 Nov 2024, 23:23 por FlairDreamer

» Aldeano Mini Carro [O5] [T] [♫]
Modificar diseño de imagen reducida - Página 2 EmptyVie 15 Nov 2024, 18:38 por Quincho96

» [set]: Criaturas de Maenard
Modificar diseño de imagen reducida - Página 2 EmptyVie 15 Nov 2024, 18:35 por Quincho96

» R3-XP10R3 [AI3] [♫]
Modificar diseño de imagen reducida - Página 2 EmptyVie 15 Nov 2024, 16:17 por Quincho96

» Experimento Scarver-T [Virus-T]
Modificar diseño de imagen reducida - Página 2 EmptyJue 14 Nov 2024, 14:27 por Quincho96

» Caballo [3lite vs. Xhaps] [2]
Modificar diseño de imagen reducida - Página 2 EmptyJue 14 Nov 2024, 11:50 por Sirillium64

» Esidisi's Tower [O4] [E]
Modificar diseño de imagen reducida - Página 2 EmptyJue 14 Nov 2024, 11:47 por Sirillium64

» ¿Que música están escuchando?
Modificar diseño de imagen reducida - Página 2 EmptyJue 14 Nov 2024, 11:44 por FlairDreamer

» Problema con los pies de DI y otros mods
Modificar diseño de imagen reducida - Página 2 EmptyMiér 13 Nov 2024, 20:10 por FlairDreamer

» Las partes robóticas en mi spore no funcionan bien
Modificar diseño de imagen reducida - Página 2 EmptyMiér 13 Nov 2024, 20:08 por FlairDreamer

» ¿Cómo recuperar una criatura borrada?
Modificar diseño de imagen reducida - Página 2 EmptyMiér 13 Nov 2024, 19:22 por FlairDreamer

» Una decada despues!
Modificar diseño de imagen reducida - Página 2 EmptyMar 12 Nov 2024, 22:31 por Endy

» Prototipo Zangief [O3]
Modificar diseño de imagen reducida - Página 2 EmptyMar 12 Nov 2024, 19:09 por Quincho96

» El traveler barato de Owari [TA] [Mx3]
Modificar diseño de imagen reducida - Página 2 EmptyMar 12 Nov 2024, 16:12 por Quincho96

Los posteadores más activos de la semana

Creación Aleatoria

Hora Mundial


Modificar diseño de imagen reducida

Ir a la página : Precedente  1, 2, 3  Siguiente

Ver el tema anterior Ver el tema siguiente Ir abajo

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

Mensaje 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

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

Volver arriba Ir abajo


Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje 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. Smile

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje 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

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje 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.

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

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

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

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

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

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

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje 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.

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje 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

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje 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

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje 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?

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje 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

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje 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

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje 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.

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje por Wigazo Lun 02 Ene 2017, 14:45

Mmm, tendré que ver qué onda con el error, mientras voy a poner todo como estaba para que no joda. :S Gracias por notificarlo.

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje por Wigazo Miér 11 Ene 2017, 00:22

Bueno, ahí arreglé el error.

Pero puede que tenga otros bugs, así que por favor si ven algo avisen. Smile

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje por Sproilex Miér 11 Ene 2017, 07:02

Ok.

Revisare a ver, pero a simple vista, esta bien.

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje por Rhinestone Miér 11 Ene 2017, 15:40

¡Me gusta! Very Happy realmente se ve muy bien

Volver arriba Ir abajo

Modificar diseño de imagen reducida - Página 2 Empty Re: Modificar diseño de imagen reducida

Mensaje por Contenido patrocinado

Volver arriba Ir abajo

Ir a la página : Precedente  1, 2, 3  Siguiente

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

Permisos de este foro:
No puedes responder a temas en este foro.
Fecha y hora actual: Dom 24 Nov 2024, 00:58