Jump to content

Search the Community

Showing results for tags 'Mobile'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 91 results

  1. rodbacana

    Criar gráficos com react native

    Boa noite senhores(a), estou iniciando agora com react native e firebase, estou tentando criar uma aplicação onde você loga com e-mail e senha, logo após irá aparecer uma lista com as ações da bolsa de valor pra que você possa escolher uma delas. Quando clicar sobre qualquer uma, será exibido um gráfico com as oscilações, e o usuário poderá criar um alerta que quando a ação atingir uma valor(seja ele positivo ou negativo) o celular dispare uma alerta. A questão é: a tela de login e as validações, eu consegui fazer. Mas não faço a mínima idéia de como criar os gráficos baseados no consumo de uma api rest que eu tenho aqui. Alguém pode me ajudar ?
  2. Layout Responsivo Desalinhado: Estou criando um site de filmes e a cada momento que incluo algo o layout se estica para a direita ficando impossível de concertar sou novato e não sei onde estou errando me ajudem. Estou tentando criar um site de filmes responsivo mais o layout estar completamente desalinhado estirando a todo momento que incluo alguma imagem para a direita me ajudem por favor. Codigo CSS abaixo: *{ padding: 0px; margin: 0px; } a{ text-decoration:none; color:#999; } body{ font-family: arial; color:#eaeeef; background-color: #36454f; /*Fundo Escur0*/ margin-left: -100px; margin-top: -16px; } .font400{ font-size: 4em; } .font350{ font-size: 3.5em; } .font300 { font-size: 3em; } .font200 { font-size: 2em; } .font180 { font-size: 1.8em; } .font12{ font-size:12px; } .font10{ font-size:10px; } .font18{ font-stretch: 18px; } .branca{ color:#FFFFFF } .cinza { color: #CBCCCD; } .vermelho_1{ color:#ff0000; } ul{ list-style:none; } /*Imagem do Menu*/ img{ width:35px; margin-left: 100px; margin-top: 10px; } input[type="checkbox"] { display:none; } nav { background-color: rgba(16,16,16,.5); width:150px; height:100%; left: -150px; position: absolute; transition: all .5s; } input[type="checkbox"]:checked ~ nav { transform: translateX(150px); } ul{ top:80px; position:absolute; width: 100%; } a{ background: block; padding:10px 5px; color: white; } a:hover{ background-color: rgba(); color: black; } label{ padding: 15px; position: absolute; z-index:1; /*icone*/ } /* Formatação de chamada principal da imagem em destaque*/ .chamada{ background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(https://img.youtube.com/vi/NOEQ7wVKIew/maxresdefault.jpg); background-position: center center; /* Centraliza a imagem no centro da tela*/ background-repeat: no-repeat;/* Não repete a imagem*/ background-size: cover; /* Ocupa toda a tela sem distorcer a imagem*/ background-attachment: fixed; height: 100vh; /*100% do view height*/ display: flex; } .area_chamada { margin: auto; margin-bottom:150px; text-align: center; } h2 { margin: 0px; } .titulo{ font-family: 'Open Sans', sans-serif; text-transform: uppercase; line-height: 1.1em; font-weight: 400; text-shadow: 2px 3px 0px rgba(0,0,0,.8); color: #CBCCCD; } .subtitulo{ font-family: 'Open Sans', sans-serif; text-transform: uppercase; line-height: 1.1em; font-weight: 400; text-shadow: 2px 3px 0px rgba(0,0,0,.8); height: 80px; } .parte_superior{ /*banner de 280px na largura e 120px*/ width: 100vw; height: 0px; display: flex; align-items: center; margin-top: 17px; margin-left: 50px; } /*imagem do logo*/ .logo> img { width:250px; margin-top: 0px ; margin: 160px; } .pesquisa { width:500px; height:40px; margin:200px auto; display: flex; margin-top: 80px; margin-left: 40px; border-bottom-width: 2px; } #texto { width:520px; height:50px; float:left; font-family:Arial, Helvetica, sans-serif ; font-size:18px; background: #151515; border: #151515; border-radius: 6px 0px 0px 6px; display: flex; color: white; justify-content: space-around; } #texto:focus { border: solid 2px #1f1f1f; } .btn { height:34px; width:17px; background:#ff0000; padding:6px 8px; cursor:pointer; display: flex; margin-top: -10px; border: solid 0px #ff0000; border-radius: 0px ; margin-left: 0px; } button{ padding: 12px; border-width: 0px; border-radius: 0px 6px 6px 0px; height: 50px; background: #ff0000; width: 60px; } /*Move todo o Slide*/ .miniaturas{ height: 290px; width: 180px; display: flex; padding: 0px 2%; margin-top: -250px; margin-left: 90px; margin-top: -100px; } /*Move todo o menu do slide*/ .horizontal{ display: flex; justify-content: center ; margin-left: 70px; justify-content: space-around; width: 200px; color: dimgrey; margin-top: 450px; } .ativo{ margin:0px; color:white; } .black_clover> img{ height: 290px; width: 180px; display: flex; margin: 10px; position: relative; z-index: 1; transition: all 0.5s linear; } .black_clover > img:hover{ opacity: 0.2; } .one_punch_man> img{ height: 290px; width: 180px; display: flex; margin: 10px; position: relative; z-index: 1; transition: all 0.5s linear; } .one_punch_man > img:hover{ opacity: 0.2; } .Dororo> img{ height: 290px; width: 180px; display: flex; margin: 10px; position: relative; z-index: 1; transition: all 0.5s linear; } .Dororo > img:hover{ opacity: 0.2; } .shingek_3>img{ height: 290px; width: 180px; display: flex; margin: 10px; position: relative; z-index: 1; transition: all 0.5s linear; } .shingek_3 > img:hover{ opacity: 0.2; } .Mob>img{ height: 290px; width: 180px; display: flex; margin: 10px; position: relative; z-index: 1; transition: all 0.5s linear; } .Mob > img:hover{ opacity: 0.2; } .kimetsu_no_yaiba>img{ height: 290px; width: 180px; display: flex; margin:10px; position: relative; z-index: 1; transition: all 0.5s linear; } .Kimetsu_no_yaiba > img:hover{ opacity: 0.2; } .figuras { display: flex; margin-left: 50px; justify-content: space-between; padding: 4%; height: 290px; width: 180px; } figure { margin: 0px; display: flex; } figcaption{ width: 180px; height: 290px; background-color: black; display: flex; min-height:290px; margin: 10px; margin-top: -300px; } .grana{ display: flex; } .baner{ padding-top: 100px; display: flex; } /*move o banner e a primeira coluna de animes*/ .bittube>a>img{ display: flex; width: 400px; margin: 0px 580px; margin-top: 20px; } .posts{ margin-top: 100px; padding: 0px -400px; display: flex; margin-left: 180px; } .primeira{ display: flex; } .primeira > ul > li{ display:inline-block; margin-top: 1220px; margin-left: 20px; } .One_Piece>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .One_Piece> img:hover{ opacity: 0.2; } .tate_no_yusha>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .tate_no_yusha> img:hover{ opacity: 0.2; } .naruto_shippuden>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .naruto_shippuden> img:hover{ opacity: 0.2; } .Nanatsu_no_taizai>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .Nanatsu_no_taizai> img:hover{ opacity: 0.2; } .dragon_ball_super>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .dragon_ball_super> img:hover{ opacity: 0.2; } .boku_no_hero_academia>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .boku_no_hero_academia> img:hover{ opacity: 0.2; } /*Move toda a segunda coluna de animes*/ .coluna{ margin-top: 50px ; margin-left: 180px; display: flex; } .segunda{ display: flex; } .boruto>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .boruto> img:hover{ opacity: 0.2; } .isekai_maou>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .isekai_maou> img:hover{ opacity: 0.2; } .bleach>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .bleach> img:hover{ opacity: 0.2; } .fairy_tail>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .fairy_tail> img:hover{ opacity: 0.2; } .tensei_shitara>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .tensei_shitara> img:hover{ opacity: 0.2; } .Tokyo_Ghoul>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .Tokyo_Ghoul> img:hover{ opacity: 0.2; } /*Move toda a coluna de séries*/ .coluna_series{ margin-top: 120px ; margin-left: 180px; display: flex; } .primeira_series{ display: flex; } .primeira_series > ul > li{ display:inline-block; margin-top: 2020px; margin-left: 20px; } .Atirador>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .Atirador> img:hover{ opacity: 0.2; } .Game_of_thrones>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .Game_of_thrones> img:hover{ opacity: 0.2; } .La_casa_de_papel>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .La_casa_de_papel> img:hover{ opacity: 0.2; } .lucifer>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .lucifer> img:hover{ opacity: 0.2; } .sons_of_anarchy>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .sons_of_anarchy> img:hover{ opacity: 0.2; } .vikings>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .vikings> img:hover{ opacity: 0.2; } /*Move toda a coluna de séries*/ .coluna_series2{ margin-top: 50px ; margin-left: 180px; display: flex; } .segunda_series2{ display: flex; } .segunda_series2 > ul > li{ display:inline-block; margin-top: 2020px; margin-left: 20px; } .The_purge>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .The_purge> img:hover{ opacity: 0.2; } .titans>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .titans> img:hover{ opacity: 0.2; } .the_big_bang_theory>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .the_big_bang_theory> img:hover{ opacity: 0.2; } .o_último_guardião>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .o_último_guardião> img:hover{ opacity: 0.2; } .legends_of_tomorrow>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .legends_of_tomorrow> img:hover{ opacity: 0.2; } .chernobyl>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .chernobyl> img:hover{ opacity: 0.2; } /*Move toda a coluna de séries*/ .coluna_fimes{ margin-top: 120px ; margin-left: 180px; display: flex; } .segunda_filmes{ display: flex; } .segunda_filmes > ul > li{ display:inline-block; margin-top: 2820px; margin-left: 20px; } .avangers_Age>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .avangers_Age> img:hover{ opacity: 0.2; } .capitan_marvel>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .capitan_marvel> img:hover{ opacity: 0.2; } .capitao_america>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .capitao_america> img:hover{ opacity: 0.2; } .guerra_civil>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .guerra_civil> img:hover{ opacity: 0.2; } .doutor_estranho>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .doutor_estranho> img:hover{ opacity: 0.2; } .hulk_o_inacreditavel>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .hulk_o_inacreditavel> img:hover{ opacity: 0.2; } .coluna_fimes1{ margin-top: 50px ; margin-left: 180px; display: flex; } .segunda_filmes1{ display: flex; } .segunda_filmes1> ul > li{ display:inline-block; margin-top: 2820px; margin-left: 20px; } .iron_man>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .iron_man> img:hover{ opacity: 0.2; } .thor>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .thor> img:hover{ opacity: 0.2; } .a_lenda_do_golem>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .a_lenda_do_golem> img:hover{ opacity: 0.2; } .maligno>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .maligno> img:hover{ opacity: 0.2; } .as_trapaceiras>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .as_trapaceiras> img:hover{ opacity: 0.2; } .homem_de_ferro2>img{ height: 290px; width: 180px; display: flex; margin:10px ; position: relative; z-index: 1; transition: all 0.5s linear; } .homem_de_ferro2> img:hover{ opacity: 0.2; } .rodape{ padding: 25px; color: white font-size:1.5em; display: flex; padding-top: 3600px; padding-left: 350px; } .rodape li{ margin-right:20px; padding-top: 50px; } .parceria{ display: flex; padding-top: 3600px; padding-left: 350px; } .parceria li{ margin:-20px 10px; display:flex; <<<<<<<<Codigo Html abaixo>>>>>>>>
  3. Pessoal estou em final de tcc e meu projeto é basicamente um app que faz vendas para delivery... Metade desse projeto é um site e a outra o android que utilizam o mesmo banco de dados, projetamos e testamos tudo com o localhost no pc através do ampps e ai vem o meu problema. Upei o site em um servidor online com toda a nossa programação, banco e etc, porem meu aplicativo não abre sem ser em host local alguem tem alguma dica do que poderia ser ? Peguei o ip do servidor e substitui o do meu pc para poder acessar o banco no host online, mas não tenho certeza se fiz tudo da maneira correta. Se alguem puder me dar uma breve explicação do que se deve fazer após ter o app pronto para que ele funcione com o base de dados online, eu agradeço muito. Em teoria tenho um app pronto mas preciso fazer com que ele funcione online... Não sei se expliquei da melhor maneira mas qualquer ajuda eu agradeço...
  4. rafalbino

    Versão Mobile Menu

    Fala pessoal! Tô com uma dúvida na versão mobile do meu menu. A versão desktop já está tudo ok, porém, quando acesso pelo mobile, ele aparece apenas um dos campos do menu e não ele totalmente. Segue o código: .menu{width: 100%;height: 50px;background-color: #fff; margin-top: -65px; } .menu ul{list-style: none;position: relative;float: right;} .menu ul li {width: 200px;float: left;} #menu2 {width: 130px;float: left;} #menu3 {width: 160px;float: left;} .menu ul li:last-child {width: 200px;float: left;} .menu i {vertical-align: middle; margin-right: 2px; margin-top: -4px;} .menu a{padding: 15px;display: block;text-decoration: none;text-align: center;background-color: #fff;color: #151e51; vertical-align: middle; font-size: 16px;} .menu ul ul{position: absolute; margin-left: 50px; visibility: hidden; } /*Atacando a ul do submenu, escondendo os campos */ .menu ul li:hover ul{visibility: visible; }/*Atacando a ul do submenu, passando pela li interna, mostrando os campos ocultos*/ .menu a:hover{background-color: #fff; font-weight: 500;}/*Alterando a cor da fonte quando o mouse passa por cima*/ #primeiro{ border-radius: 7px 7px 0px 0px;} #ultimo{ border-radius: 0px 0px 7px 7px;} .menu ul ul li{float: none;width: 200px; }/*Deixando as linhas do submenu na vertical*/ .menu ul ul li:last-child {float: none; width: 200px;}/*Deixando as linhas do submenu na vertical*/ .menu ul ul li a {background-color: #f1f1f1;border-radius: 0; text-align: left; margin-bottom: -20px; color: black;} /*Alterando a cor de fundo do submenu*/ .menu ul ul li a:hover {background-color: #f1f1f1;color: black; } /*Alterando a cor de fundo do submenu*/ .borda {border-radius: 0;} label[for="bt_menu"]{padding: 5px;background-color: #222;color: #fff;font-family: 'Arial';text-align: center;font-size: 30px;cursor: pointer;width: 50px;height: 50px; margin-top: -75px;} #bt_menu{display: none;} label[for="bt_menu"]{display: none;} Agora o código da versão mobile label[for="bt_menu"]{display: block;float: right; margin-top: -70px; background: #f35270;} #bt_menu:checked ~ .menu{margin-left: 0;} .menu{margin-top: 255px;margin-left: -110%;transition: all .9s;width: 100%; } .menu ul{float: none;} .menu ul li{width: 100%;float: none;} .menu ul li:last-child {width: 100%;float: none; margin-top: 55px;} .menu ul ul{ /*Escondendo os subitens no modo mobile*/ position: static;overflow: hidden;max-height: 0;transition: all .9s;} .menu ul li:hover ul{ /*mostrando os subitens no modo mobile*/ height: auto;max-height: 900px;} .menu ul ul li{width: 100%} .menu ul ul li:last-child {width: 100%;}
  5. rafalbino

    Versão Mobile Menu

    Fala pessoal! Tô com uma dúvida na versão mobile do meu menu. A versão desktop já está tudo ok, porém, quando acesso pelo mobile, ele aparece apenas um dos campos do menu e não ele totalmente. Segue o código: .menu{width: 100%;height: 50px;background-color: #fff; margin-top: -65px; } .menu ul{list-style: none;position: relative;float: right;} .menu ul li {width: 200px;float: left;} #menu2 {width: 130px;float: left;} #menu3 {width: 160px;float: left;} .menu ul li:last-child {width: 200px;float: left;} .menu i {vertical-align: middle; margin-right: 2px; margin-top: -4px;} .menu a{padding: 15px;display: block;text-decoration: none;text-align: center;background-color: #fff;color: #151e51; vertical-align: middle; font-size: 16px;} .menu ul ul{position: absolute; margin-left: 50px; visibility: hidden; } /*Atacando a ul do submenu, escondendo os campos */ .menu ul li:hover ul{visibility: visible; }/*Atacando a ul do submenu, passando pela li interna, mostrando os campos ocultos*/ .menu a:hover{background-color: #fff; font-weight: 500;}/*Alterando a cor da fonte quando o mouse passa por cima*/ #primeiro{ border-radius: 7px 7px 0px 0px;} #ultimo{ border-radius: 0px 0px 7px 7px;} .menu ul ul li{float: none;width: 200px; }/*Deixando as linhas do submenu na vertical*/ .menu ul ul li:last-child {float: none; width: 200px;}/*Deixando as linhas do submenu na vertical*/ .menu ul ul li a {background-color: #f1f1f1;border-radius: 0; text-align: left; margin-bottom: -20px; color: black;} /*Alterando a cor de fundo do submenu*/ .menu ul ul li a:hover {background-color: #f1f1f1;color: black; } /*Alterando a cor de fundo do submenu*/ .borda {border-radius: 0;} label[for="bt_menu"]{padding: 5px;background-color: #222;color: #fff;font-family: 'Arial';text-align: center;font-size: 30px;cursor: pointer;width: 50px;height: 50px; margin-top: -75px;} #bt_menu{display: none;} label[for="bt_menu"]{display: none;} Agora o código da versão mobile label[for="bt_menu"]{display: block;float: right; margin-top: -70px; background: #f35270;} #bt_menu:checked ~ .menu{margin-left: 0;} .menu{margin-top: 255px;margin-left: -110%;transition: all .9s;width: 100%; } .menu ul{float: none;} .menu ul li{width: 100%;float: none;} .menu ul li:last-child {width: 100%;float: none; margin-top: 55px;} .menu ul ul{ /*Escondendo os subitens no modo mobile*/ position: static;overflow: hidden;max-height: 0;transition: all .9s;} .menu ul li:hover ul{ /*mostrando os subitens no modo mobile*/ height: auto;max-height: 900px;} .menu ul ul li{width: 100%} .menu ul ul li:last-child {width: 100%;}
  6. WAD - Soluções

    logo distorce na versão mobile

    Olá, só pouco leigo, estou com dificuldade em deixa logo de um site padronizada poderia me ajudar com alguma orientação. A logo até na versão tablet exibida sem problemas porém quando chega na versão mobile tenho problema consideram que a logo e oval. Link do site: http://wadsolucoes.com.br/sys/editor/ .logo_container { display: inline-block; padding-left: 76px; } .logo span { font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: 900; color: #3a3a3a; vertical-align: middle; text-transform: uppercase; margin-left: 3px; } <div class="logo_container"> <div class="logo"><a href="./"><img src="images/logo-2.png" alt="EDITOR FISCAL - UMA PARCERIA DE SUCESSO" width="210" height="204"/></a> </div> </div>
  7. Olá galera, Boa tarde! Estou com um probleminha em Ionic que está quebrando muito minha cabeça por dias. Método de pagamento do paypal aparece em meu site, mas não aparece no app ionic, o que será? Já tentei de tudo. Esse app faz comunicação via API do Woocommerce, e lá está habilitado a forma de pagamento com PayPal, porém só não aparece no app, já que na página de checkout no meu site, aparece. Segue o código da página de checkout do app: import { Component, Inject } from '@angular/core'; import { NavController, NavParams, AlertController, Loading, LoadingController, ToastController, App } from 'ionic-angular'; import { PlacedPage } from '../placed/placed'; import { PaymentGateway } from "../../models/payment-gateway.models"; import { Constants } from "../../models/constants.models"; import { WordpressClient } from '../../providers/wordpress-client.service'; import { Global } from '../../providers/global'; import { Subscription } from "rxjs/Subscription"; import { CartItem } from "../../models/cart-item.models"; import { OrderRequest } from "../../models/order-request.models"; import { Address } from "../../models/address.models"; import { ShippingLine } from "../../models/shipping-line.models"; import { UserResponse } from "../../models/user-response.models"; import { OrderResponse } from "../../models/order-response.models"; import { Currency } from "../../models/currency.models"; import { InAppBrowser, InAppBrowserOptions } from '@ionic-native/in-app-browser'; import { sha512 } from 'js-sha512'; import { APP_CONFIG, AppConfig } from '../../app/app.config'; import { OrderUpdateRequest } from '../../models/order-update-request.models'; import { Coupon } from '../../models/coupon.models'; import { HomePage } from '../home/home'; import { TranslateService } from '@ngx-translate/core'; import { Helper } from '../../models/helper.models'; import { ShippingMethod } from '../../models/shipping-method.models'; import { PayPal, PayPalPayment, PayPalConfiguration, PayPalPaymentDetails } from '@ionic-native/paypal'; @Component({ selector: 'page-payment', templateUrl: 'payment.html', providers: [WordpressClient] }) export class PaymentPage { private loading: Loading; private loadingShown: Boolean = false; private placedPagePushed: Boolean = false; private paymentDone: Boolean = false; private paymentFailAlerted: Boolean = false; private subscriptions: Array<Subscription> = []; private paymentGateways = new Array<PaymentGateway>(); private cartItems: Array<CartItem>; private selectedPaymentGateway; private selectedAddress: Address; private orderRequest: OrderRequest; private orderId = -1; private user: UserResponse; private totalItems = 0; private total = 0; private couponApplied = false; private pickupTime = 0; private deliveryTime = 0; private shippingChargeGlobal: number; constructor(@Inject(APP_CONFIG) private config: AppConfig, public translate: TranslateService, private iab: InAppBrowser, private toastCtrl: ToastController, public navCtrl: NavController, private navParams: NavParams, private service: WordpressClient, private loadingCtrl: LoadingController, private alertCtrl: AlertController, public appCtrl: App) { this.cartItems = this.navParams.get('cart'); this.totalItems = this.navParams.get('totalItems'); this.total = this.navParams.get('total'); this.shippingChargeGlobal = this.navParams.get('shippingChargeGlobal'); let paymentGateways = JSON.parse(window.localStorage.getItem(Constants.PAYMENT_GATEWAYS)); this.selectedAddress = JSON.parse(window.localStorage.getItem(Constants.SELECTED_ADDRESS)); if (paymentGateways != null) { for (let pg of paymentGateways) { if (pg.enabled && this.paymentImplemented(pg.id)) { this.paymentGateways.push(pg); } } } } ionViewWillLeave() { this.subscriptions.forEach((subscription: Subscription) => { subscription.unsubscribe(); }); this.dismissLoading(); } paymentImplemented(id) { return id === "pumcp" || id === "payuindia" || id === "cod"; } paymentMethod(paymentGateway) { this.selectedPaymentGateway = paymentGateway; } placedPage() { if (this.selectedPaymentGateway == null) { this.translate.get('field_error_payment_method').subscribe(value => { this.showToast(value); }); } else { this.orderRequest = new OrderRequest(); this.orderRequest.payment_method = this.selectedPaymentGateway.id ? this.selectedPaymentGateway.id : "cod"; this.orderRequest.payment_method_title = this.selectedPaymentGateway.title ? this.selectedPaymentGateway.title : "cod"; this.orderRequest.set_paid = false; this.orderRequest.billing = this.selectedAddress; this.orderRequest.shipping = this.selectedAddress; this.user = JSON.parse(window.localStorage.getItem(Constants.USER_KEY)); this.orderRequest.customer_id = String(this.user.id); let selectedShippingMethod: ShippingMethod = JSON.parse(window.localStorage.getItem(Constants.SELECTED_SHIPPING_METHOD)); if (selectedShippingMethod) { let shippingTotal = 0; for (let ci of this.cartItems) { if (!ci.product.shipping_cost_use_global && ci.product.shipping_cost != 1) shippingTotal = shippingTotal + ci.product.shipping_cost; } if (this.shippingChargeGlobal != -1) { shippingTotal = shippingTotal + this.shippingChargeGlobal; } this.orderRequest.shipping_lines = new Array<ShippingLine>(); this.orderRequest.shipping_lines.push(new ShippingLine(selectedShippingMethod.method_id, selectedShippingMethod.method_title, String(shippingTotal))); } this.orderRequest.line_items = this.cartItems; for (let item of this.orderRequest.line_items) { item.product = null; } this.translate.get('order_creating').subscribe(value => { this.presentLoading(value); }); let coupon: Coupon = JSON.parse(window.localStorage.getItem(Constants.SELECTED_COUPON)); let subscription: Subscription = this.service.createOrder(window.localStorage.getItem(Constants.ADMIN_API_KEY), this.orderRequest).subscribe(data => { this.orderId = data.id; if (coupon) { this.applyCoupon(coupon); } else { this.orderPlaced(); } }, err => { console.log(err); this.dismissLoading(); let orderId = Helper.extractOrderIdFromError(err); if (orderId != -1) { this.orderId = orderId; if (coupon) { this.applyCoupon(coupon); } else { this.orderPlaced(); } } else { this.translate.get('order_failed').subscribe(value => { this.showToast(value); }); this.appCtrl.getRootNav().setRoot(HomePage); } }); this.subscriptions.push(subscription); } } applyCoupon(coupon) { let couponSubs: Subscription = this.service.applyCouponCode(window.localStorage.getItem(Constants.ADMIN_API_KEY), String(this.orderId), coupon.code).subscribe(data => { this.couponApplied = true; window.localStorage.removeItem(Constants.SELECTED_COUPON); this.translate.get('confirm_order_coupon_applied').subscribe(value => { this.showToast(value); }); this.orderPlaced(); }, err => { console.log(err); this.dismissLoading(); }); this.subscriptions.push(couponSubs); } orderPlaced() { this.dismissLoading(); if (this.selectedPaymentGateway.id && this.selectedPaymentGateway.id === "cod") { this.clearCart(); this.navCtrl.setRoot(PlacedPage); } else if (this.selectedPaymentGateway.id === "pumcp" || this.selectedPaymentGateway.id === "payuindia") { this.initPayUMoney(); } else { this.translate.get('order_placed_cod').subscribe(value => { this.showToast(value); }); this.clearCart(); this.navCtrl.setRoot(PlacedPage); } } initPayUMoney() { let name = this.user.first_name && this.user.first_name.length ? this.user.first_name : this.user.username; let mobile = this.user.username; let email = this.user.email; let bookingId = String(Math.floor(Math.random() * (99 - 10 + 1) + 10)) + this.orderId; let productinfo = this.orderId; let salt = this.config.payuSalt; let key = this.config.payuKey; let amt = this.couponApplied ? this.total : this.totalItems; let string = key + '|' + bookingId + '|' + amt + '|' + productinfo + '|' + name + '|' + email + '|||||||||||' + salt; let encrypttext = sha512(string); //let url = "payumoney/payuBiz.html?amt=" + amt + "&name=" + name + "&mobileNo=" + mobile + "&email=" + email + "&bookingId=" + bookingId + "&productinfo=" + productinfo + "&salt=" + salt + "&key=" + key; let url = "payumoney/payuBiz.html?amt=" + amt + "&name=" + name + "&mobileNo=" + mobile + "&email=" + email + "&bookingId=" + bookingId + "&productinfo=" + productinfo + "&hash=" + encrypttext + "&salt=" + salt + "&key=" + key; let options: InAppBrowserOptions = { location: 'yes', clearcache: 'yes', zoom: 'yes', toolbar: 'no', closebuttoncaption: 'back' }; const browser: any = this.iab.create(url, '_blank', options); browser.on('loadstop').subscribe(event => { browser.executeScript({ file: "payumoney/payumoneyPaymentGateway.js" }); if (event.url == "http://localhost/success.php") { this.paymentSuccess(); browser.close(); } if (event.url == "http://localhost/failure.php") { this.paymentFailure(); browser.close(); } }); browser.on('exit').subscribe(event => { if (!this.paymentDone && !this.paymentFailAlerted) { this.paymentFailure(); } }); browser.on('loaderror').subscribe(event => { this.showToast('something_went_wrong'); }); } paymentFailure() { this.paymentFailAlerted = true; let subscription: Subscription = this.service.updateOrder(window.localStorage.getItem(Constants.ADMIN_API_KEY), String(this.orderId), new OrderUpdateRequest('cancelled')).subscribe(data => { }, err => { console.log(err); }); this.subscriptions.push(subscription); this.translate.get(['payment_fail_title', 'payment_fail_message', 'ok']).subscribe(res => { let alert = this.alertCtrl.create({ title: res.payment_fail_title, message: res.payment_fail_message, buttons: [{ text: res.ok, role: 'cancel', handler: () => { this.done(); console.log('Okay clicked'); } }] }); alert.present(); }); } paymentSuccess() { this.paymentDone = true; this.clearCart(); this.translate.get('just_a_moment').subscribe(value => { this.presentLoading(value); }); let subscription: Subscription = this.service.updateOrder(window.localStorage.getItem(Constants.ADMIN_API_KEY), String(this.orderId), { set_paid: true }).subscribe(data => { this.done(); }, err => { this.done(); this.paymentSuccess(); console.log(err); }); this.subscriptions.push(subscription); } done() { if (!this.placedPagePushed) { this.placedPagePushed = true; this.dismissLoading(); this.appCtrl.getRootNav().setRoot(this.paymentFailAlerted ? HomePage : PlacedPage); } } private presentLoading(message: string) { this.loading = this.loadingCtrl.create({ content: message }); this.loading.onDidDismiss(() => { }); this.loading.present(); this.loadingShown = true; } private dismissLoading() { if (this.loadingShown) { this.loadingShown = false; this.loading.dismiss(); } } private presentErrorAlert(msg: string) { let alert = this.alertCtrl.create({ title: 'Error', subTitle: msg, buttons: ['OK'] }); alert.present(); } showToast(message: string) { let toast = this.toastCtrl.create({ message: message, duration: 3000, position: 'bottom' }); toast.onDidDismiss(() => { console.log('Dismissed toast'); }); toast.present(); } clearCart() { let cartItems = new Array<CartItem>(); window.localStorage.setItem('cartItems', JSON.stringify(cartItems)); } }
  8. Boa noite amigos, Primeiramente queria dizer que sou iniciante e sei muito pouco de programação (quase 0). Estou me virando para colocar um site no ar sozinho. Fiz algumas alterações usando css em meu site (fui introduzindo uma a uma e testando em diversos dispositivos). Porem tem uma que esta me dando dor de cabeça! Alterei apenas a cor do backgroun e do texto na minha barra de navegação da seguinte forma: "body .main-navigation, .navigation-container .site-title, .navigation-container ul li a, .navigation-container .icon-search { background: #ffffff; color: #d83200; }" Porem, quando acesso o site via dispositivo móvel os ícones e o texto da barra de navegação principal estão na cor branca (ou seja backgroun branco e letras + ícones brancos). Já tentei de tudo e não consigo achar a classe que altera isso, tenho 03 dias revirando a net e nada! Se for algo complexo estou disposto a pagar pelo serviço. o site é www.naviagemdeviajar.com.br
  9. Boa tarde pessoal, Estou tendo dificuldades na publicação de aplicativo na Apple Store a partir do visual studio para Mac. Eu faço um build e chego até a parte em que sou solicitado a carregar o arquivo de extensão ipa ao Application Loader. Após isso, o programa começa a fazer a leitura das configurações do arquivo, porém, a um determinado momento. Surge um erro dizendo que está faltando um certificado ou certificado inválido. Busquei na internet algo, mas não me ajudou. Alguém poderia me passar quais são os parâmetros para que eu possa criar o(s) certificado(s)? Preciso muito dessa ajuda! Obrigado
  10. jgasper

    Transformar site em responsivo

    Boa tarde, preciso de ajuda, fiz o site para minha empresa de advocacia mas nao sei transformar em mobile, peguei template pronto e fiz modificações, nao sou bom em HTML, foi o que consegui fazer. Alguem pode me ajudar a transformar ele em responsivo? só fazendo o menu funcionar para celular? Os arquivos do site estao em: https://mega.nz/#!AEAUxa5Z!EwFVVhgaJeJg6DTFpzUfi0vnrULPzI8YI9I0-XJwaE8 Agradeço desde ja.
  11. Roberto S. Santos

    PAGAMENTOS ONLINE MOBILE

    Boa tarde. Estou desenvolvendo um aplicativo para pagamentos OnLine via mobile. O cliente entra na página e escolhe o produto e clica em pagar ai vai direto para a fornecedora de pagamento. Gostaria de saber se o Mercado Pago é bom para uma vendedora autônoma de artesanatos ? Poderiam me ajudar por favor ? Obrigado, fiquem na Paz.
  12. alexcorrea

    Codigo WhatsApp Mobile

    Olá pessoal, alguém poderia me ajudar? Como faço para redirecionar meu site responsivo direto para o WhatsApp, sem precisar abrir o site?
  13. Galera, sou novo em desenvolvimento android, porém gostaria de saber se podem me ajudar em meu aplicativo. Basicamente, anexo um arquivo (texto, imagem) em meu app e envio para o Google drive, onde ele cria uma pasta com o nome deste arquivo e realiza o upload dele nesta pasta. Bem, não consigo nem me conectar com o Google drive, tentei já com outras API's e deu certo, alguém pode me ajudar ? Estou uma semana tentando realizar este procedimento rs Tento ver a documentação do Google mesmo, mas é muito confuso. E outros sites tentei mas são versões bem inferiores, ou já é com o Kotlin. Agradeço a ajuda, Rodrigo A.F.
  14. Oi! Minha família pediu para eu mexer no site deles e acabei por pegar um site pronto e adaptar conforme o necessário. Entendo somente um pouco de programação, então estou me batendo bastante... Desculpem meus termos leigos, espero que vocês possam me ajudar... Ao fazer o upload das fotos do site - ao total fica 200 MB de imagens - notei que demoram para carregar no celular (iPhone) e em alguns modelos mais simples de Android nem abrem. A qualidade das fotos é muito importante para este site no "desktop", porém não tanto em "mobile". É mais importante que as imagens estejam aparecendo. Gostaria de saber se existe alguma forma de eu reduzir a resolução dessas fotos somente no site para dispositivos móveis. Ou quem sabe exista até outra solução. Como estou editando por cima de um layout pronto gratuito, não sei onde está cada linha de código... Mas também gostaria de modificar algumas coisas no modo que o site aparece no dispositivo móvel (tamanho da fonte, espaçamento...). Em qual pasta e com qual tag eu poderia encontrar? Agradeço desde já! Abraços!
  15. Olá, estou com um problema no meu site, que sempre que clico em um link aparece um fundo azul automático ao redor dele (como se fosse um background-color), que aparece apenas durante o ato de clicar, já tentei mudar todas as propriedades dos links como: a:hover, a:visited, a:active, a:focus, e não consegui remover. Na versão de PC eu apena fiz isso e resolvi o problema: * { /*NÃO PERMITE QUE INTES E CARACTERES SEJAM SELECIONADOS*/ -webkit-touch-callout: none; /* iPhone OS, Safari */ -webkit-user-select: none; /* Chrome, Safari 3 */ -khtml-user-select: none; /* Safari 2 */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ user-select: none; /* Possível implementação no futuro */ /* cursor: default; */ } Já na versão mobile isso não deu certo. No menu superior do celular eu consegui tirar esse fundo dos itens do menu adicionando height: 0px, padding: 0px nos links. Mas nos menu do footer não consegui resolver o problema. Em fim, eu sou novo na programação, espero que tenham entendido o meu problema (não é o azul do link padrão, e sim um fundo azul ao redor do link que aparece e desaparece quando clicado). Vou mostrar o css e html do roda-pé que pediram: <!-- RODAPÉ --> <footer id="roda-pe"> <div id="roda-centro"> <ul> <li><a href="#titulo1" class="scroll" id="menu-rodape-1"><div id="quadrado1">Sistema</div></a></li> <li><div id="nbsp">&nbsp|&nbsp</div></li> <li><a href="#titulo2" class="scroll" id="menu-rodape-2">Sobre Nós</a></li> <li><div id="nbsp">&nbsp|&nbsp</div></li><br> <li><a href="#titulo3" class="scroll" id="menu-rodape-3">Planos</a></li> <li><div id="nbsp">&nbsp|&nbsp</div></li> <li><a href="#titulo4" class="scroll" id="menu-rodape-4">Contato</a></li> <li><div id="nbsp">&nbsp|&nbsp</div></li> <li><a href="#" class="scroll" id="menu-rodape-5">Login</a></li> </ul> <br> <ul> <li><a href="#titulo1" class="scroll" id="menu-rodape-1">Facebook</a></li> <li><div id="nbsp">&nbsp|&nbsp</div></li> <li><a href="#titulo1" class="scroll" id="menu-rodape-1">Goolge+</a></li> <li><div id="nbsp">&nbsp|&nbsp</div></li> <li><a href="#titulo1" class="scroll" id="menu-rodape-1">linkedin</a></li> <br><br> <i>Todos os direitos reservados.</i> </ul> </div> </footer> </body> </html> css <style> /* RODAPÉ */ #roda-pe { background-color: black; width: 100%; position: relative; margin-top: 50px; height: 200px; position: relative; top: 200px; } #roda-pe i { color: rgb(184, 178, 178); margin-left: 120px; position: relative; margin: 0 auto; } #roda-pe li { color: white; display: inline-block; font-size: 18px; background-color: none!important; width: auto; cursor: pointer; } #roda-pe a { text-decoration: none; color: white; height: 0px; width: 0px; padding: 0px; margin: 0px; cursor: pointer; position: relative; } #roda-pe ul { position: relative; margin: 0 auto; max-width: 500px; text-align: center; } #roda-pe a:hover { color: red; transition-duration: 1s; } #roda-pe a:focus, #roda-pe a:hover { outline: none; text-decoration: none; } #roda-centro { position: relative; top: 50px; } </style>
  16. Bom dia!! Estou desenvolvendo um app para ios, porem estou travado em uma parte. Para gerar o pacote na parte onde preciso selecionar generic ios. Alguem saberia me ajudar? Em anexo está a foto com o erro. Muito Obrigado!!
  17. Dominciano

    Entrando na área de Web/Mobile

    Olá a todos. Pessoal, trabalho em uma empresa focada em desenvolvimento Desktop utilizando a linguagem DataFlex(sim, provavelmente você nunca ouviu falar. Rs). Meu chefe quer entrar no ramo de desenvolvimento web/mobile para o setor comercial. Porém, ninguém da empresa tem grande conhecimento nessa área e como grande parte dos integrantes desse grupo já estão familiarizados com essa área, gostaria de pedir uma sugestão de quais seriam os melhores conjuntos de ferramentas(Linguagem, IDE, BD etc..) poderiamos usar para atender aos seguintes requisitos: A arquitetura seria a seguinte: -Pode ser pra web(e obrigatoriamente portar pra mobile, pois o foco será esse) ou um aplicativo pra smartphone. -Obrigatoriamente precisa sincronizar os dados com a aplicação Desktop(que utiliza o banco de dados DataFlex). -Obrigatoriamente ser barato(no sentido de licenciar/distribuir o sistema para os clientes) -A(s) ferramenta(s) de desenvolvimento podem ser pagas, desde que a distribuição seja gratuita. -Objetivo é baratear o preço no momento da venda do software para o cliente. -Os sistemas serão focados em aplicativos comerciais(padarias, bares, lojas de roupas, até mesmo para colégios etc...) -Futuramente, gostaríamos de não depender de internet o tempo todo para o cliente utilizar o sistema. -O banco de dados não deve passar dos 15kk de registros. Desde já, agradeço.
  18. Luis Felipe Rebecca

    While para cadastrar no Firebase

    Olá, Estou fazendo um aplicativo em android e me deparei com uma duvida na hora de salvar e exibir em uma lista, os usuários de um sistema. Basicamente o app por enquanto adiciona qualquer um que voce coloque o email correto e click para executar a ação de adicionar a contato, até ai ok! tudo funcionando. Agora estou precisando fazer com quem alguns usuários sejam adicionados a contatos logo que o usuário abre o app, fiz isso colocando esse método abaixo dentro do onCreate da activity principal, novamente tudo ok! Por algum motivo ele não cadastra os 3 usuários que pre-defini na variável, imagino que seja algo relacionado ao EventListener ou o while não esta rodando e executando todos os trechos. Obrigado desde já, fico no aguardo de uma solução! *Se o processor for feito manualmente, trocando o valor do contador manualmente para 1 ou 2 ou 3 e o while for trocado para "contador == 1 ou 2 ou 3 " o código executa com perfeição e cadastra os 3 contatos. private void abrirCadastroContato() { String emailContato; emailContato = "email"; int contador = 1; while (contador <=3) { if (contador == 1) { emailContato = "email1@email1.com.br"; } if (contador == 2) { emailContato = "email1@email1.com.br"; } if (contador == 3) { emailContato = "email1@email1.com.br"; } identificadorContato = Base64Custom.codificarBase64(emailContato); firebase = ConfiguracaoFirebase.getFirebase().child("usuarios").child(identificadorContato); firebase.addValueEventListener(new ValueEventListener() { @Override public void onDataChange(DataSnapshot dataSnapshot) { if (dataSnapshot.getValue() != null) { //Recuperar dados do contato a ser adicionado Usuario usuarioContato = dataSnapshot.getValue(Usuario.class); //Recuperar identificador usuario logado (base64) Preferencias preferencias = new Preferencias(MainActivity.this); String identificadorUsuarioLogado = preferencias.getIdentificador(); firebase = ConfiguracaoFirebase.getFirebase(); firebase = firebase.child("contatos") .child(identificadorUsuarioLogado) .child(identificadorContato); Contato contato = new Contato(); contato.setIdentificadorUsuario(identificadorContato); contato.setEmail(usuarioContato.getEmail()); contato.setNome(usuarioContato.getNome()); firebase.setValue(contato); } else { Toast.makeText(MainActivity.this, "Usuário não possui cadastro.", Toast.LENGTH_LONG).show(); } } @Override public void onCancelled(DatabaseError databaseError) { } }); contador ++; } }
  19. Um mesmo site funciona normalmente no meu notebook porém quando acesso do celular ele apresenta um bug indesejável, eu gostaria de debugar pelo visual studio para não ter que ficar subindo o site toda hora para produção somente para testar. O que eu consegui foi acessar o site da produção pelo celular e emular no meu notebook mas eu gostaria de debugar o site direto pelo Visual Studio para economizar tempo. Preciso debugar um website no celular através do Visual Studio, é possível?
  20. LsMs

    De desktop para Mobile

    Boa noite, eu estou criando um site pessoal e na versão desktop está okay, mas quando passa pra mobile, ele desconfigura. Qual o modo de arrumar? Pelo que dei uma pesquisada, tem um modo mobile "simples", que apenas pega como é a desktop e faz para mobile. Sabem como posso fazer isso ou como inserir no CSS os códigos para arrumar no mobile? Desde já, obrigado!!
  21. Wellington09

    Menu infinito

    Alguém poderia me dar um dica de como montar um menu para mobile no estilo da imagem abaixo ?
  22. Ola pessoal. Estou com um app rodando no webview. Ele é um sistema na web e o webview como o app. No sistema, tem determinadas ações que o sistema envia push notification para o usuário. Fiz a integração com o firebase cloud messaging Javascript. Mas ele nao funciona no webview, somente acessando diretamente pelo browser. Pelo que estava pesquisando, eu teria que configurar a parte de javascript, para web, e no webview configurar de novo para funcionar no webview, e uso a base de dados na web pra enviar os push. Então eu precisaria vincular cada token que o firebase gera para o dispositivo com o ID do usuário na base de dados, porém, o ID eu pego ele pela web, e o token, o firebase envia direto para o webview. Então não sei como faria para vincular esse token que o firebase gera com o ID do usuário. Alguém sabe se tem alguma forma? Desde já agradeço!
  23. Bom dia, Estou projetando um site aqui e o template que eu estou utilizando atualmente possui uma configuração no seu CSS para se adaptar as mídias como Celulares e Tablets. Porém eu não tenho muita prática com "media", e não sei como fazer isso. O que eu quero neste momento é fazer com que uma imagem - uma logo da empresa no caso - se adapte as variações de tamanho de tela porque o código originalmente usa apenas um texto aonde fica a logo, e por isso ele se adapta facilmente, mas eu não consigo isso para a o texto. Num exemplo prático: Mobile Tela O código css é muito grande para postar aqui, e não encontrei uma forma de importar ele em anexo no tópico, mas caso seja necessário eu posto ele aqui
  24. Olá pessoal. Tenho um sistema responsivo, onde criei um webview para android e ios com esse sistema para usa-lo como aplicativo. Até aí ok. Então, implementei um botão de compartilhamento do Facebook conforme documentação Doc Share Facebook. Fiz a implementação por código Javascript. Implementei pra web porque o app esta todo na web. No app esta somente o webview. Ele até funciona, tanto no desktop, quanto no aplicativo. Porém, depois que eu faço o compartilhamento o app fica com a tela toda branca, ele não volta para a url do meu site. Acredito que isso acontece porque quando faço o compartilhamento no desktop, abre um pop-up do facebook pra eu fazer o compartilhamento, e depois que faço o compartilhamento esse pop-up fecha sozinho. Então acho que essa tela branca no aplicativo se deve a esse pop-up ter fechado. Acho que resolveria se eu passar pra API do Facebook uma url de redirecionamento após o compartilhamento, assim, eu compartilho e depois sou redirecionado pra alguma url. Mas pesquisando sobre isso não achei nada na documentação do Facebook nem na internet. Alguém poderia me ajudar com alguma solução? Desde já agradeço!
  25. Direcionamento de Carreira Olá pessoal! Trabalho com Delphi há 10 anos numa empresa e ao mesmo tempo conheço e estudo outras linguagens como Java e ASP.NET C#. Conheço bastante o Java(e gosto muito da linguagem), apenas deixei de investir estudo nos últimos anos pelo fato de ter tido maior necessidade para desenvolver atividades com o ASP.NET C# para a Web. Atualmente com 38 anos, estou com necessidade de definir um rumo viável na caminhada como profissional na área. Estamos na era mobile e tanto o ASP.NET como o Java terão campo no mercado. Minha dúvida: Devo buscar especialização e aprofundamento nas linguagens que já domino (Delphi, ASP.NET) ou voltar a investir estudos em Java? Desde já agradeço o apoio!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.