Ir para conteúdo

Iframe responsivo

Por Leonardox
em Design, Desenvolvimento & E-commerce

Featured Replies

Postado

Fala pessoal, estou com um quebra cabeça aqui.

Estou tentando adicionar uma pagina de status externa através de um frame na página de status do whmcs, editando os templates do tema.

O problema é que ela fica 'quebrada' por não responsiva, há alguma forma de transformar responsiva o iframe?

  • Citar
    • 0

    Postado

    Basta adicionar width="100%" no código.

  • Citar
    • 1

    Postado
    1 hora atrás, Leonardox disse:

    Fala pessoal, estou com um quebra cabeça aqui.

    Estou tentando adicionar uma pagina de status externa através de um frame na página de status do WHMCS, editando os templates do tema.

    O problema é que ela fica 'quebrada' por não responsiva, há alguma forma de transformar responsiva o iframe?

    Veja se esse artigo pode te ajudar https://benmarshall.me/responsive-iframes/

  • Citar
    • 0

    Postado
    • Autor
    58 minutos atrás, edinaldo disse:

    Basta adicionar width="100%" no código.

    Valeu em! Resolveu meu problema! 

    Tudo resolvido pode fechar o tópico!

     

    58 minutos atrás, edvan disse:

    Veja se esse artigo pode te ajudar https://benmarshall.me/responsive-iframes/

    Já tinha tentado por esse tutorial, mas sem sucesso.

  • Citar
    • 0

    Postado
    43 minutos atrás, Leonardox disse:

    Valeu em! Resolveu meu problema! 

    Tudo resolvido pode fechar o tópico!

     

    Já tinha tentado por esse tutorial, mas sem sucesso.

    Depois posta no pastebin como ficou o resultado!

  • Citar
    • 0

    Postado
    • Autor
    1 hora atrás, edvan disse:

    Depois posta no pastebin como ficou o resultado!

    Código: <iframe src="http://URL-DO-STATUS" height="900" width="100%" allowfullscreen="" frameborder="0">

    Resultado

    62c857e979d0461c93aed8c5287de79a.png

     

  • Citar
    • 0

    Postado
    4 horas atrás, Leonardox disse:

    Código: <iframe src="http://URL-DO-STATUS" height="900" width="100%" allowfullscreen="" frameborder="0">

    Resultado

    62c857e979d0461c93aed8c5287de79a.png

     

    Que status é esse? muito bonito.

  • Citar
    • 0

    Postado

    Tinha vontade de incorporar a StatusPage fornecida pelo Pingdom, que por sinal até hoje não é responsiva e pelo jeito nem tão logo será.

  • Citar
    • 0

    Postado

    Uptime Robot lançado recentemente a página pública de status.

    Enviado de meu Moto G (4) usando Tapatalk

  • Citar
    • 0

    Postado
    19 horas atrás, Jefferson Dias disse:

    Uptime Robot lançado recentemente a página pública de status.

    Enviado de meu Moto G (4) usando Tapatalk
     

    Onde encontro?

  • Citar
    • 0

    Participe da conversa

    Você pode postar agora e se cadastrar mais tarde. Se você tem uma conta, faça o login para postar com sua conta.
    Nota: Sua postagem exigirá aprovação do moderador antes de ficar visível.

    Visitante
    Infelizmente, seu conteúdo contém termos que não são permitimos. Edite seu conteúdo para remover as palavras destacadas abaixo.
    Responder
    Ir para a lista de tópicos

    Quem Está Navegando 0

    • Nenhum usuário registrado visualizando esta página.

    Informação Importante

    Concorda com os nossos termos?

    I accept