Ocultar elementos con visibility:hidden

LuJo


La opción de visibility:hidden da mucho de sí ya que permite ocultar a la vista lo que sea... Eso sí, ¡cuidado!, no significa que deje de cargarse.

Ejemplo:

1. Ocultar la fecha de las entradas de nuestro blog.

- Diseño>Edición de HTML>expandimos artilugios

- Control+F y buscamos:

/* Posts---------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

Y le añadimos "visibility:hidden;" antes de la llave de cierre }:

/* Posts----------------
*/
h2.date-header {
margin:1.5em 0 .5em;
visibility:hidden;
}

Ocultar la fecha en los comentarios

- Diseño>Edición de HTML>expandimos artilugios

- Control+F y buscamos: ]]></b:skin>

- Encima pegamos:

.comment-timestamp {
display: none;
visibility: hidden;

Problema: Automáticamente se suprime la papelera gris que permite al webmaster controlar los comentarios. Por ello se haría necesario añadir el código que lo recupera.
Buscamos:

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

Se sustituye:

<dd class='comment-footer'>
<span class='comment-timestamp'>

<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
</span>
<b:include data='comment' name='commentDeleteIcon'/>
</dd>
}



De todas formas es mucho más sencillo ir a la zona del escritorio en Diseño - Edición de la página para decidir lo que queremos que sea visible o no.





 


UP