Hola chicos, tengo un problema, resulta que instale el theme square para la version 1.8.x

Le borre el sidebox que tenia en el index template, se lo borre completamente, pero hay algo que no me gusta como quedo de mi theme, ven en la parte donde esta marcada la flecha derecha? quiero saber como hago para que tenga las mismas medidas que el breadcrumb o medidas a mi gusto.


saludos


:

Lo suyo seria que preguntaras al creador del tema. Yo utilizo ese tema para un proyecto y usa un JS que redimensiona el contenedor de forums.

Pon aqui el codigo de headerinclude e index.

Hola, ve a tu plantilla index y busca algo como esto:


Y elimina el contenedor de {$forums} de modo que te quede únicamente así:


Luego ve a tu plantilla nav y elimina 


Para desaparecer el botón controlador de ocultar/mostrar sidebar, ya que eliminaste el sidebar eso queda sobrando.

Por último vas a tu plantilla headerinclude y elimina el siguiente código:


Ese es el script que hace el efecto de ocultar/mostrar sidebar, también queda sobrando.

Eso sería todo, saludos

(29 Mar, 2015, 9:44 am)Jean Pierre escribió: Hola, ve a tu plantilla index y busca algo como esto:

Código:

<div class="forums" style="float:left; width: 984px;">
{$forums}
</div>

Y elimina el contenedor de {$forums} de modo que te quede únicamente así:

Código:

{$forums}

Luego ve a tu plantilla nav y elimina 

Código:

<a class="buttons" style="float: right; display: none;" title="Hide sidebar"><i style="font-size: 14px;" class="fa fa-compress fa-fw"></i></a>
<a class="clickedbuttons" style="float: right; display: block;" title="Show sidebar"><i style="font-size: 14px;" class="fa fa-expand fa-fw"></i></a>

Para desaparecer el botón controlador de ocultar/mostrar sidebar, ya que eliminaste el sidebar eso queda sobrando.

Por último vas a tu plantilla headerinclude y elimina el siguiente código:

Código:

<script type="text/javascript">
jQuery(function($) {
   $(".clickedbuttons").hide();
   $(".buttons").click(function() {
       $(".sidebar").animate({height: "hide", opacity: 0}, 500,
           function() {
               $(".forums").animate({width: "984px"}, 500);
           });
       $(this).hide();
       $(".clickedbuttons").show();
       $.cookie("sidebar","collapsed", {expires: 365});
       return false;
   });
   $(".clickedbuttons").click(function() {
       $(".forums").animate({width: "724px"}, 500,
           function() {
               $(".sidebar").animate({height: "show", opacity: 1}, 500);
           });
       $(this).hide();
       $(".buttons").show();
       $.cookie("sidebar","expanded", {expires: 365});
       return false;
   });
   if($.cookie("sidebar") == "collapsed") {
       $(".buttons").hide();
       $(".clickedbuttons").show();
       $(".forums").css("width","984px");
       $(".sidebar").hide();
   };
});
</script>

Ese es el script que hace el efecto de ocultar/mostrar sidebar, también queda sobrando.

Eso sería todo, saludos

Gracias por la ayuda! pero necesito algo más, fijate como quedo ahora.. Quedo bien, pero quiero que eso (no se como se llama) este un poco a la medida del container, si me entiendes?

Aca tienes un ejemplo:  http://prntscr.com/6n10le

Edita los siguientes selectores de clase e ID en tu global.css



Modifica los atributos width hasta lograr el ancho deseado.

Saludos

(29 Mar, 2015, 5:35 pm)Jean Pierre escribió: Edita los siguientes selectores de clase e ID en tu global.css

Código:

#container
.wrapper

Modifica los atributos width hasta lograr el ancho deseado.

Saludos

Gracias, solucionado! :B