[Ayuda]  Ayuda SQUARE
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 ...

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


:[Imagen: c9rylW8.png]
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.
  • Temas personalizados (HTML5, flat, responsive, SEO Friendly, etc)
  • Plugins y sistemas personalizados (Galería de imagenes, Bolsa de Trabajo, etc)
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 Smile
(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 Smile

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

Código:
#container
.wrapper


Modifica los atributos width hasta lograr el ancho deseado.

Saludos Smile
(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 Smile

Gracias, solucionado! :B
Tema cerrado