Posicionamiento de Bookmarks en Imagen de Fondo

MAur1cio · 26 Dic 2009

bueno lo que pasa es que instale unos booksmarks en mi blog ( valiomerga ) y entonces hize una imagen

Enlace eliminado

y quisiera ver si es posible que los booksmarks quedaran en la parte de abajo de la imagen, osea la imagen quedara de fondo algo asi:

Enlace eliminado

y el codigo es este:

Insertar CODE, HTML o PHP:

<!-- Inicio de Bookmarks -->
<p align='left' class='post-footer'>
<td style='vertical-align:middle' valign='middle' width='15%'><div>Compártelo:</div></td><span class='pushbutton'><a expr:href='&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img188.imageshack.us/img188/5378/delicioushx9.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot;[url]http://bitacoras.com/anotaciones/&quot;[/url] + data:post.url'><img src='http://img10.imageshack.us/img10/9247/bitacoras.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank'><img src='http://img188.imageshack.us/img188/9284/rssf.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot;[url=http://digg.com/submit?url=&quot;]Registration - Digg[/url] + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img46.imageshack.us/img46/5803/digggn.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot;[B]Enlace eliminado[/B] + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img34.imageshack.us/img34/2607/googlez.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img207.imageshack.us/img207/6710/yahooweb.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot;[url=http://www.technorati.com/faves?url=&quot;]Technorati[/url] + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img231.imageshack.us/img231/4666/technorati.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot;[url]http://meneame.net/submit.php?url=&quot;[/url] + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img207.imageshack.us/img207/3607/meneame.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot;Fresqui :: Conectarse + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img36.imageshack.us/img36/4478/fresquiam.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img41.imageshack.us/img41/517/enchilame.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot;[url=http://twitter.com/home/?status=&quot;]Twitter[/url] + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img60.imageshack.us/img60/2700/twitterq.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot;[url]https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=&quot;[/url] + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img26.imageshack.us/img26/2134/liverww.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot;[B]Enlace eliminado[/B] + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img8.imageshack.us/img8/8239/myspacexhm.png' style='border:0px; padding:2px' valign='bottom'/></a></span><span class='pushbutton'><a expr:href='&quot;[url=http://facebook.com/share.php?u=&quot;]Login | Facebook[/url] + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img src='http://img170.imageshack.us/img170/3513/facebooko.png' style='border:0px; padding:2px' valign='bottom'/></a></span></p>
<!-- fin Bookmarks -->

Saludos y pues como dice my user soy muy noob todavia en eso u.u
Gracias!

FakeDark · 1 Ene 2010

Bueno mija, ese codigo es simplemente el de los Bookmarks, deviste haber instalado un codigo anterior, que creo que es este:

PHP:

<!-- EFECTO PUSHBUTTON EN BOOKMARKS -->
<style type='text/css'>
.pushbutton a:hover{
position: relative;
top: 1px; left: 1px;
outline:none;
}
.bookmark table{
background-color:#000911;
border:1px hidden gray;
padding:10px;

}
.bookmark td{
font-size: 1em;
text-align: center;
vertical-align: middle;
color: #CCCCCC;
}
.bookmark img{
vertical-align: middle;
}
</style>

Si es así parecido, simplemente cambia el:

PHP:

 background-color:#000911;

Por:

PHP:

background-color:none;

y así no tiene fondo los Bookmarks, te dejo una URL para más info:

Poner marcadores sociales en Blogger | Ciudad Blogger - Trucos y tutoriales para tu blog

Simplemente cambia las imagenes de los tuyos por las que estan por default y elimina los inecesarios.

Saludos Mija!

Posicionamiento de Bookmarks en Imagen de Fondo

MAur1cio

FakeDark

Temas similares