FOROS » Dedalus » Sugerencias » Noticias En 3 O Mas Columnas || TruZone

12-09-2020 07:47

Bienvenid@ identifícarse o registrarse

Inicio » Dedalus » Sugerencias

Noticias en 3 o mas columnas

sarjentocuch

Terrateniente

Mensajes: 2301
Registro: 05 sep, 2005

Nivel de Advertencia

Publicado el 10 de diciembre de 2011 a las 20:53:14

#0 Asunto: Noticias en 3 o mas columnas

Buenas, no se si esta sera mucho pedir, pero weno, yo lo comento y haber si hay suerte.

Mi intencion, es CLONAR en modulo o zona de noticias y convertirla en zona de "descargas directas",,, esto lo quiero hacer mas que nada, para mejorar mi web en el posicionamiento de google, y es muy importante, que el nombre de la zona, osea la URL de la zona, sea precisamente eso "descargas directas". (por ejemplo = http://www.miweb.commm/descargas_directas)

pero asi tal y como esta ahora, no me convence del todo.
Me gustaria hacerle una modificacion antes de clonarla y llamarla con otro nombre.

La cuestion es que actualemnte, el modulo de noticias, se puede configurar para que tenga en portada, 1 o 2 columnas maximo.
Me encantaria que se pudiera modificar, para que yo pudiera poner cuantas columnas quisiera.
que yo quiero que me muestre las noticias en 1, 2, 3, 4 o 5 o mas columnas.

mu dificil de hacer??

= '500') this.width='500';" alt="https://imageshack.com/i/jlfirmagaofe4g" title="https://imageshack.com/i/jlfirmagaofe4g">
FAQ de la Truzone
Buscador de la Truzone
Foro Historico

Alexk

Terrateniente

Mensajes: 1010
Registro: 06 may, 2007

Nivel de Advertencia

Publicado el 10 de diciembre de 2011 a las 22:39:13

#1 Asunto: Re: Noticias en 3 o mas columnas

no es dificil solo con CSS, lo puedes lograr, lo malo es que tu theme, el HTML no tiene clases, estoy mirando "infomaniakos.com/" tu sitio web y el div de cada noticia lo pone asi

Código


 <div style="width:49%;float:left;">

y right para la otra noticia de a lado

Código


 <div style="width:49%;float:right;">

si le pones una clase a dicho div, por ejemplo

Código


 <div class="noticia">

podrias hacer algo asi

Código


 .noticia{float:left!important; width:30%; }

jugando con las medidas, margins, paddings, y demas, no puedo ayudar mas ya que no tengo dedalus en local... un saludo y suerte

porno theme wordpress
guarras.com
cerdas

sarjentocuch

Terrateniente

Mensajes: 2301
Registro: 05 sep, 2005

Nivel de Advertencia

Publicado el 10 de diciembre de 2011 a las 22:51:38

#2 Asunto: Re: Noticias en 3 o mas columnas

Bueno, puede que haga algun prueba, pero no se si es valido, lo queria hacer para luego poder liberarlo, pero si el modulo, luego para poder tener tres o mas bloques hay que tocar cada CSS de cada theme, no se si valdria jeje osea, para mi, puede que si, pèro para todos igual no jeje

la zona de noticias, tiene una pestañita desplegable, que pone, 1 columna o 2 columnas.
lo suyo seria hacer que tuviera mas opciones, 3 y 4 comlumnas, y que fuera configurable desde administracion, para que fuera un modulo administrable por alguien sin conocimientos.

puede que haga alguna prueba con lo que me dices, pero no se, ya veremos.

como siempre, muchas gracias alex

= '500') this.width='500';" alt="https://imageshack.com/i/jlfirmagaofe4g" title="https://imageshack.com/i/jlfirmagaofe4g">
FAQ de la Truzone
Buscador de la Truzone
Foro Historico

DLX_ares_SP

Lugareño

Mensajes: 322
Registro: 29 oct, 2004

Nivel de Advertencia

Publicado el 11 de diciembre de 2011 a las 00:37:48

#3 Asunto:

se podría hacer que ese valor lo consulte en las BDs y que ese valor de las BDs lo modifiques tu desde la administración...

Si lluites pots perdre. Si no lluites estas perdut.

sarjentocuch

Terrateniente

Mensajes: 2301
Registro: 05 sep, 2005

Nivel de Advertencia

Publicado el 11 de diciembre de 2011 a las 18:01:12

#4 Asunto: Re: Noticias en 3 o mas columnas

yo eso no se hacerlo DLX

EDITO:

Alex, la solucion me sirve, si solo se lo voy a aplicar a un theme exclusivo,,, la verdad es que queda muy bien.
He decidido clonar el modulo y modificar algunas cosas,,,, cuando lo termine, lo pondre en mi web.
la verdad es que me gusta bastante

muchas gracias

aun asi, como mejora para el modulo noticias, dejo este post para que se pudiera hacer desde administracion

captura:
= '500') this.width='500';" alt="http://img810.imageshack.us/img810/5918/11122011171158.png" title="http://img810.imageshack.us/img810/5918/11122011171158.png">

= '500') this.width='500';" alt="https://imageshack.com/i/jlfirmagaofe4g" title="https://imageshack.com/i/jlfirmagaofe4g">
FAQ de la Truzone
Buscador de la Truzone
Foro Historico

sarjentocuch

Terrateniente

Mensajes: 2301
Registro: 05 sep, 2005

Nivel de Advertencia

Publicado el 25 de febrero de 2012 a las 14:54:19

#5 Asunto: Re: Noticias en 3 o mas columnas

Alex, no se si estaras por ahi,,, queria retocar una cosita en cuanto e esta modificacion, y no se como hacerlo, he porbado alguna cositas, pero no sale lo que busco.

tengo configurado para que me mestro los bloques en 4 columnas, pero entre columna y columna, no hay espacio,,, en este caso, con el otro theme no habia problemas, pero con este nuevo diseño, pide que halla un margen entre bloque y bloque.

se te ocurre como hacerlo ? gracias.

= '500') this.width='500';" alt="http://img705.imageshack.us/img705/1669/25022012135132.png" title="http://img705.imageshack.us/img705/1669/25022012135132.png">

= '500') this.width='500';" alt="https://imageshack.com/i/jlfirmagaofe4g" title="https://imageshack.com/i/jlfirmagaofe4g">
FAQ de la Truzone
Buscador de la Truzone
Foro Historico

Alexk

Terrateniente

Mensajes: 1010
Registro: 06 may, 2007

Nivel de Advertencia

Publicado el 25 de febrero de 2012 a las 16:08:59

#6 Asunto: Re: Noticias en 3 o mas columnas

Aqui ando XD, cambia esto en tu theme.css

Código


 .descarga_directa {

float: left!important;

width: 23%!important;

margin: 0 1%;

}

porno theme wordpress
guarras.com
cerdas

sarjentocuch

Terrateniente

Mensajes: 2301
Registro: 05 sep, 2005

Nivel de Advertencia

Publicado el 25 de febrero de 2012 a las 16:54:16

#7 Asunto: Re: Noticias en 3 o mas columnas

que bueno que bueno, como siempre un millon de gracias Alex

= '500') this.width='500';" alt="https://imageshack.com/i/jlfirmagaofe4g" title="https://imageshack.com/i/jlfirmagaofe4g">
FAQ de la Truzone
Buscador de la Truzone
Foro Historico

sarjentocuch

Terrateniente

Mensajes: 2301
Registro: 05 sep, 2005

Nivel de Advertencia

Publicado el 11 de octubre de 2015 a las 22:37:10

#8 Asunto: Re: Noticias en 3 o mas columnas

Alex, puedo hacerte una consulta?? es solo por curiosidad.
en su dia esto no lo entendi, aunque funciono jeje y ahora estoy revisando, ya que he aprendido cosas nuevas.

En resumen, antes de hacer la modificación, las plantillas del modulo, tenían 2 divs, con 2 floats, uno izquierda otro derecha ocupando una 50% cada una.

entonces, yo en esas plantillas o plantilla, lo que hice fue.
quitar los entilos que tenian los 2 divs.
y a ese div darle un class.

y en ese class, lo unico que hice fue, hacer que su contenido flotara al lado izquierdo, usando cada bloque o contenido, el 24% del espacio que tenían, y así es como se pusieron en 4 columnas? creo entender?

PD: estoy intentando aplicar pequeños detalles minimamente responsive a dedalus, y aunque sea poco, ya he echo unos pequeños progresos jeje con medias querys y cositas asi.

= '500') this.width='500';" alt="https://imageshack.com/i/jlfirmagaofe4g" title="https://imageshack.com/i/jlfirmagaofe4g">
FAQ de la Truzone
Buscador de la Truzone
Foro Historico

Alexk

Terrateniente

Mensajes: 1010
Registro: 06 may, 2007

Nivel de Advertencia

Publicado el 11 de octubre de 2015 a las 23:21:15

#9 Asunto: Re: Noticias en 3 o mas columnas

No me quedo muy claro la duda jeje, quieres tener 4 columnas?

2 columnas 100%/2 = 50%
3 columnas 100%/3 = 33.33333333333333%
4 columnas 100%/4 = 25%
etc...

Pero lo mas importante ya sea Dedalus, wordpress o lo que tu quieras... tienes que tener tu HTML/CSS separado y cuando ya este terminado pasarlo al CMS que deseas hacerlo directamente al CMS no esta bien

porno theme wordpress
guarras.com
cerdas

sarjentocuch

Terrateniente

Mensajes: 2301
Registro: 05 sep, 2005

Nivel de Advertencia

Publicado el 11 de octubre de 2015 a las 23:39:22

#10 Asunto: Re: Noticias en 3 o mas columnas

no, no quiero nada, simplemente, quiero entender lo que hice hace unos meses, cuando me indicaste como hacer esto jaja
solo quiero entender lo que hice. y estaba tratando de explicarlo, para aclarame yo mismo jaja.

Cita

En resumen, antes de hacer la modificación, las plantillas del modulo, tenían 2 divs, con 2 floats, uno izquierda otro derecha ocupando una 50% cada una.

entonces, yo en esas plantillas o plantilla, lo que hice fue.
quitar los entilos que tenian los 2 divs (quite los estilos, que eran floats.).
y a ese div darle un class.

y en ese class, lo unico que hice fue, hacer que su contenido flotara al lado izquierdo, usando cada bloque o contenido, el 24% del espacio que tenían, y así es como se pusieron en 4 columnas? creo entender?

= '500') this.width='500';" alt="https://imageshack.com/i/jlfirmagaofe4g" title="https://imageshack.com/i/jlfirmagaofe4g">
FAQ de la Truzone
Buscador de la Truzone
Foro Historico

Alexk

Terrateniente

Mensajes: 1010
Registro: 06 may, 2007

Nivel de Advertencia

Publicado el 12 de octubre de 2015 a las 21:04:37

#11 Asunto: Re: Noticias en 3 o mas columnas

Pues lo que hiciste... primero fue quitar los estilos del html <div style=""> que esto es "incorrecto" lo mejor es usar .class o #id (entre otros selectores)... para tener el html y el css en archivos separados.

y lo segundo fue darle width, float y margin con % para que este en 4 columnas es todo...

Código


 .descarga_directa { 

float: left!important; 

width: 23%!important; 

margin: 0 1%; 

}

100%/4 = 25% (cuatro columnas)
23%+1(margin-left)+1(margin-right) = 25%

para las columnas yo suelo usar padding envez de margin, asi no tengo que restar nada ejemplo

Código


 .descarga_directa {

float: left; 

width: 25%;

padding: 0 15px;

box-sizing:border-box;

}

Muy importante el "box-sizing:border-box;" esto hara que el padding (30px) no se sume al width (25%) asi tenemos la separacion de columnas sin restar widths todo mas preciso, un saludo

porno theme wordpress
guarras.com
cerdas

sarjentocuch

Terrateniente

Mensajes: 2301
Registro: 05 sep, 2005

Nivel de Advertencia

Publicado el 13 de octubre de 2015 a las 12:21:13

#12 Asunto: Re: Noticias en 3 o mas columnas

Eso es, eso es, yo lo he dicho de otra manera, pero si, es basicamente lo mismo. lo de el padding tienes razon si. :yes:

= '500') this.width='500';" alt="https://imageshack.com/i/jlfirmagaofe4g" title="https://imageshack.com/i/jlfirmagaofe4g">
FAQ de la Truzone
Buscador de la Truzone
Foro Historico