Respuesta a: Dock en el footer al estilo Facebook?

Inicio Foros WordPress Themes y Diseño Dock en el footer al estilo Facebook? Respuesta a: Dock en el footer al estilo Facebook?

#30175

BaBy RoDrI
Participante

Un plugin como tal no… Eso lo puedes lograr con HTML y CSS mira si te sirve el HTML que usan:

[code]<div id="ja-footer">

<div id="dhm-bar">
<div id="dhm-bar-container">

<div class="dhm-title">
<a href="http://twitter.com/sistemaslatam&quot; target="_blank">
<img alt="" src="http://sistemaslatam.com/modules/mod_fbtoolbar/icons/twitter.png"&gt; <div>Síguenos en Twitter</div> </a>
</div>

<div class="dhm-title">
<a href="http://www.facebook.com/pages/SistemasLatam/92890554396?ref=nf&quot; target="_blank">
<img alt="" src="http://sistemaslatam.com/modules/mod_fbtoolbar/icons/facebook.png"&gt; <div>Sistemas Latam en Facebook</div> </a>
</div>
</div>
</div>

</div>[/code]

Y el CSS sería este:

[code]#dhm-bar{z-index:999999999;font-family:"lucida grande",tahoma,verdana;font-size:11px;width:100%;position:fixed;bottom:0px;left:0px;text-align:right;min-width:450px}#dhm-bar-container{height:26px;margin-left:10px;margin-right:10px;background-image:url(images/bg.png);background-position:top center;background-repeat:repeat-x;border-left:1px solid#B5B5B5;border-right:1px solid#B5B5B5}.dhm-title{float:left;font-family:"lucida grande",tahoma,verdana;font-size:11px;margin:0px;width:auto;text-align:left;color:#333333;background-repeat:repeat-x;border-right:solid 1px#B5B5B5;border-top:solid 1px#B5B5B5;border-bottom-style:none;display:block;height:25px}.dhm-title a,.dhm-title a:hover,.dhm-title a:visited,.dhm-title a:active{text-decoration:none;color:#000}.dhm-title:hover{background-color:#FFF;color:#000000;cursor:pointer}.dhm-title img{float:left;margin:3px}.dhm-title div{float:right;margin:4px 5px 0px 5px;color:#000}.dhm-button-active{font-family:"lucida grande",tahoma,verdana;font-size:11px;float:right;margin:0px;height:24px;padding:0px;width:auto;text-align:left;background:#fff;color:#000000;border-bottom:1px solid#000;border-left:1px solid#000;border-right:1px solid#000;border-top:solid 1px#FFF;margin-right:-1px}.dhm-button img,.dhm-button-active img{float:left;margin:3px}.dhm-button div,.dhm-button-active div{color:#333333;font-family:"lucida grande",tahoma,verdana;font-size:11px;padding:5px 6px 0px 6px;float:left;height:25px}.dhm-button{float:right;margin:0px;font-size:9pt;height:25px;padding:0px;width:auto;text-align:left;color:#333333;background-repeat:repeat-x;border-left:solid 1px#B5B5B5;border-top:solid 1px#B5B5B5;border-bottom-style:none;display:block}.dhm-button:hover{border-top:solid 1px#B5B5B5;background:#FFF no-repeat center left;color:#000000;cursor:pointer}.dhm-button-active:hover{cursor:pointer;color:#000}.dhmbox{z-index:999999999;font-family:"lucida grande",tahoma,verdana;font-size:11px;position:fixed;bottom:24px;float:right}.dhmbox-content{height:auto;background-color:#fff;border:solid 1px#333333;display:none}.dhmbox-content-show{height:auto;background-color:#fff;border:solid 1px#333333;display:block}.dhmbox-content-title{height:20px;background-color:#526EA6;border-bottom:solid 1px#333333;display:table;color:#FFFFFF;font-weight:bold;float:left}.dhmbox-content-title-close{float:right;background:url(images/minimize.gif)no-repeat center;width:10px;height:10px;margin-top:5px;cursor:pointer;padding-right:5px}.dhmbox-content-title-main{color:#fff;float:left;padding-left:5px}.dhmbox-content-item{height:auto;margin:4px;padding:2px}[/code]

Ya adaptarlo a tu Theme es cuestión de conocimientos basicos de CSS y HTML 😉

Pin It on Pinterest

Ir al contenido