Dock en el footer al estilo Facebook?

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

Etiquetado: ,

Este debate contiene 2 respuestas, tiene 2 mensajes y lo actualizó  BaBy RoDrI hace 9 años, 5 meses.

  • Autor
    Publicaciones
  • #13511

    fugazi
    Participante

    <p>Alguien sabe si existe para wordpress algun tipo de plugin que implemente un &quot;dock&quot; en el footer al estilo del facebook?<br />
    osea que cada vez que el usuario navegue por la pagina siempre aparezca abajo sin moverse algun tipo de accesos.. un ejemplo claro es como aparece en facebook con las aplicaciones, al costado izquierdo en el footer</p>
    <p>Existe esto para wordpress ? o hay alguna manera de implementarlo via codigo?<br />
    es que vi en un sitio basado en Joomla este tipo de dock (http://sistemaslatam.com/) ellos tienen un footer con dos iconos que lleva a twitter y otro a facebook. Me parece algo muy esencial y bastante usable<br />
    Y pense si de pronto en wordpress ya existia, porque me gustaria mucho implementarlo en mi blog.</p>
    <p>muchas gracias por cualquier ayuda :)
    </p>

  • #30173

    fugazi
    Participante

    nadie ? 🙁

  • #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 😉

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido