Avisos
Vaciar todo

atributos de diseño, separadores de texto 2  

 
Andres
 Andres
Estimable Member

quiero poner esta linea en el frontpage de mi sitio (ver foto adjunta):

URL del sitio: http://laotrali-cp47.webjoomla.es

Citar
Respondido : 25/04/2012 11:57 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Andres,

Puedes dirigirte al fichero: /templates/ja_teline_iv/html/mod_janewspro/default/style.css en la linea 35 aproximadamente puedes agregar un border-right de la siguiente manera:

.default .ja-zin .col-first {
    background-image: none;
    border-right: 1px dotted #CCCCCC;
}

Saludos.

ResponderCitar
Respondido : 26/04/2012 12:17 am

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

Andres
 Andres
Estimable Member

cuando hago lo que me dices se me pasan todas las noticias a la columna de la izquierda y la derecha se queda vacia.

ResponderCitar
Respondido : 26/04/2012 12:37 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Andrés,

El tema es que se produce un desbordamiento, por defecto el sistema genera un ancho de columna que es:

element.style {
    width: 49.95%;
}
.default .ja-zin .col-first {
    background-image: none;
}

y para que quede bien hay que modificar tal como te indica Johnny pero además modificando el ancho de 49.95% (tendrás que buscar en el código donde se realiza el cambio, con Firebug no lo indica). Adjunto captura de pantalla:

Saludos

ResponderCitar
Respondido : 26/04/2012 7:56 am

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

Andres
 Andres
Estimable Member

no entiendo nada

ResponderCitar
Respondido : 26/04/2012 8:36 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Andres,

En el siguiente post: planteaste el mismo problema donde encontraste solución para el modulo JaNewsPro, el cual seria recomendable que utilices antes que aplicarle un Overrides a la plantilla de contenido.

Saludos.

ResponderCitar
Respondido : 27/04/2012 6:22 am

Andres
 Andres
Estimable Member

Este post no tiene abaolutamente nada q ver con el asunto que nos ocupa.

ResponderCitar
Respondido : 27/04/2012 8:51 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Andres,

Te explico de otra manera más sencilla mi respuesta. El tema del desbordamiento se refiere a que un sitio web está construido a base de cajas, y esas cajas tienen asignados unos determinados tamaños y posiciones. ¿Que sucede cuando se quiere añadir un elemento dentro de una caja como en este caso una linea?, pues que se aumenta el tamaño que ocupa de la misma, y lo que produce un desbordamiento, haciendo que lo que haya a su derecha se desplace hacía abajo.

Donde añadir la linea, si que te lo hemos indicado como se realiza, pero el cambiar el tamaño o proporciones de esas cajas, no lo hemos podido averiguar viendo el código del frontal del sitio web, por eso te indicaba que buscarás esos valores en la plantilla.

El tema es que cambios que solicitas, para realizarlos es necesario tener ciertos conocimientos de CSS, HTML y PHP que indicas que no posees.
Nosotros realizamos una orientación de como efectuar tareas, pero con las limitaciones propias del foro. Y se escapa de nuestras competencia enseñar el uso de lenguajes de programación.

Algunos cambios no los podemos realizar ya es necesario acceder a los archivos del sitio web, hacer pruebas y realizar el trabajo nosotros, pero en el foro no se realiza este servicio de diseño personalizado en las webs de los clientes.

Saludos

ResponderCitar
Respondido : 27/04/2012 12:02 pm

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

Andres
 Andres
Estimable Member

ok, pero el tema es que la linea estaba. venia con el modulo pero haciendo retoques en otro modulo lo quite.Por eso creo que no puede ser tan dificil.

ResponderCitar
Respondido : 28/04/2012 6:39 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Andrés

Ubica el archivo /templates/ja_teline_iv/html/mod_janewspro/default/style.css y agrega al final

.ja-zinsec .column1{
	width:49.8%!important;
}

Con ese código ganarás un poco de espacio ya que esta un poco reducido la columna de la izquierda. Luego aplica los cambios comentados inicialmente por Jhonny

Saludos.

ResponderCitar
Respondido : 29/04/2012 6:52 pm

Cursos Gratuitos WordPress

Andres
 Andres
Estimable Member

ahora si, muchas gracias. solucionado.

ResponderCitar
Respondido : 29/04/2012 7:38 pm