Poner imagen de fondo en el HTML.

Para poner una imagen de fondo en el html solo tienes que seguir los siguientes pasos:

1.- Nos dirigimos a vuestro HTML y buscamos el siguiente codigo:

code {

2.- Ahora reemplazamos el codigo anterior por este:

code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 9pt;
overflow:auto;
background: #f0f0f0 url(http://chenkaie.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 5px 5px 5px 20px;
max-height:200px;
line-height: 1.2em;
margin: 5px 5px 0 15px;
}

Listo :) .

Publicado por Andres a las: 05:18 PM 1 comentarios

Etiquetas: Trucos

Poner iconos en las entradas.

Hola, este truco sirve para poner imagenes en las entradas de los blogs.

Post:

Para la fecha:

.date-header {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqg0XareUSGvyM_3IgZ6d0OwC8SG1Np-1gxn5z9jyxhTrqgt15xRl1sXtij7oBYaoK2ZKvoUUV5ENPsxNLcAjsNXjfHMmZvPWar8Dma51pM-0VXBxX5b8zAjxN71gV1lbDWnfavVQhWoE/s1600/time.png) center left no-repeat;
}

Para las etiquetas:

.post-labels {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_xR9TMw5xKOOTEMBge0Dkk5TGEX88zK590TlBZuewZxGrUcaJXIzWRiS8ns6MLwwm4oyxdRBAp22zKGo-BeOhyphenhyphenE-WhIWQmcep6QD8S0ArGV0aalO4SPAX1VK5CrqWgFihpg0t9fBYzY/s1600/etiqueta_naranja.gif) center left no-repeat;
}

Para el autor:

.post-author {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsKHFTmzvIjTbWIrKf8t6pGtPsvjGDazccu8yiF_AH52n6TQNdZ3dIKGn9t7D5gEWqCJrBWEymFBAqFyA3L7gdw7yvmfk7XyoLLfA6lz6JuPcBQTWORrI45CVEuginjDFzA75Y21X_W7I/s1600/autor.gif) center left no-repeat;
}

Para el titulo del post:

.post-title {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGs0ED5kIat9tyI5cT_7QOe52VjDqFtzK1i4F4QLrtkUyofiKlgaifK1M2mY2-p5yGswMpqziQAcWTSeCIzBmShVpkIoE8ODP9jThe-fFWHeoz-0olZfOU5GS0rYejDfWBHiR7BoAue7w/s1600/icono-documento.gif) center left no-repeat;
}

Para la fecha de los comentarios:

.comment-timestamp {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnayM81n-0IYr6NywI3N0AdaBmN7LbslMAGihacnCez_-trVwjjkjspwYGV3CxPLmuCfdnyo5I19b-_DANNmuWgguuuifLsTOdFmJ-XgzYS7b0NFt0obO4568RJ4-TzS_xdHLyhhYcVHo/s1600/icono-calendario.gif) center left no-repeat;
}

Para los comentarios:

.comment-link {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKDI5wnEBdXdqKcO8FMdrMP2vWcRtLWqRf53OfV91gnp-f0NQc2r4qQwl7v-owHYvxaLiP0ZCR8iT-jWNuGuIhtDWYgUfmnrfZjCqYtgL_-oEgYWjse-GEPPA8U6f154MdIwYPHf2EMvA/s1600/icono-comentarios.gif) center left no-repeat;
}

Sidebar:

Para los links:

#LinkList1 ul, #LinkList2 ul {
list-style-type:none;
}

#LinkList1 li, #LinkList2 li {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN4fnxofPo_BMoO85KFtTg5D5bEoVe-7Joj5p9bZwDUs6mr7s92lLE7p4QGExSSXxDLGB9wn5S0T1hBiHrWgEDKiivOi6p36ZptalPNb4Njz5Rr0VQergNCjIAmvw0mGz2hxHYUn5iHRI/s1600/icono-links.gif) center left no-repeat;
}

Para los blacklinks:

#backlinks-container h4 {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGeui38oZlhNc7vzu5gn6DgfjgE_ESrCXeoBA5ldt2VU-VfX2NSajyTVCqt8yYbmFPULkCuND9ycZsAWbiZSxZt3Gx_vd_2sA0YJLScVsstvW0UfjglEP3v9C1io-v1MLXbYL4qjP6gDQ/s1600/icono-backlinks.gif) center left no-repeat;
}

Para las etiquetas:

#Label1 ul, #Label2 ul {
list-style-type:none;
}

#Label1 li, #Label2 li {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqbtzu2pyGlw8TEIXAZr9q5t5Xk7fVIQrLu7AO3nxHRjNUW8TtmqOKxIuCqzqScGNvWrZ9EwFLzFQFiS1cy0SbHrtqWBaXu3mid44Y11BEuSDFQDVhcbMBybdZNKPg4RewNkMraxgr-hY/s1600/icono-etiqueta-azul.gif) center left no-repeat;
}

Footer:

Para el feed:

.feed-links {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBm2aglprSReUtloymJjNdcH9kOCBz9h8pp16PpU_ohLQfb7rCKEqPsU6XxUnNPn2Pg-E9-8qBOKqxqoq-nm8Lcr5MTAgh5QLZCnatULjgQnk1Y0NqosLCOJX0MdnXJ2u9NZp02yZxhYs/s1600/icono-feed.gif) center left no-repeat;
}

Listo :) .