Avisos
Vaciar todo
Hola,
Me gustaria que me ayudasen en mi sitio para algo que ya me trae de cabeza, e mirado con el firebug y no tengo alma de conseguirlo, seguramente sera algo mas complicado de lo que parece.
Si entran en mi sitio y os fijáis en las noticias de portadas salen en un orden que ocupa mucho espacio de pagina y no se visualiza bien, en concreto lo que me gustaria conseguir es agruparlo todo y que la imagen del articulo (K2) quedase a la izquierda del texto, espero que me entiendan lo que quiero conseguir con vuestra ayuda, tengo que reconocer que de programación ando bastante corto.
Un saludo
URL del sitio: http://hobbiepadel.com/
Respondido : 11/04/2012 1:14 am
Hola Ignacio,
De momento lo que comprendo es que quieres modificar la plantilla k2 para visualizar la imagen del lado izquierdo, direcciónate al fichero: components/com_k2/css/k2.css en la linea 420 aproximadamente agrega un float: left de la siguiente manera:
div.catItemImageBlock {
float: left;
margin: 0 0 16px;
padding: 4px;
}
Saludos.
Respondido : 11/04/2012 3:24 am
ya tengo la imagen a la izquierda, pero ahora lo que quiero es que el texto no esté abajo de la imagen, que quede justamente en paralelo con la misma, espero que sea posible 🙁
Un saludo...
Respondido : 12/04/2012 7:29 pm
Hola Ignacio:
Accede al CSS de la plantilla (template.css) y al final agrega lo siguiente:
.column p{margin: 0 0 15px 0}
Y me dices si funcionó.
Respondido : 12/04/2012 10:18 pm
Lo he echo pero no noto ningun cambio, no se si lusted nota algun cambio
un saludo
Respondido : 13/04/2012 9:02 pm
Hola Ignacio,
Direcciónate al fichero de la ruta: /templates/ja_purity_ii/css/template.css aproximadamente en la línea 1522 cambia el estilo css de la siguiente manera:
.column p {
margin: 0 0 1px 111px;
}
Saludos.
Respondido : 13/04/2012 11:48 pm
Hola Ignacio:
Hubo un cambio pero no significativo....
Has lo siguiente:
- Accede al archivo "raízJoomla/components/com_k2/css/k2.css"
- Busca la línea 420 y cambia las clases que hay allí por estas:
div.catItemImageBlock {float: left;
margin: 5px 0 5px 0;
padding: 0 4px;}
div.catItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:0 0 12px 0;}
Con esto te va a quedar alineada la imagen con el texto.
Respondido : 13/04/2012 11:56 pm
He realizado los cambios de Miguel, en principio parece que queda bastante mejor, para lo que pretendía conseguir esta bastante bien.
Ahora me surge que se ven las noticias muy juntas una casi encima de la otra, me gustaría darle un ligero espacio entre columnas y ademas agregarle un borde suave de color #003366 para así poder destacar la que es una noticia de la otra.
Espero me podáis ayudar, si creéis que debo de hacer la consulta en otro hilo nuevo no tengo ningún problema en moverlo de sitio, lo hago en este mismo por que en definitiva es casi lo mismo pero paso por paso.
Un saludo...
Respondido : 14/04/2012 10:16 pm
Hola Ignacio
En el archivo, /components/com_k2/css/k2.css ,agrega lo siguiente al final:
#itemListPrimary div.itemContainer,#itemListSecondary div.itemContainer{
border :1px solid #003366;
width:48% !important;
margin:3px;
}
Saludos
Respondido : 15/04/2012 2:09 pm
ya e realizado los cambios, pero me gustaría a ver si posible que sea las esquinas redondeadas y que las noticias que si de da usted cuenta ahora al haber una noticia en left mas alta que la de la posición right queda un espacio en blanco muy desagradable para el aspecto de la pagina principal.
Un saludo...
Respondido : 15/04/2012 3:05 pm
Hola Ignacio
Si quieres esquinas redondeadas se puede hacer con CSS3 ,explicito para cada navegador, lamentablemente los navegadores antiguos e IE no soportará esta característica.
Puedes agregar lo siguiente por ejemplo:
#itemListPrimary div.itemContainer,#itemListSecondary div.itemContainer{
border :1px solid #003366;
width:48% !important;
margin:3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
Con respecto a los espacios, esto depende del contenido de introducción de tus artículos y no es posible de manera sencilla darle un alto idéntico para cada fila, te sugiero estandarizar la cantidad de contenido de introducción, de esta manera se verá mejor y no habrá espacios
Saludos.
Respondido : 15/04/2012 5:25 pm
Como es posible estandarizar la cantidad de contenido de introducción? hay alguna forma? que el sistema solo me haga el texto intro a todos iguales y al abrirlo continúe el resto de la noticia con la introducción incluida?, ahora mismo lo hago ocultando la introducción y pegando la noticia entera en el resto del contenido.
un saludo
Respondido : 17/04/2012 4:26 pm
Hola Ignacio:
No sé bien a qué te refieres con "ocultar" el texto de introducción pero te comento algunas cuestiones.
Veo que utilizas K2. Si accede al componente y luego a Items, veras en la esquina superior derecha un icono de Opciones. Desde allí puedes configurar mostrar o no el texto de introducción.
El caso es igual para el Gestor de Artículos de Joomla.
Por otro lado, tal vez te refieras a incrustar en el texto el "Leer más".
El "Leer más" es un icono que hay al pie del editor y que te permite separar los textos en "Introducción" y "Texto Completo".
Para usarlo, solo debes posicionarte en el lugar donde quieres que se haga el corte y luego presionar ese botón, tras lo cual te aparecerá una raya indicativa.
Respondido : 17/04/2012 5:13 pm
gracias Miguel, ya lo usaba así antes, a lo que me refiero a estandarizar los textos de introducción para que me salgan todas las noticias con las mismas letras o palabras, desde la administración intento hacerlo y no tengo alma de conseguir que salgan todas las noticias con las mismas lineas de introducción.
Un saludo...
Respondido : 18/04/2012 6:08 pm
Hola Ignacio,
En K2 --> categorías --> editar categoría --> Las opciones de vista del elemento en las listas de la categoría, dispones de la opción "Introtext word limit".
Saludos
Respondido : 19/04/2012 11:26 am
