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.

0 comentarios :

▼▲ Ocultar / Mostrar comentarios

Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

El autor.