**No dudes en dejar comentarios o alguna sugerencia** El Blog de J.Guti.: Accesorios

Accesorios

domingo, 11 de noviembre de 2007



Drop Caps




Contenido:
Es la primera letra de un párrafo más grande que el resto del texto, al estilo de los periódicos.Puede ser interesante para dar un aspecto diferente a los textos, que lo habitualmente visto hasta ahora. A continuación les detallo el correspondiente código para implantar en su plantilla.
Código:
Ir a plantilla edición HTML (no expandir artilugios) y agregas el siguiente código entre -<b:skin><![CDATA[ y ]]></b:skin>. , preferiblemente al final

.dropcaps {

float:left;

color: $headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px;

}


Si no funciona con la parte de :$headerBgColor,lo cambias por $titlecolor .
Después sólo tienes que añadir en cada entrada el código:
<span class="dropcaps">D</span>


o para más comodidad dejarlo fijo en Opciones, Formato y pagarlo para que salga automaticamente en todas las entradas que creemos. Aceptamos y listo.En vista previa no es visible.



Leer más



Una manera de insertar la forma de ver en las entradas parte del texto escrito y que el resto del texto se vea cuando nosotros queramos, con el fin de que en textos largos no nos ocupe demasiado en cada entrada, de los muchos sistemas que hay, es que les muestro a continuación, que no resulta demasiado complicado de insertar.
Primeramente buscaremos en nuestra plantilla Edición HTML/Expandir plantilla de Artilugios las etiquetas:</b:skin> y </head>


y entre ellas pegamos el siguiente código:


Contenido:
<b:if cond='data:blog.pageType == "item"'>

<style type='text/css'>

.fullpost {display:inline;}

.summarypost {display:none;}

</style>

<b:else/>

<style type='text/css'>

.fullpost {display:none;}

.summarypost {display:inline;}

</style>

</b:if>



----------
Luego en cada post que deseemos que salga el "Leer más", aplicaremos este otro código
en cada entrada, donde detallaremos el texto que queremos que aparezca a simple vista y el que deseamos ocultar.
(Aquí escribimos el principio de la entrada )



<span class="summarypost">

<a href="link-de-la-entrada">Seguir Leyendo... </a>

</span>



<span class="fullpost">

( Aquí escribimos la parte de entrada que veremos extendida )

</span>



---------
Esta última parte también la podremos aplicar de forma permanente añadiando en Opciones/Formato/Plantilla de Entrada, para no tener que estar añadiéndolo en cada post, con lo cual resulta más cómodo.
Luego en la parte de "Seguir Leyendo", también se puede sus tituir por esto para que salga en su lugar una imagen:<img src="aquí-la-url-de-la-imagen" /></a>



Favicones




Contenido:
Para aplicar "favicones" (imagenes diminutas), a nuestro blog en los apartados de
Comentarios, Etiquetas, Autor o Secciones, basta añadir el siguiente código en la
parte del blog antes de :]]></b:skin>
A continuación añadiremos el código dependiendo de la parte donde queramos situarlo, según se indica:
"Imagen en Categoría o Etiquetas"



.post-labels

{ padding-left:20px;

padding-top:5px;

background: url(url_de_la_imagen) center left no-repeat; }



"Imagen en Comentarios"



.comment-link

{

padding-left:20px;

padding-top:5px;

background: url(url_de_la_imagen) center left no-repeat; }



"Imagen en (Publicado por) o Autor del blog"



.post-author

{

padding-left:20px;

padding-top:5px;

background: url(url_de_la_imagen) center left no-repeat; }








Publicado por Guti en 21:51  

Pulsar para oir post hablado

0 comentarios:

Publicar un comentario

 
Comentarios