Como aumentar coluna em template de Planet Sports Day

AYLC · 08/07/2014

Hola a todos, me gustaria poder editar la segunda columna de mi pagina, ya que es muy angosta y me gustaria ancharla mas, ademas tienen mucho margen, me gustaria poder ancharla un poco mas, sin mover el amcho de la primera columna de los post pero si sepuede editar la tercera columna mas ancha, mi pagina es esta: Planet Sports Day

krusty72 · 08/07/2014

Para mi gusto se ve bastante bien así, el problema es que si aumentas el ancho de la segunda columna, la tercera columna (sidebar) quedará demasiado angosto y no podrás tener el widget de facebook.

Si estás decidido en hacerlo, revisa el index.php y ve cuales son los divs que están en en las dos columnas que vas a modificar y editas ya sea su clase o su id en el style.css

nullPointer · 09/07/2014

Como estoy haciendo tiempo antes de que empiece el fútbol, te voy a intentar echar una mano a ver si te sirve:

Primero cambiaría el estilo del DIV contenedor principal por lo siguiente:

Inserir CODE, HTML ou PHP:

#content-wrapper {
	padding: 15px 0px 15px 0px;
	background: #fff url(http://2.bp.blogspot.com/-ReSErXUFATk/TxcuznRmTuI/AAAAAAAAAjA/hfwtebUqNIk/s000/main-bg.png) 620px top repeat-y;
}

Luego cambiaría el estilo del DIV que contiene la segunda columna por lo siguiente:

Inserir CODE, HTML ou PHP:

#rsidebar-wrapper {
	width: 325px;
	/* float: right; */
	margin-left: 10px;
	padding-right: 0px;
	/* margin-right: 0px; */
	padding-top: 10px;
	padding-bottom: 15px;
	word-wrap: break-word;
	overflow: hidden;
	text-shadow: 0 1px 0 #fff;
}

Después de esto, la segunda columna habrá aumentado de tamaño. El problema que surge ahora es que el widget de Facebook queda un poco desalineado. Para ello, y viendo que no es HTML5, utilizaría la etiqueta <CENTER> para alinear dicho widget, respetando así la manera programática que se sigue en el resto de la página, ya que para alinear los iconos de compartir se utilza dicha etiqueta. Quedaría algo así:

Inserir CODE, HTML ou PHP:

<div class="widget-content">
  [B][COLOR="#FF0000"]<center>[/COLOR][/B]
	<div class="fb-like-box fb_iframe_widget" data-href="https://www.facebook.com/pages/Futbol-Redondo/179867002089932?ref=hl" data-width="295" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="true" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&amp;color_scheme=light&amp;header=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FFutbol-Redondo%2F179867002089932%3Fref%3Dhl&amp;locale=es_LA&amp;sdk=joey&amp;show_border=true&amp;show_faces=true&amp;stream=false&amp;width=295"><span style="vertical-align: bottom; width: 295px; height: 241px;"><iframe name="fc47cd2c8" width="295px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:like_box Facebook Social Plugin" src="http://www.facebook.com/plugins/like_box.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FbLBBWlYJp_w.js%3Fversion%3D41%23cb%3Df6c5500e8%26domain%3Dwww.planetsportsday.com%26origin%3Dhttp%253A%252F%252Fwww.planetsportsday.com%252Ff29e04ff44%26relation%3Dparent.parent&amp;color_scheme=light&amp;header=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FFutbol-Redondo%2F179867002089932%3Fref%3Dhl&amp;locale=es_LA&amp;sdk=joey&amp;show_border=true&amp;show_faces=true&amp;stream=false&amp;width=295" style="border: none; visibility: visible; width: 295px; height: 241px;" class=""></iframe></span></div>
  [B][COLOR="#FF0000"]</center>[/COLOR][/B]
</div>

Te añado un par de imágenes para que puedas ver la diferencia:

Antes:

Después:

Partiendo de esto, ya puedes modificarlo a tu gusto. Como ves, el aumento de tamaño que he realizado ha sido algo sutil.

Espero que te sirva.

Un saludo.

😉

- - - Actualizado - - -

Vale, después de todo el enredo, veo que he entenido mal. Al hablar de segundo columna suponía que hablabas del bloque del sidebar, que es el segundo con respecto al bloque de contenido.

Así que lo que te he proporcionado y nada es lo mismo.
En fin, mañana si puedo le echo un ojo que el fútbol ya a empezado.

;P

Como aumentar coluna em template de Planet Sports Day

AYLC

krusty72

nullPointer

Tópicos similares