Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje22-03-2013, 19:11 (UTC)    
Título del mensaje: Ayuda con código

Necesito que me ayuden a corregir el siguiente codigo:
1. aparece todo en azul
2. quiero que aparezca del lado izquierdo

Gracias.

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span> <div class="likeboxwrap<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Figlesiajesusluzdelasnaciones+&width=292&height=290&show_faces=true&colorscheme=light&stream=false&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>
</div> </span></div> </div> <style type="text/css"> .slide_likebox { float:right; width:288px; height:345px; background: url(https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.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> <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>
______________
Mensaje23-03-2013, 11:07 (UTC)    
Título del mensaje: Re: Ayuda con código

iglesiajesusluzdelasnaciones escribió:
Necesito que me ayuden a corregir el siguiente codigo:
1. aparece todo en azul
2. quiero que aparezca del lado izquierdo

Gracias.

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span> <div class="likeboxwrap<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Figlesiajesusluzdelasnaciones+&width=292&height=290&show_faces=true&colorscheme=light&stream=false&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>
</div> </span></div> </div> <style type="text/css"> .slide_likebox { float:right; width:288px; height:345px; background: url(https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.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> <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>


Hola,

El código en donde se pone la caja de box, hay unos cortes.

Te dejo el código bien armado y para la izquierda, solo tendras que cambiar la imagen.

Cita:
<div class="slide_likebox">

<div class="s_likebox"><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fimastern&amp;width=292&amp;height=590&amp;show_faces=true&amp;colorscheme=light&amp;stream=true&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe></div></span></div></div>

<style type="text/css"> .slide_likebox { float:right; width:288px; height:345px; background: url(http://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.png) no-repeat !important; display:block; left:-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>

<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({left:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({left:"-250"},"medium");
},500);
return false;
});
</script>


Lo rojo tienes que poner bien el facebook, lo creas en..
http://developers.facebook.com/docs/reference/plugins/like-box/
Usa el código iframe.
Y lo azul tienes que modificar la imagen moviendola para la derecha.

Saludos.
______________
Mensaje23-03-2013, 15:00 (UTC)    
Título del mensaje:

Gracias master-nemesis.es.tl, tu ayuda en todo ha sido de beneficio para la construcción de mi web.

Quiero contarte que el codigo funciona exelente, ahora ya no aparece en azul y está a la izquierda, pero cuando lo pongo, mueve todo, por ejemplo el menú.

Lo pongo en Texto por encima de la página, pero no se realmente que pasa.

Agradeceria tu ayuda o consejo.
Gracias.
______________
Mensaje23-03-2013, 16:13 (UTC)    
Título del mensaje:

iglesiajesusluzdelasnaciones escribió:
Gracias master-nemesis.es.tl, tu ayuda en todo ha sido de beneficio para la construcción de mi web.

Quiero contarte que el codigo funciona exelente, ahora ya no aparece en azul y está a la izquierda, pero cuando lo pongo, mueve todo, por ejemplo el menú.

Lo pongo en Texto por encima de la página, pero no se realmente que pasa.

Agradeceria tu ayuda o consejo.
Gracias.


Hola,

Deberia comprobar en que página estas haciendo los cambios para saber en donde esta la falla.

Saludos.
______________
Mensaje23-03-2013, 16:54 (UTC)    
Título del mensaje:

Está afectando todas las páginas, será que puedes visitar mi web para que veas que es lo que pasa? gracias
______________
Mensaje24-03-2013, 00:39 (UTC)    
Título del mensaje:

iglesiajesusluzdelasnaciones escribió:
Está afectando todas las páginas, será que puedes visitar mi web para que veas que es lo que pasa? gracias


Hola,

Lo veo normal a la página, lo que noto es que en el menu horizontal donde tienes todos los enlaces,

Cita:
INICIO | Bienvenidos | Radio | Estudios | Llamados a la iglesia | Link's 5 | Link's 6 | Link's 7 | Peticiones de Oración


Si agregas muchos titulos en el menu, se deformará y eso hace que el menu se vea mal, si dejarás pocos titulos en el menu seria estandar, lo que te recomendaria es ponerlo en los menu despegable que tiene esa plantilla, asi no pones mucho titulos aparte.

Saludos.
______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group