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

8.7.10

Cambiar de sitio la sidebar - Denim


La sidebar de la plantila Denim está al 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 {
      margin-$startSide: 14px;
      width: 464px;
      float: $startSide;
      background-color: $mainBgColor;
      display: inline;      
      word-wrap: break-word;
      overflow: hidden;      
    }

    #sidebar-wrapper {
      margin-$endSide: 14px;
      width: 240px;
      float: $endSide;
      background-color: $mainBgColor;
      display: inline;      
      word-wrap: break-word;
      overflow: hidden;      
    }


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

    • En donde está start lo eliminamos y en su lugar ponemos end.
    • En donde está end lo eliminamos y en su lugar ponemos start.

  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 no ser 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='Attribution1' locked='false' title='' type='Attribution'/>
    <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: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.