Cambio de posicion  

 
Ignacio Perez Gutierrez
 Ignacio Perez Gutierrez
Estimable Member

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/

Citar
Respondido : 11/04/2012 1:14 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/04/2012 3:24 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Ignacio Perez Gutierrez
 Ignacio Perez Gutierrez
Estimable Member

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

ResponderCitar
Respondido : 12/04/2012 7:29 pm
Miguel Tuyaré
 Miguel Tuyaré
Honorable Member

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

Orientar personas, despertar vida.

ResponderCitar
Respondido : 12/04/2012 10:18 pm

Cursos Gratuitos WordPress

Ignacio Perez Gutierrez
 Ignacio Perez Gutierrez
Estimable Member

Lo he echo pero no noto ningun cambio, no se si lusted nota algun cambio

un saludo

ResponderCitar
Respondido : 13/04/2012 9:02 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/04/2012 11:48 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Miguel Tuyaré
 Miguel Tuyaré
Honorable Member

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.

Orientar personas, despertar vida.

ResponderCitar
Respondido : 13/04/2012 11:56 pm
Ignacio Perez Gutierrez
 Ignacio Perez Gutierrez
Estimable Member

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

ResponderCitar
Respondido : 14/04/2012 10:16 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/04/2012 2:09 pm
Ignacio Perez Gutierrez
 Ignacio Perez Gutierrez
Estimable Member

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

ResponderCitar
Respondido : 15/04/2012 3:05 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/04/2012 5:25 pm
Ignacio Perez Gutierrez
 Ignacio Perez Gutierrez
Estimable Member

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

ResponderCitar
Respondido : 17/04/2012 4:26 pm

Cursos Gratuitos WordPress

Miguel Tuyaré
 Miguel Tuyaré
Honorable Member

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.

Orientar personas, despertar vida.

ResponderCitar
Respondido : 17/04/2012 5:13 pm
Ignacio Perez Gutierrez
 Ignacio Perez Gutierrez
Estimable Member

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

ResponderCitar
Respondido : 18/04/2012 6:08 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jordi Sala
 Jordi Sala
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 19/04/2012 11:26 am

Por favor Iniciar Sesión o Registro