15.7.10

Cambiar el sitio de la sidebar - Harbor



La plantilla Harbor tiene la sidebar en el lado izquierdo; la pasaremos para el lado derecho.

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:64%;
      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 */
      }

    #sidebar-wrapper {
      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 */
      }

  2. en los anteriores códigos cambiamos:

    float:$endSide;

    por:

    float:$startSide;

    ...y

    float:$startSide;

    por:

    float:$endSide;

  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 del código que está a continuación, que es éste:

      <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 derecho.

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.