Diseño y Posicionamiento Web con Joomla › Foros › General › Joomla en General › Lista de iconos componente invitex de vertical a horizontal
- Este debate tiene 3 respuestas, 2 mensajes y ha sido actualizado por última vez el hace 9 años, 6 meses por
Moderador Foro.
-
AutorEntradas
-
-
30/07/2015 a las 16:37 #114037
Raquel
ParticipanteHola, siguiendo con problemas del componente INVITEX, ya me resolvio el primer problema Redlo, ahora que ya funciona la vista de la plantilla invitex y a priori funciona. A la hora de mostrar los iconos de las redes sociales y opciones de correo electronico, se me presentan en vertical, dejando un hueco blanco a la derecha MUY grande. O sea.. ¡ Queda Fatal ! .
Una vez mas acudi al sistema de tickets que a parte de solo darte una contestación al día, dicen que es problema de mi plantilla joomla, especificandome que ellos utilizan Bootsarp 2.3 y que mi plantilla utiliza Bootstarp 3.
Me pasaron una url, pero yo no entiendo ni medias de lo que dice esa pagina, y como solucionarlo.Les paso la URL : https://techjoomla.com/developers-blogs/joomla-development/techjoomla-and-bootstrap-3.html
-
30/07/2015 a las 22:14 #114039
Moderador Foro
ParticipanteBien, he visto el contenido de la url, que tiene un enlace otra web (joostrap) donde explican como arreglar el entuerto.
Resulta que joomla aún va con Boostrap 2 y la plantilla que utilizas, al parecer (Si me dices cual mejor) utiliza Boostrap 3, por lo que el código que se utiliza en el componente Invitex, siendo Boostrap 2, no responde con la plantilla que utilizas por el uso de Boostrap 3. ¿Me sigues verdad?.
Bien, como solución que se te da desde Joostrap, a modo de uso sencillo y rápido para arreglar el lio, es utilizando el componente Rereplacer de Nonumber. Te adjunto la version gratuita que es valida.
Lo que tienes que hacer una vez instalado el componente, es crear un nuevo filtro de busqueda y cambio. Una vez ahi, veras que tienes distintas opciones de busqueda y dos campos de texto, uno de busqueda y otro para las cadenas de código a cambiar.
En DETALLES Selecciona Treat as List y Word Search y en la pestaña siguiente Search Areas selecciona la opción Body (not in head).
Vuelves a DETALLES y en el campo de texto Search incluyes la siguiente cadena:[code type=css]span1,span2,span3,span4,span5,span6,span7,span8,span9,span10,span11,span12,offset1,offset2,offset3,offset4,offset5,offset6,offset7,offset8,offset9,offset10,offset11,offset12,row-fluid,container-fluid,hero-unit,img-polaroid[/code]
Y en el campo de texto Replace situado debajo copias la siguiente cadena:
[code type=css]
col-sm-1,col-sm-2,col-sm-3,col-sm-4,col-sm-5,col-sm-6,col-sm-7,col-sm-8,col-sm-9,col-sm-10,col-sm-11,col-sm-12,col-offset-1,col-offset-2,col-offset-3,col-offset-4,col-offset-5,col-offset-6,col-offset-7,col-offset-8,col-offset-9,col-offset-10,col-offset-11,col-offset-12,row,container,jumbotron,img-thumbnail[/code]Y haces clic en guardar. Es lo que explican en joostrap. A ver si te funciona.
Saludos
Attachments: -
31/07/2015 a las 01:00 #114041
Raquel
ParticipanteRedlo, porque no nos conocemos, pero si algún día nos cruzamos, estas invitado a lo que quieras. ¡¡ A funcionado perfecto !!
Muestra del resultado:
Attachments: -
31/07/2015 a las 03:32 #114044
Moderador Foro
ParticipanteTe tomo la palabra :). Tampoco he hecho nada. Solo es cuestión de leer bien el texto de joostrap. De todos modos gracias a ti por preguntar aqui.
Saludos
-
-
AutorEntradas
- Debes estar registrado para responder a este debate.