Hola visitante. Si tienes cuenta registrada logeate y si no lo tienes REGISTRATE que esperas.



 
ÍndicePortalFAQBuscarMiembrosGrupos de UsuariosRegistrarseConectarse
Buscar
 
 

Resultados por:
 
Rechercher Búsqueda avanzada
Conectarse
Nombre de Usuario:
Contraseña:
Entrar automáticamente en cada visita: 
:: Recuperar mi contraseña
Últimos temas
» Coinsumer
Jue Jul 30, 2015 11:51 am por Breek_Steel

» Curiosidad
Lun Mar 31, 2014 11:32 am por omersan

» Descargar Counter-Strike 1.6 (No-Steam)
Lun Jul 08, 2013 6:54 pm por ezequiel98

» Buenas a Todos!!:D
Dom Jun 30, 2013 6:27 pm por Toyejo

» Conoceme
Dom Jun 30, 2013 6:23 pm por Toyejo

» STAFF SERVER CSTRIKE
Dom Jun 30, 2013 6:17 pm por Toyejo

» Hola
Miér Abr 10, 2013 11:15 pm por AddictionCs1.6

» Corea del Norte vs Estados Unidos, al borde de la guerra
Miér Abr 10, 2013 4:40 pm por Admin

» Hallan huesos de embriones de dinosaurio
Miér Abr 10, 2013 4:23 pm por Admin

Compañeros


Publicidad
Paginas afiliadas
Los posteadores más activos del mes
Octubre 2017
LunMarMiérJueVieSábDom
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
CalendarioCalendario
Compañeros



Comparte | 
 

 Caja Flotante Y Desplegable A La Derecha De Facebook

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
Cyrusfire
[SC] Web master
[SC] Web master
avatar

Masculino Mensajes : 184
Puntos : 251
Fecha de inscripción : 29/09/2012
Edad : 20
Localización : Venezuela / Lara / Barquisimeto

MensajeTema: Caja Flotante Y Desplegable A La Derecha De Facebook   Miér Oct 03, 2012 9:52 pm

Hola amigos de Foros ServerCstrike, aca les traigo 3 estilos de cajas flotantes y desplegables a la derecha de tu sitio web de Facebook.


[Tienes que estar registrado y conectado para ver esa imagen]


___________________________________________________________




1er. ESTILO


<- ESTO VA EN LA ETIQUETA HEAD ->
Código:
<style type="text/css">
#likebox_div{
width:196px;
height:353px;
overflow:hidden;
}
#likebox_right{
z-index:10005;
border:2px solid #3c95d9;
background-color:#fff;
width:196px;
height:353px;
position:fixed;
right:-200px;
}
#likebox_right img{
position:absolute;
top:120px;
left:-35px;
}
#likebox_right iframe{
border:0px solid #3c95d9;
overflow:hidden;
position:static;
height:360px;
left:-2px;
top:-3px;
}
</style>



<-ESTO EN EL SIDEBAR ->
Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script><script type="text/javascript">
jQuery(document).ready(function(){ jQuery("#likebox_right").hover(function(){ jQuery(this).stop
(true,false).animate({right:  0}, 500); },function(){ jQuery("#likebox_right").stop(true,false).animate({right: -200}, 500); });
jQuery("likebox").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("likebox").stop
(true,false).animate({right: -303}, 500); });    });
</script>
<div id="activo">
    <div id="likebox_right" style="top: 17%;">
        <div id="likebox_div">
            <img src="http://u.jimdo.com/www38/o/sa1c23512e426e90b/img/i36114fd42df15eb0/1340077369/std/image.png" alt="" /> <iframe src=
          "http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ServerCstrikeFans&amp;show_faces=true&amp;header=false&amp;stream=false&amp;width=200&amp;height=348&amp;colorscheme=light"
          scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:348px;background-color:transparent;"></iframe>
        </div>
    </div>
</div>


___________________________________________________________




2do. ESTILO



<- ESTO VA EN LA ETIQUETA HEAD ->
Código:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">jQuery.noConflict();jQuery(function (){jQuery(".slide_likebox").hover(function(){jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");},function(){jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");},500);return false;});</script>
<link rel="stylesheet" href="http://aja.netai.net/fanbox.css" type="text/css" media="screen">


<-ESTO EN EL SIDEBAR ->
Código:

<div class="slide_likebox">    <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">        <div class='likeboxwrap'>            <span><iframe src=            "http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ServerCstrikeFans&amp;width=238&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=350"            scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:228px; height:320px;"></iframe></span>        </div>    </div></div>


___________________________________________________________




3er. ESTILO



<- ESTO VA EN LA ETIQUETA HEAD ->
Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">//<![CDATA[jQuery.noConflict();jQuery(function (){jQuery(".slide_likebox").hover(function(){jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");},function(){jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");},500);return false;});//]]></script>

<style type="text/css">/*<![CDATA[*/.slide_likebox { float:right; width:288px; height:345px; background: url(http://img801.imageshack.us/img801/3546/ha5ck.png) no-repeat !important; display:block; right:-250px; padding:0; position:fixed; top: 130px; z-index:1002; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap { margin-top:2px; margin-left:-5px; width:238px; height:325px; background-color:#fff; overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap iframe {margin:-1px}/*]]>*/</style>

<-ESTO EN EL SIDEBAR ->
Código:
<div class="slide_likebox">    <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">        <div class='likeboxwrap'>            <span><iframe src=            "http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ServerCstrikefans&amp;width=238&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=350"            scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:228px; height:320px;"></iframe></span>        </div>    </div></div>



___________________________________________________________



iESPERO QUE LO DISFRUTEN!
SALU2S


(Me dejan reputacion e.e)

_____________________________________________________________
[Tienes que estar registrado y conectado para ver esa imagen]
Volver arriba Ir abajo
Ver perfil de usuario http://server-cstrike.jimdo.com
AddictionCs1.6
[SC] Moderador
[SC] Moderador
avatar

Masculino Mensajes : 591
Puntos : 764
Fecha de inscripción : 02/10/2012
Edad : 19
Localización : CORDOBA/ARGENTINA

MensajeTema: Re: Caja Flotante Y Desplegable A La Derecha De Facebook   Jue Oct 04, 2012 5:36 am

uh espectacular gracias

te ganaste mi reputacion D_D

_____________________________________________________________
[Tienes que estar registrado y conectado para ver esa imagen]
[Tienes que estar registrado y conectado para ver esa imagen]
Volver arriba Ir abajo
Ver perfil de usuario http://server-cstrike.co.cc
Admin
[SC] Administrador
[SC] Administrador
avatar

Masculino Mensajes : 553
Puntos : 1030
Fecha de inscripción : 26/09/2012
Edad : 17
Localización : en mi casa

MensajeTema: Re: Caja Flotante Y Desplegable A La Derecha De Facebook   Jue Oct 04, 2012 6:51 am

exelente Cyrus!!!! te felicito Very Happy punticos Very Happy

_____________________________________________________________
[Tienes que estar registrado y conectado para ver esa imagen]
[Tienes que estar registrado y conectado para ver esa imagen]

[Tienes que estar registrado y conectado para ver este vínculo]
Volver arriba Ir abajo
Ver perfil de usuario http://server-cstrike.co.cc
AddictionCs1.6
[SC] Moderador
[SC] Moderador
avatar

Masculino Mensajes : 591
Puntos : 764
Fecha de inscripción : 02/10/2012
Edad : 19
Localización : CORDOBA/ARGENTINA

MensajeTema: Re: Caja Flotante Y Desplegable A La Derecha De Facebook   Jue Oct 04, 2012 7:45 am

Admin escribió:
exelente Cyrus!!!! te felicito Very Happy punticos Very Happy
ey admin que es punticos? :s

_____________________________________________________________
[Tienes que estar registrado y conectado para ver esa imagen]
[Tienes que estar registrado y conectado para ver esa imagen]
Volver arriba Ir abajo
Ver perfil de usuario http://server-cstrike.co.cc
Admin
[SC] Administrador
[SC] Administrador
avatar

Masculino Mensajes : 553
Puntos : 1030
Fecha de inscripción : 26/09/2012
Edad : 17
Localización : en mi casa

MensajeTema: Re: Caja Flotante Y Desplegable A La Derecha De Facebook   Jue Oct 04, 2012 8:01 am

emm que le deje mis puntitos lo escrbi mal :S

_____________________________________________________________
[Tienes que estar registrado y conectado para ver esa imagen]
[Tienes que estar registrado y conectado para ver esa imagen]

[Tienes que estar registrado y conectado para ver este vínculo]
Volver arriba Ir abajo
Ver perfil de usuario http://server-cstrike.co.cc
AddictionCs1.6
[SC] Moderador
[SC] Moderador
avatar

Masculino Mensajes : 591
Puntos : 764
Fecha de inscripción : 02/10/2012
Edad : 19
Localización : CORDOBA/ARGENTINA

MensajeTema: Re: Caja Flotante Y Desplegable A La Derecha De Facebook   Jue Oct 04, 2012 8:09 am

Admin escribió:
emm que le deje mis puntitos lo escrbi mal :S

AHHH NO HABIA ENTENDIDO XD

_____________________________________________________________
[Tienes que estar registrado y conectado para ver esa imagen]
[Tienes que estar registrado y conectado para ver esa imagen]
Volver arriba Ir abajo
Ver perfil de usuario http://server-cstrike.co.cc
phpro1
[SC] Miembro
[SC] Miembro
avatar

Mensajes : 36
Puntos : 40
Fecha de inscripción : 01/10/2012

MensajeTema: Re: Caja Flotante Y Desplegable A La Derecha De Facebook   Jue Oct 04, 2012 11:59 am

estan bien buenas, me gustaria ponerlo si tuviera una pagina XDDDDDDD
Volver arriba Ir abajo
Ver perfil de usuario
AddictionCs1.6
[SC] Moderador
[SC] Moderador
avatar

Masculino Mensajes : 591
Puntos : 764
Fecha de inscripción : 02/10/2012
Edad : 19
Localización : CORDOBA/ARGENTINA

MensajeTema: Re: Caja Flotante Y Desplegable A La Derecha De Facebook   Jue Oct 04, 2012 5:20 pm

phpro1 escribió:
estan bien buenas, me gustaria ponerlo si tuviera una pagina XDDDDDDD

jaaa es verdad create una web y poneselo :p

_____________________________________________________________
[Tienes que estar registrado y conectado para ver esa imagen]
[Tienes que estar registrado y conectado para ver esa imagen]
Volver arriba Ir abajo
Ver perfil de usuario http://server-cstrike.co.cc
Contenido patrocinado




MensajeTema: Re: Caja Flotante Y Desplegable A La Derecha De Facebook   

Volver arriba Ir abajo
 
Caja Flotante Y Desplegable A La Derecha De Facebook
Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.
 Temas similares
-
» PREPEDIDOS ISLA DE SANGRE NUEVA CAJA DE WARHAMMER
» necesito tirador interior para cerrar puerta derecha.
» Aceite caja de cambios semi-automática.
» vendo caja isla de sangre nueva editado
» Compro caja Ejército Skaven

Permisos de este foro:No puedes responder a temas en este foro.
 :: [SC] Server CStrike - server-cstrike.jimdo.com :: Diseño y codigos-
Cambiar a: