Buen día a todos, tal vez se algo sencillo para algunos, para mi no lo es,
espero no equivocarme tampoco en el titulo del tema,
realmente quisiera saber como puedo colocar algo asi:

He visto en un foro algo que me llamo la atención,



sta normal, pero cuando le pasas el puntero del mouse aparece así:



y cuando no le apunta el mouse vuelve a la normalidad.

Por favor, quiero saber como se hacer eso, con plugin o como?
No específicamente quiero que sea de facebook, lo que yo quiero es poner
un anuncio o lo que se me ocurra, lo que quiero es poner esa pestaña que se ubica
de lado derecho antes de la scrollbar y al mover el scrollbar misma pestaña
que se desplaza al igual, como si fuera una barra

De antemano muchas gracias por la atención prestada y sus respectivas respuestas

Es con la función hover del css.

Busca en tutorial que ai uno que hace eso.

(9 Nov, 2014, 2:26 pm)Finer escribió: Busca en tutorial que ai uno que hace eso.

(9 Nov, 2014, 2:15 pm)joseahfer escribió: Es con la función hover del css.

Gracias a los dos si me ayudo de mucho encontré el tutorial y funciono a la perfección el problema ahora es yo pensaba que se podía poner en cada uno de los sub foros o foros, no solamente en el index o debo ir uno por uno colocando el segundo codigo del tutoria??,

De antemano muchas gracias por la ayuda
espero exista alguna forma para codificarlo de forma general en cada sección del todo el foro

Copia el codigo de la plantilla index a la plantilla header o footer y sera global

adios

(9 Nov, 2014, 7:38 pm)angeluz escribió: Copia el codigo de la plantilla index a la plantilla header o footer y sera global

adios

Muchas gracias Angeluz, creí que no funcionaria, la otra ves intente algo asi y no aparecio completo, revisare el otro código que había puesto para ver que falla tenia y esta ves me resulto muy bien se puso global, muchas gracias de antemano

y muchas gracias a todos por la ayuda, dejare el tutorial qui, por si alguien entra pueda ver
completa la solución:

Tutoria: http://www.mybb-es.com/hilo-chat-despegable-en-tu-foro

(9 Nov, 2014, 2:26 pm)Finer escribió: Busca en tutorial que ai uno que hace eso.

(9 Nov, 2014, 2:15 pm)joseahfer escribió: Es con la función hover del css.

(9 Nov, 2014, 7:38 pm)angeluz escribió: Copia el codigo de la plantilla index a la plantilla header o footer y sera global

adios

Ahora tengo un problema diferente u.u disculpen las molestias, cuando tengo este código no importa en donde, al momento de publicar un tema ya no funciona los smilies, no encuentro solución al respecto

El problema esta en esta parte, desconozco cual parte afecta:

<script type="text/javascript">
//<![CDATA[
var j = jQuery.noConflict();
j(function (){
j(".esthela").hover(function(){
j(".esthela").stop(true, false).animate({right:"0"},"medium");
},function(){
j(".esthela").stop(true, false).animate({right:"-400"},"medium");
},500);
return false;
});
//]]>
</script>

Es el de facebook ese??

Si es así hazlo con CSS, es mucho mejor C;

Adiós

(9 Nov, 2014, 10:22 pm)angeluz escribió: Es el de facebook ese??

Si es así hazlo con CSS, es mucho mejor C;

Adiós

No es para facebook, es para poner xat, mira mi codigo completo es asi:

   <script type="text/javascript" src="http://disemuchonet.blogcindario.com/ficheros/jquery-1-4-2-min.js">
</script>
                 
<script type="text/javascript">
//<![CDATA[
var j = jQuery.noConflict();
j(function (){
j(".esthela").hover(function(){
j(".esthela").stop(true, false).animate({right:"0"},"medium");
},function(){
j(".esthela").stop(true, false).animate({right:"-400"},"medium");
},500);
return false;
});
//]]>
</script>
                 
<style type="text/css">
/*<![CDATA[*/
.esthela {
float:right;
width:450px;
height:350px;
background: url("/imagenes/d1.png") no-repeat !important;
display:block;
right: -400px;
padding:0;
position:fixed;
top: 56px;
z-index:1002;
}
/*]]>*/
 
</style>
                 
                 <div class="esthela" style="right: -400px;">
<div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">

<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="400" height="331" name="chat" FlashVars="id=26030141&gn=Imperio" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" />

</div>
</div>

ESTOY SEGURO QUE EN LA PARTE DE ROJO ESTA EL PROBLEMA

Gracias ya solucione el problema, espero no me genere algo mas u.u gracias a todos por su ayuda son muy amables