Blog personal sobre actualidad, noticias tecnológicas, juegos, frases, música, videos y sobre Málaga.

Imprimir Página



P
on este código en plantilla–>html, entre <head> y </head>

<style media=’print’ type=’text/css’>
#navbar-iframe {display: none; height: 0px; visibility: hidden;}
.noprint {display: none;}body {background:#FFFFFF; color:#000;}
a {text-decoration: underline; color:#000000;}
}
</style>

Guarda la plantilla y pon este otro donde quieras que aparezca:
<a href=”javascript:window.print()”>Imprimir Página</a>
Si quieres poner una imagen como tengo yo en el menú arriba de este blog sería así el código:
<a href=”javascript:window.print()”><img border=”0″ src=“https://i62.photobucket.com/albums/h89/wendylorenz/Printer_ON.gif”/></a>
Sustituye lo que está en naranja por la url de tu imagen.


Sin comentarios


Entradas relacionadas con este artículo
  • Tablón de anuncios
  • Gmail móvil
  • Gana un Ipod gracias a tu blog y a metroo.

  • Menú horizontal


    Es muy fácil, visitando el Blog de Cesar lo he visto y me ha gustado.
    Es el que se ve aquí en mi blog debajo de la cabecera.
    Bueno que si te gusta aquí explico como tienes que ponerlo y si no lo miras en el Blog de Cesar que el lo explica muy bien.

    Pon este código en la plantilla después de <head>

    <style type=’text/css’>
    #chromemenu{

    width: 100%;

    font-weight: bold;

    font-size: 90%;

    }

    #chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/

    content: “.”;

    display: block;

    height: 1px;

    clear: both;

    visibility: hidden;

    }

    #chromemenu ul{

    border: 3px double #DC143C;

    width: 99%;

    background-color: #FFD600; center

    center repeat-x;

    padding: 5px 0;

    margin: 0;

    text-align: left; /*set value to “right” for example to align menu to the left of page*/

    }

    #chromemenu ul li{

    display: inline;

    }

    #chromemenu ul li a{

    color: #000000;

    padding: 5px;

    margin: 10;

    text-decoration: none;

    border-right: 3px double #DC143C;

    }

    #chromemenu ul li a:hover{

    background-color: #FFAD00; center

    center repeat-x;

    }
    </style>

    Cuando lo pegues guardas la plantilla.
    Ahora en plantilla–>añadir un elemento de página–>html–>copia y pega este código:

    <div id=”chromemenu”>

    <ul>

    <li><a href=”#”>titulo 1</a></li>

    <li><a href=”#”>titulo 2</a></li>

    <li><a href=”#”>titulo 3</a></li>

    <li><a href=”#”>titulo 4</a></li>

    <li><a href=”#”>titulo 5</a></li>

    <li><a href=”#”>titulo 6</a></li>

    <li><a href=”#”>titulo 7</a></li>

    </ul>

    </div>

    Sustituye “#” por la url del enlace y titulo por lo que quieras poner.
    Puedes ponerle el color de fonfo y borde que te combinen con tu plantilla cambiando el código del color.

    Os pongo aquí como queda el menú, porque el mío yá está diferente:


    2 comentarios


    Entradas relacionadas con este artículo
  • Feria de Málaga 2008
  • Noche de san Juan en Málaga
  • Plantilla Blogy-O2

  • Creative commons


    Poner tu obra bajo una licencia Creative Commons no significa que no tengan copyright. Este tipo de licencias ofrecen algunos derechos a terceras personas bajo ciertas condiciones.
    ¿Qué condiciones? Esta web te ofrece escoger o unir las condiciones de una lista.
    Hay un total de seis licencias Creative Commons para escoger en la web.

    Aquí pongo este documental en flash que me he encontrado visitando el blog:”Paranoias“, un documental que nos enseña las diferencias básicas entre Copyrigth y Copyleft


    2 comentarios


    Entradas relacionadas con este artículo
  • Fotografías gratis

  • Usuarios en linea




    L

    o vi en algunos blogs y me gustó.

    No es necesario registrarse, te dan un código lo pegas en tu plantilla donde quieras que aparezca y listo.

    Muestra los usuarios existentes en linea, en tu blog en tiempo real.



    <span class=



    Este es el código:



    Si lo quieres en otro color entra aquí

    Vía: https://whos.amung.us/


    7 comentarios


    Entradas relacionadas con este artículo
  • Anuncios Google
  • Películas y estrenos
  • Tablón de anuncios

  • Post-it para que tus visitantes dejen mensajes


    E
    s muy sencillo ,sólo tienes que registrar aquí un nombre que no esté ocupado y ya tienes
    tu tablero.
    Luego pones el enlace en tu blog y listo.

    Así sería el código para el enlace:
    <a href=”URL_DE_TU_POST-IT” target=”_blank”><img border=”0″ alt=”Déjame una nota” src=”"/></a>

    En src, puedes poner la url de la imagen que quieras que lo enlace.

    A mí me gusta mucho, hace tiempo que lo uso en mis blogs por si alguien me quiere dejar un recado.
    Aquí , puedes ver como queda.


    4 comentarios


    Entradas relacionadas con este artículo
  • Webnote: Post-it para que los visitantes te dejen mensajes
  • Málaga live: Proyecto Málaga en directo
  • Gmail Notifier

  • Favicón en el blog



    Llevaba tiempo queriendo poner un favicón a mi blog, pero me daba pereza.
    Acabo de ponerlo en mi otro blog:”Mi ventana”, y antes de ponerlo en este te lo explicaré por si quieres ponerlo en tu blog.

    Un favicón es un icono o logo que identifica a una página web, y que algunos navegadores muestran en sus barras de dirección o lista de favoritos.

    Si quieres ponerte uno, hay muchas alternativas.
    Yo te explico la forma en que lo he realizado, que resulta fácil y rápido.

    Puedes usar una imagen existente o crear una.
    Cuando la tengas generas el favicón aquí , es muy fácil,en examinar, buscas la imagen en tu pc, después clicas en generar.

    Cuando lo tengas , lo alojas aquí por ejemplo, está muy bien el sitio porque no necesitas ni registrarte.
    Por último,abre la plantilla de tu blog, en el código html de tu plantilla, introduce las siguientes líneas de código justo después de:<head> : y antes de:<title>
    Lo que he puesto en color rojo es la url de imi favicón, ahí es donde tienes que poner la url del tuyo.

    <link href=’https://www.idivimage.com/files/mi3wjm5wwzyimenytown.ico ‘ rel=’shortcut icon’ type=’image/x-icon’/>

    <link href=’https://www.idivimage.com/files/mi3wjm5wwzyimenytown.ico ‘ rel=’icon’ type=’image/ico’/>


    10 comentarios


    Entradas relacionadas con este artículo
  • Generador de botones de feeds para tu blog
  • Qué es un blog?
  • Premio Chusticieros de Oro al Mejor Blog de Actualidad: Mi ventana.

  • Post-It para tu blog o web


    Puedes elegir el color y texto que tu quieras…
    También le puedes cambiar el tamaño a la imagen, modificandolo en el código (height=”" width=”").


    Enlace:aquí


    2 comentarios


    Entradas relacionadas con este artículo
  • Webnote: Post-it para que los visitantes te dejen mensajes
  • Premio Pilingui
  • Premio Brillante Weblog 2008, desde leyendas urbanas

  •