Xyberneticos

Hace tiempo atrás estuve buscando como poner una imagen flotante ósea una imagen estática en el costado inferior derecho de mi blog en Wordpress. Algo que había visto en varios sitios y me pareció agradable para poner un logo, o lo que cada uno quisiera. «Como ahora veran en el sitio en la parte inferior derecha»

Recuerdo haber mandado unos mail a algunos sitios donde lo había visto, así que descubrí que hay mas de una forma de hacerlo. Agradezco a cado uno de los que me mostraron las diferentes forma de hacerlo: Javier (Bloguras), ZeroZen por otras dudas (Zerozen | fayerwayer ) y principalmente aNieto (aNieto2k) que me saco de mas de una duda para terminar el theme de xyberneticos.
Bueno ahora para poner una imagen flotante como la que tiene mi sitio (La forma de hacerlo es una de las tantas) hacemos lo siguiente:
En nuestra hoja de Style (de wordpress) agregamos lo siguiente (yo lo pegue cerca de mis propiedades de sidebar)

#superpie{
position:absolute;
bottom:0px;
right:0px;
}

body > div#superpie{
position: fixed;
}

Luego en nuestra pagina que contiene el sidebar o en nuestra pagina de Barra Lateral, antes de la etiqueta body que es esto:

</body>
</html>

Ponemos lo siguiente:

<div id=”superpie” style=”text-align:right”><a href=”#”><img src=”http://www.imagehost.ro/pict//2304281245de513c0fc1c.png” class=”image” title=”Hola Mundo” /></a>

Ahora ya tendran su imagen flotante en su sitio..

Para poner una imagen flotante en el sistema de blog de BLOGGER, es de esta manera

Pones lo siguiente en nuestra plantilla:

#flotante {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 200px;
width: 200px;
background: url(http://www.imagehost.ro/pict//2304281245de513c0fc1c.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

Lo pones en /* Sidebar Content, yo lo tengo al final justo encima de /* Profile y luego en la parte del código correspondiente a la sidebar pones

<a id=”flotante”>xyberneticos</a>

este lo puse justo al final, antes de

<!– End #sidebar –>

</div>
<!– End #content –>

La sidebar es la parte donde tienes los enlaces a otros sitios y esas cosas.

Si quieren ver otras opciones u otras explicaciones de como poner una imagen flotante en wordpress les dejo otro enlace para que vean en bloguras y otro en la webera .Espero les sirva este post para decorar un poco mas el sitio !!