Mostrando entradas con la etiqueta cambiar de sitio la sidebar plantilla minima. Mostrar todas las entradas
Mostrando entradas con la etiqueta cambiar de sitio la sidebar plantilla minima. Mostrar todas las entradas

13.7.10

Cambiar de sitio la sidebar plantilla Mínima


La sidebar de la plantilla Mínima está en el lado derecho; la pasaremos al lado izquierdo.

Vamos a Editar HTML:

Diseño Plantilla Editar HTML Click dentro del editor Ctrl+f

  1. Localizamos los siguientes códigos, poniendo dentro del rectángulo de búsqueda (search) una línea de cada uno, alternativamente:

    #main-wrapper {
      width: 410px;
      float: $startSide;
      word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
      overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
      }

    #sidebar-wrapper {
      width: 220px;
      float: $endSide;
      word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
      overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
    }


  2. En ambos códigos hacemos las siguientes modificaciones:

    En donde está:

    float: $startSide;

    ...lo cambiamos por:

    float: $endSide;

    Donde está:

    float: $endSide;

    ...lo cambiamos por:

    float: $startSide;

  3. copiamos el código del sector de las entradas, que es como éste:

          <div id='main-wrapper'>
            <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
    </b:section>
          </div>

  4. Lo pegamos inmediatamente después de este código (puede que no sea exactamente igual ya que depende de los gadgets que tengamos en la sidebar):

          <div id='sidebar-wrapper'>
            <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
    <b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
    <b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/>
    <b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
    </b:section>
          </div>

    ...eliminándolo del lugar que ocupaba anteriormente, para que no nos dé error por repetición.

  5. Vista previa, guardamos y tendremos la sidebar en el lado izquierdo.