Foro de soporte WordPress en español


Soporte WordPress en español Soporte gratuito para webs alojadas en Webempresa.com
Habilitado para todos los clientes con planes de Hosting Alto Rendimiento a partir de 3GB y planes XL.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

Te recomendamos que leas esta información sobre nuestro sistema de soporte en el foro, te ayudará a sacar el máximo partido de nuestro conocimiento: Cómo podemos ayudarte.


Encuentra la solución a tu problema, buscando en nuestro foro:
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme
Aquí hablamos sobre la versión Joomla! 3.0. Puedes resolver cualquier problema que tengas con la versión 3 del CMS Joomla y nuestros técnicos gurús en Joomla! te ayudarán a resolverlo.

TEMA: Imagenes texto incrustado de nuevo

Imagenes texto incrustado de nuevo 4 años 1 mes antes #211275

Hola de nuevo,
vengo con el mismo tema que hace unos días pero no puedo reabrir el link, aquí se lo pego https://www.webempresa.com/foro/32-Joomla!-30/142700-Im%C3%A1genes-con-texto-incrustado.html. Despues de estar probando alguna que otra opción hemos decidido hacer los circulos con css lo que nos trae a otros problemas, haber si serian tant amables de darnos una mano ya que creemos que es poco lo que nos queda por dejarlo listo, les explico:
Hemos puesto los circulos con un z-index (de momento solo el primer círculo) ya que en la parte inferior de ellos tienen que estar cortados (estilo media luna, desconocemos si podriamos hacer esta forma con css tambien y precindir de la imagen) pues bien si hacemos esto la opción :active para que nos cambie de color al pulsar dichos circulos no funciona.
Como podriamos hacer que despues de esconder la parte inferior de los circulos se quede tapada la parte inferior pero que funcione la opción de cambiar de color cuando se haga clic sobre cada circulo?
Les adjunto una imagen tal y como ahora esta

globos.jpg


saludos y gracias de antemano


URL del sitio: Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
  • WebMaster
  • Avatar de WebMaster
  • DESCONECTADO
  • Navegador Dorado
  • Mensajes: 231
  • Karma: 0
Última Edición: 4 años 1 mes antes por WebMaster.
El administrador ha desactivado la escritura pública.
Mejora la velocidad de tu WordPress

Imagenes texto incrustado de nuevo 4 años 1 mes antes #211290

Hola

Ponle un ID también a la imagen

Usa z-index positivos, por ejemplo para los circulos sería z-index:1 , z-index:2 y z-index:3, pero para la imagen puedes ponerle z-index:4 y adicionalmente position:relative

Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.
trasladar web gratis

Imagenes texto incrustado de nuevo 4 años 1 mes antes #211397

Hola Jhon,
muchas gracias todo perfecto ;) +100
Lo que pasa es que si visualizamos la web desde un dispositivo mobil, tablet, etc no se visualiza correctamente (adjunto un par de capturas).

issueGlobos.jpg


issueGlobos2.jpg


Supongo que sera porque lo que hace que los circulos se visualizen cortados por la parte inferior es una imagen y no código css.
Hay alguna manera de hacer la curva de la imagen para que el efecto de circulos cortados sea el mismo y lo podamos visualizar correctamente desde otro dispositivo que no sea un pc?
Agradeceria mucho vuestra ayuda tanto si se puede con codigo css o con la imagen

Saludos
  • WebMaster
  • Avatar de WebMaster
  • DESCONECTADO
  • Navegador Dorado
  • Mensajes: 231
  • Karma: 0
El administrador ha desactivado la escritura pública.
solucionar problemas wordpress

Imagenes texto incrustado de nuevo 4 años 1 mes antes #211414

Hola

La solución más práctica sería que cambies la manera de mostrar los cirulos a determinada resolución, por ejemplo quitando la imagen y luego haciendo q los círculos se muestren uno debajo de otro

Prueba el siguiente código, agregalo al final del archivo :
/templates/yoo_master2/css/custom.css
@media (max-width:1200px){
	#img-globos img{
		display:none;
	}
 
	#sphere-a, #sphere-b, #sphere-c{
		position:static;
		display:block;
    margin:auto;
	}
}

Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Imagenes texto incrustado de nuevo 4 años 1 mes antes #211742

Hola Jhon, (disculpa mi retraso en la contesta)
perfecto! funciona bien así y nos vale.
Por otra parte (ya será la última molestia que os ocasione) como podriamos hacer para que se mantenga el color azul más oscuro activo en el circulo seleccionado?
Cada círculo de los 3 que hay tiene un enlace a otro artículo de Joomla pues queremos que se mantenga con el azul más oscuro activo dependiendo de el círculo clicado.
hemos puesto la opción :active en el css pero solo se muestra en azul más fuerte al hacer clic sobre el, luego se vuelve a quedar el azul más claro.
Os adjunto una captura de como tendria que quedar despues de hacerle clic encima

circulos.jpg


Mil gracias de nuevo y disculpad!
  • WebMaster
  • Avatar de WebMaster
  • DESCONECTADO
  • Navegador Dorado
  • Mensajes: 231
  • Karma: 0
El administrador ha desactivado la escritura pública.

Imagenes texto incrustado de nuevo 4 años 1 mes antes #211756

Hola,

Puedes aplicar el efecto indicado, modificando la hoja e estilos .CSS.

Te recomiendo revisar la siguiente informaron, donde podrás ver como realizar cambios en las hojas de estilos:

www.webempresa.com/blog/item/1837-como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html

Saludos
  • Julen
  • Avatar de Julen
  • DESCONECTADO
  • Administrador
  • Mensajes: 2891
  • Gracias recibidas 288
  • Karma: 70
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

¿Te ha resultado interesante esta entrada del foro?

Suscríbete para recibir consejos y trucos útiles para tu Web.

Imagenes texto incrustado de nuevo 4 años 1 mes antes #211758

Hola Julen,
disculpa pero si lees bien en el post anterior al tuyo ya ponemos que hemos puesto un selector :active, o sea entendemos que ya sabemos como modificar .css.
Simplemente necesitamos saber como aplicarlo correctamente, no como aprender a modificar .css tal y como nos indicas tu.


Saludos
  • WebMaster
  • Avatar de WebMaster
  • DESCONECTADO
  • Navegador Dorado
  • Mensajes: 231
  • Karma: 0
El administrador ha desactivado la escritura pública.

Imagenes texto incrustado de nuevo 4 años 1 mes antes #211802

Hola

La pregunta sería por que quieres este comportamiento ?, Algunas cosas que tienes que tener en cuenta:

- La página se recarga asi que el efecto de q fue visitado se perdería
- Usas javascript, por lo que tendrías que hacerlo con javascript , esto posiblemente te fuerce a usar cookies
- Por CSS podrías usar visited si la estructura fuese otra y se tratara de un link www.w3schools.com/cssref/sel_visited.asp

En resumen creo que te estas complicando con esto, lo si que podrías evaluar es sólo hacer un :hover que cuando pase el mouse cambie de color para saber que hay algo más al hacer click

Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Imagenes texto incrustado de nuevo 4 años 1 mes antes #211884

Hola Jhon, gracias de nuevo,
seguro que tienes razón y me este complicando, pero necesito este efecto para nuestro cliente, haber si me explico un poco mejor, la idea és que si yo estoy en cualquier apartado del menú de la web (en el ejemplo que os pongo estoy en el apartado del menu "Activitats") y el usuario hace clic encima del circulo de "Entorn" (és un ejemplo, podra ser cualquier de los otros dos que hay), adjunto imagen.

active1.jpg


Esto anterior tendría que llevarlo al apartado de "Entorn" y ademas tendría que mantenerse resaltado el circulo de "Entorn" con color azul más fuerte tal y como se puede visualizar en la siguiente imagen adjunta

active2.jpg


Alguna idea de como podria hacerlo?
Mil gracias de nuevo

Saludos
  • WebMaster
  • Avatar de WebMaster
  • DESCONECTADO
  • Navegador Dorado
  • Mensajes: 231
  • Karma: 0
El administrador ha desactivado la escritura pública.

Imagenes texto incrustado de nuevo 4 años 1 mes antes #211928

Hola

En este caso veo que los circulos son parte del contenido, podrías evaluar pintar los circulos directamente en el artículo, es decir si entra al artículo de "Entorn" , en este artículo el circulo "Entorn" debería ya estar pintado , es como un artificio ya que los circulos son independientes y se repiten en cada articulo, esto te favorece a que puedas pintar el circulo activo.

Podrías usar por ejemplo
<div onclick="location.href='http://beta.centrevima.com/index.php?option=com_content&amp;view=article&amp;layout=edit&amp;id=15';" style="background: red" id="sphere-a"> .... más codigo

Fijate en la parte de style="background:red"

Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Imagenes texto incrustado de nuevo 4 años 1 mes antes #212146

Hola Jhon,
perfecto! gracias crack! Nos vale la opción que mencionas

Mil gracias de nuevo, +1000 :)

Saludos
  • WebMaster
  • Avatar de WebMaster
  • DESCONECTADO
  • Navegador Dorado
  • Mensajes: 231
  • Karma: 0
El administrador ha desactivado la escritura pública.

Imagenes texto incrustado de nuevo 4 años 1 mes antes #212149

Gracias por tu confianza :)

Nos alegra que te guste nuestro servicio. :)

Nos sería de mucha utilidad que nos dejases tu testimonio, solicitamos testimonios para colocar en nuestra página y ayudar a otros posibles clientes a decidirse por nuestros servicios:

Puedes crear el testimonio aquí: www.webempresa.com/testimonios.html?view=form&layout=edit

Si nos quieres enviar tu experiencia con nuestro servicio, la publicaremos en nuestra página con un link hacia tu Web. Nuestro dominio webempresa.com tiene una autoridad alta, así que el link siempre te ayudará en el posicionamiento en buscadores de tu Web.

Si ya lo solicitamos anteriormente y nos lo facilitaste, puedes dejar otro testimonio si tienes otra página que quieras posicionar mejor al tener un link en la nuestra con tu testimonio.

Gracias por publicar tu testimonio y por tus palabras de agradecimiento.
  • Julen
  • Avatar de Julen
  • DESCONECTADO
  • Administrador
  • Mensajes: 2891
  • Gracias recibidas 288
  • Karma: 70
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Temas Relacionados

6 Respuestas emo
Categoría: Joomla 3.0
Tema iniciado 4 años 1 mes antes por WebMaster
984 Visitas
1 Respuestas emo
Categoría: Joomla 2.5
Tema iniciado 6 años 6 meses antes por Luis
1852 Visitas
1 Respuestas emo
Categoría: Joomla 2.5
Tema iniciado 6 años 10 meses antes por F. Javier González
1488 Visitas
11 Respuestas emo
Categoría: Joomla 3.0
Tema iniciado 2 años 1 semana antes por KARPAS
500 Visitas
1 Respuestas emo
Categoría: Joomla 2.5
Tema iniciado 7 años 1 mes antes por Montse
1677 Visitas
1 Respuestas emo
Categoría: Joomla 2.5
Tema iniciado 6 años 11 meses antes por Juan Carlos Esteban
2693 Visitas
5 Respuestas emo
Categoría: Joomla 2.5
Tema iniciado 4 años 7 meses antes por antonio
823 Visitas
3 Respuestas emo
Categoría: Joomla 1.6
Tema iniciado 7 años 9 meses antes por Rosa
2452 Visitas
8 Respuestas emo
Categoría: Pack Empresa
Tema iniciado 7 años 4 meses antes por FRANÇOISE
5304 Visitas
1 Respuestas emo
Categoría: Joomla 3.0
Tema iniciado 2 años 6 meses antes por Juan
845 Visitas

Tiempo de carga de la página: 0.442 segundos