entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

modificar hoja de estilos (CSS) de un iframe

hola buenas tardes,
quisiera saber si me pueden ayudar con esta problema que tengo:

Es posible modificar la hoja de estilos de una pagina que la estoy trayendo por un iframe ?

de ante mano gracias

2 Respuestas

2votos

Jaumesv Puntos1970

Puedes hacerlo con jquery, buscando las etiquetas o clases dentro del iframe y cambiando el estilo. Ejemplo:

 <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" language="JavaScript">
    $(document).ready( function () {
        $('#se').load( function () {
            $(this).contents().find(".fondo").css({'background-color':'#fff','background-image':'none'});
        });
    });
    </script>
   <iframe id="se" src="">

0voto

kiokotzu comentado

eso lo puedo hacer para modificar la hoja de estilos de la API de facebook ?

0voto

Leonardo-Tadei comentado

Técnicamente se puede hacer.
Hacerlo viola los Términos y Condiciones del servicio...

0voto

mrczrt comentado

Ademas de que no va a poder por el cross-domain...

1voto

pedro_cabrera Puntos1130

Supongo que también puedes darle nu nombre a tu iframe

<iframe id='mi_iframe' src....

y en tu hoja de estilos o una específica poner los estilos que te interesen:

#mi_iframe { estilos.... }
#mi_iframe a { estilos ... }
#mi_iframe .laclasequesea { estilos... }
etc.

No lo he probado, pero supongo que funcionaría-
Un saludo
Pedro

0voto

pedro_cabrera comentado

De todas formas comentarte que hay sustituto para iframe en HTML5, de tal forma que lo que escribías como:

  • HTML4:
< iframe width="500" height="500" scrolling="no" frameborder="0"
src="http://www.lapaginaquesea.com" target="_top"> < /iframe>

debería hacerse como:

  • HTML5:
< object type="text/html" data="http://www.lapaginaquesea.com" width="500"
height="500"> < /object>

Un saludo
Pedro

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta