Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Ruffles

Moderator
  • Content Count

    86
  • Joined

  • Last visited

  • Days Won

    16

Everything posted by Ruffles

  1. Ruffles

    Olá usuários da Haze, trago a vocês um vídeo onde recriei toda a página inicial da Netflix no Photoshop. Espero que gostem do resultado. Resultado:
  2. Ruffles

    Olá, a todos do Haze, hoje eu trago pra vocês a manutenção da OnBobba. Eles irão retornar mas não há data prevista. Ela é uma manutenção bonita, além de contar com um delicioso JavaScript/HTML/CSS. Demonstração: Clique aqui xD Download: [Hidden Content] Créditos: OnBobba (Desenvolvedores) Ruffles - Por trazer para vocês u.u Tópico nem parece com o do T0E
  3. Ruffles

    Olá pessoas, eu estava sem fazer nada e decidi recriar a página inicial do WhatsApp no Photoshop. Espero que gostem do resultado Resultado:
  4. Xilften ("Netflix" ao contrário) é um novo site de streaming pirata que tem despertado o interesse de muitos usuários brasileiros. O serviço oferece séries de TV e filmes online, sem necessidade de download, incluindo títulos que ainda estão no cinema O Xilften não é o primeiro a oferecer esse tipo de serviço, considerado ilegal no Brasil. Em 2015, uma operação da Polícia Federal fechou diversos sites de streaming pirata, inclusive um dos maiores do gênero, o Mega Filmes HD. Este serviço, porém, parece oferecer bem menos propagandas do que rivais mais antigos. Páginas de publicidade podem surgir como pop-up em novas abas após alguns cliques, mas não há banners visíveis em qualquer lugar do site. Uma extensão capaz de bloquear anúncios pode facilmente lidar com os pop-ups que surgem em alguns cliques. Por outro lado, o Xilften também oferece criptografia por meio do protocolo HTTPS, que protege a comunicação entre usuário e página. A maioria dos filmes e séries oferecidos só tem uma opção de áudio: dublado em português. Há alguns anos existiam endereços diferentes para o site. Um deles leva direto ao catálogo de filmes e séries do serviço, sem exigir cadastro. O outro endereço passava primeiro por uma tela de login. O problema dessa página era que, por se tratar de um serviço pirata, não há como saber o que os responsáveis pelo Xilften farão com seu e-mail e senha - mesmo que ele não peça dados bancários. O perigo reside no fato de que muita gente usa a mesma senha para vários serviços diferentes, do Facebook ao Google. De posse do seu e-mail e de uma senha criada por você, hackers podem, com sorte, deduzir seu login em outros serviços. Digamos, por exemplo, que ao fazer cadastro no Xilften, você coloca a mesma senha que usou no cadastro de uma loja online. Se os hackers tentarem fazer login nessa loja com seu e-mail e senha do Xilften, eles poderiam ter acesso aos dados do cartão de crédito que você usou em sua última compra. Este endereço que exigia login também oferecia links intitulados "Privacidade", "Termos de uso", "Perguntas frequentes" e "Contato", para passar uma sensação de legitimidade ao serviço. No entanto, todos os links levam para páginas que não existem. Atualmente o site passou por atualizações, uma delas foram a remoção da página de login. Vale notar que o Xilften também usa cookies da sua navegação no Facebook, o que indica um possível rastro sendo seguido até as suas atividades pessoais na internet. Fora isso, não há qualquer outro sinal de perigo na interface do site no PC. Um outro problema, porém, está no celular. O Xilften oferece também um aplicativo para download - outro ponto que requer cuidado. O aplicativo só funciona no Android e não aparece no Google Play. Quem quiser instalar, precisa baixar o APK e fazer a instalação manual. O problema de apps baixados fora do Google Play é que eles não são controlados pelas regras de segurança do Google, e podem muito bem ter acesso a certos privilégios no Android sem a sua autorização. Até mesmo baixar um vírus posteriormente sem que você saiba. No Facebook, os desenvolvedores do Xilften dizem que os filmes disponibilizados no site vêm de servidores externos, que vez ou outra podem ser fechados, comprometendo o acesso do usuário aos títulos. O fechamento pode estar ligado à natureza "pirata" do serviço. O Xilften parece oferecer exatamente o que o nome sugere: uma experiência contrária ao Netflix. Sem direitos autorais e sem garantia de segurança, mas, por outro lado, sem cobrar nada. Vale a pena tomar cuidado se quiser utilizar este site de streaming pirata. Mas e aí? O que você achou desse site? Já conhecia ele antes? Você acha que vale a pena se arriscar em sites piratas. como o Xilften ou você prefere um local "seguro" como a Netflix? Fonte: Olhar Digital. Adaptado por Ruffles
  5. Ruffles

    script

    Está em inglês, tradução fica por conta de vocês xD. Download: [Hidden Content] Instalação: Baixe o arquivo compactado e importe a DB no seu phpmyadmin, após isso coloque os arquivos da pasta script no seu servidor e configure o arquivo incluides/config.php (na config não esqueça de por a url se não o script fica bugado).
  6. Ruffles

    bootstrap

    Comente ou reaja para visualizar o download e demonstração Demonstração: [Hidden Content] Download: [Hidden Content] Scan: Clique aqui
  7. Ruffles

    O tema Cohost vem com um recurso de pesquisa útil, navegação pegajosa, estatísticas animadas, planos de preços, efeitos de hover e todo o seu conteúdo carrega em pergaminho. É melhor você verificar Cohost, um modelo de site de hospedagem e domínio gratuito, caso você ainda não tenha decidido sobre a aparência do seu site. Demonstração: Download: [Hidden Content]
  8. Olá, caros usuários da Haze Fórum! Hoje trago para vocês um controle de vip's para seu fórum ou site de servidores de jogos. Este sistema foi usado um bom tempo em outro fórum, e eu decidi passar ele para o HTML pois precisava usar este sistema no fórum do servidor, e eu usava ele em Forumeiros, mas meu fórum é IPS. Bom sem mais enrolação o link da DEMO está ai e o Download Irei deixar o código do sistema para Forumeiros também *Comente para visualizar* Tutorial/Forumeiros: Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão das páginas HTML -> Criar no modo avançado (HTML) Título - VIP Você deseja utilizar o início e o final da página do seu fórum? - Marque "Não" Usar esta página como página inicial? - Marque "Não" Conteúdo da página * - Cole o código abaixo nesta caixa (Retire o <br />, caso tenha) Clique em salvar e pronto! <!-- CÓDIGO PARA ADICIONAR VIP --> <!-- <tr> <td><span style="color: #9E9E9E;"> NOME</span></td> <td><span style="color: grey; font-weight:bold;"> Compra/Evento</span></td> <td><span style="color: #9E9E9E;"> Data de compra </span></td> <td><span style="color: red;"><div data-countdown="ANO/MES/DIA(ex: 2018/01/01"></div></span></td> </tr> --> <!-- fim do código pra adicionar vip --><script src="//code.jquery.com/jquery.js"></script><script src="//cdn.rawgit.com/hilios/jQuery.countdown/2.2.0/dist/jquery.countdown.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script><link rel="shortcut icon" type="image/x-icon" href="https://i.imgur.com/6hvhyOY.png" /><title>VIP - Brasil Cidade Online</title><link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css" /><style> tr{margin:0px;padding:0px;} body{background:#f5f5f5 url();font-family:segoe ui;} #conteudo{width:688px;margin:20px auto;} #conteudo table{width:100%;border-spacing:0px;border-radius:4px;text-align:center;background:#fff;border:1px solid rgba(0,0,0,0.10) } #conteudo table tbody{} #conteudo table tr{border-radius:2px;color:#e91e63;} #conteudo table tr:nth-child(2) td{border-top:0px;} #conteudo table tr td{padding:5px;border-right:1px solid #ccc;border-top:1px solid #ccc;} #conteudo table tr td:nth-child(4){border-right:0px;} #conteudo table tr.primeiro{} #conteudo table tr.primeiro td{background:#b3b3b3 url(https://i.imgur.com/xDHxQQk.png);border-radius:2px;box-shadow:inset 0 0 1px 1px rgba(0,0,0,.1);color:#fff;font-size:14px;font-weight:400;height:30px;line-height:25px;margin-bottom:4px;padding:0;text-indent:4px;text-shadow:0 1px 1px rgba(0,0,0,0.2);color:#fff;border:none;} #conteudo table tr.primeiro td:nth-child(1){border-radius:2px 0px 0px 0px;} #conteudo table tr.primeiro td:nth-child(4){border-radius:0px 2px 0px 0px;} </style><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <div id="conteudo"> <div style="background-image: url('https://i.imgur.com/1P3Bbil.png');background-repeat: no-repeat;width: 150px;height: 41px;margin-bottom: 6px;margin-top: 10px;color: #fff;padding: 0.2rem 1rem !important;text-shadow: 0.1em 0.1em #333;border-radius: 0 !important;"> </div> <table> <tbody> <tr class="primeiro"> <td> Usuário </td> <td> Obtido Por </td> <td> Data que comprou </td> <td> Expira em </td> </tr> <tr> <td> <span style="color: #9E9E9E;"> Ninguém</span> </td> <td> <span style="color: grey; font-weight:bold;"> Compra</span> </td> <td> <span style="color: #9E9E9E;"> 16/12/2017</span> </td> <td> <span style="color: red;"> </span> <div data-countdown="2017/12/17" style="color: red;"> </div><span style="color: red;"></span> </td> </tr> </tbody> </table> </div><script> $('[data-countdown]').each(function() { var $this = $(this), finalDate = $(this).data('countdown'); $this.countdown(finalDate, function(event) { $this.html(event.strftime('%D dias restantes')); }); }); </script> DEMOnstração: *Comente para visualizar* [Hidden Content] Download: *Comente para visualizar* [Hidden Content] Scan: MEGA já faz. Créditos: @pedxz - Por criar @Ruffles - Por passar para o HTML
  9. Olá caros usuários da Haze Fórum. Hoje eu trago para vocês um layout de manutenção você pode usar tanto para habbo ou qualquer outro site, este layout é simples pois terminei um curso de HTML/CSS e queria colocar em prática o que aprendi, obviamente não ia começar com algo extremamente "poderoso", a cada dia irei aprender mais e mais para poder criar outros layout's. *Comente para visualizar* DEMOnstração: http://brasilcidadeonline.pe.hu/manu-habbo/ Download: [Hidden Content] SCAN: MEGA já faz.
  10. Hoje vós trago um orçamento pessoal todo em JavaScript, fique à vontade para usar o código para estudo. Veja a demonstração antes de tudo xD: Faça o download: [Hidden Content] Créditos: @Ruffles
  11. Version 1.0.0

    11 downloads

    Hoje vós trago um orçamento pessoal todo em JavaScript, fique à vontade para usar o código para estudo.

    Free

  12. Introdução ao Bootstrap, como baixar e usar. https://getbootstrap.com.br/ Bootstrap: Crie projetos responsivos para dispositivos móveis na web com a biblioteca de componentes front-end mais popular do mundo. O que é o Bootstrap? O Bootstrap é uma ferramenta gratuita para desenvolvimento HTML, CSS e JS. Crie protótipos rapidamente ou aplicações completas com nossas variáveis e mixins Sass, sistemas de grid responsivo, componentes pré-construídos e poderosos plugins com jQuery. Introdução: Sabe aquela história de que a cada projeto WEB é necessário começar tudo do zero, escrever linhas e mais linhas de CSS, Javascript, etc para fazer provavelmente coisas similares que já foram feitas em outros projetos? Usando este framework, isso não é mais necessário!! Bootstrap é um framework front-end que ajuda no desenvolvimento de sites e aplicações WEB. É uma coleção de vários elementos e funções para desenvolvimento WEB, como HTML, CSS e Javascript disponibilizados em uma única ferramenta. A ideia é que ao iniciar um novo projeto você já tenha uma estrutura pronta com os elementos mais comuns que são utilizados, não precisando começar do zero e escrever várias linhas de código para fazer a mesma coisa novamente. Outra grande característica do Bootstrap é que ele é responsivo, o que isso significa? Significa que quando você criar uma página HTML usando Bootstrap ela vai se adequar corretamente ao tamanho da tela de um celular, tablet ou computador sem que seja necessário adicionar um código específico para cada layout de tela. Para configurar e começar a usar o Bootstrap no seu projeto, é muito simples e rápido, o primeiro passo é fazer o download dos arquivos pelo site do Bootstrap. Ao descompactar o pacote está será a estrutura criada: Figura 1 – Estrutura dos arquivos Bootstrap A estrutura do Bootstsrap é muito simples de entender e de se usar, cada pasta corresponde aos tipos de arquivos que são oferecidos pelo framework. Para começar a usar basta criar, por exemplo, uma página HTML na raiz do diretório e no código fazer a chamada para os arquivos do Bootstrap. <head> <title>Bootstrap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> Listagem 1 – Adicionando Bootstrap a uma página HTML Pronto! Com essas poucas linhas o Bootstrap está configurando na página HTML. Notem que esse trecho do código é onde apontamos os arquivos da pasta descompactada. <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> Listagem 2 – Link para os arquivos Bootstrap Para ilustrar que o uso do Bootstrap pode fazer milagres na criação de front-end e que o tempo de desenvolvimento será otimizado, segue um exemplo de uma tabela onde é usado o feito de cores alternadas nas linhas: <html> <head> <title>Bootstrap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <body> <table class="table"> <thead> <tr> <th scope="col">#</th> <th scope="col">First</th> <th scope="col">Last</th> <th scope="col">Handle</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </tbody> </table> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html> Listagem 3 – Página HTML usando Bootstrap O resultado pode ser visto na imagem abaixo: Figura 2 – Tabela criada com CSS do Bootstrap Todas as classes CSS que foram usadas nesse código fazem parte da biblioteca do framework, não foi preciso escrever nenhuma linha de CSS para obter esse resultado! Notem que a classe usada na tabela table-responsive já trabalha com o conceito de responsivo, portanto, essa tabela criada se adapta ao tamanho da tela em que a página for acessada. Abaixo segue uma imagem de como a página é exibida quando acessada pelo celular. Figura 3 – Exemplo que o Bootstrap é responsivo Vimos até aqui o uso do CSS pelo framework. Agora veremos um exemplo bem simples de como fazer com que ao passar o mouse em cima de uma das linhas da tabela, ela fique selecionada com outra cor, sem precisar escrever nenhum código Javascript ou Jquery. Para fazer essa funcionalidade basta trocar o nome da classe da table de table-striped para table-hover, pronto! Em 1 segundo você tem uma funcionalidade muito usada implementada na sua página. Figura 4 – Exemplo usando Bootstrap para deixar a linha selecionada com uma cor diferente O Bootstrap é um framework com várias vantagens que devem ser levadas em consideração no momento de se iniciar um projeto. Neste tópico o objetivo foi mostrar de forma bem sucinta como começar a utilizá-lo. Para explorar mais a ferramenta, entender os conceitos para construir os elementos e utilizar os recursos disponíveis, vale a pena uma leitura no site oficial do Bootstrap. Obs.: Você também pode adicionar o Bootstrap ao HTML por link, sem precisar baixar os arquivos do Bootstrap. Para saber mais visite o site oficial do Bootstrap. O Bootstrap na postagem desse tópico se encontra na versão 4.1.3
  13. Ruffles

    bootstrap

    Basta ver a demonstração e ler o título do tópico que irá entender do que se trata.
  14. Ruffles

    html/css

    Download e demonstração não se encontram em seu tópico, atualize-o.
  15. Ruffles

    Em NodeJS será muito melhor. Vou ajudar nisso, posso nem reclamar
  16. Comente para ver o download! DEMOnstração: Download: [Hidden Content]
  17. Ruffles

    Esse redesign do aplicativo Tinder foi feito pelo UI Designer Victor Barbosa. Download: [Hidden Content] Todos direitos reservados ao criador do design.
  18. A montadora enviou equipes à China para investigar os supostos incidentes. A Tesla Motors é uma empresa automotiva e de armazenamento de energia norte americana, que desenvolve, produz e vende automóveis elétricos de alto desempenho, componentes para motores e transmissões para veículos elétricos e produtos à base de baterias. A Tesla vai atualizar seu software de bateria após dois incêndios recentes envolvendo veículos elétricos de seu Model S em Xangai e Hong Kong, disse a montadora norte-americana nesta sexta-feira (17), acrescentando que as investigações estão em curso. "À medida que continuamos nossa investigação, estamos revisando configurações de gerenciamento de carga e térmicas nos veículos Model S e Model X por meio de atualização de software que começará a ser lançada hoje, para ajudar a proteger ainda mais a bateria e melhore sua longevidade", disse a Tesla. A Tesla informou que sua investigação com as autoridades sobre o incidente até agora encontrou apenas alguns dos módulos de bateria do carro afetados e que a maioria não foi danificada. Na terça-feira, o jornal Apple Daily, de Hong Kong, informou que um carro da Tesla pegou fogo em um estacionamento de um shopping center 30 minutos depois de ter sido estacionado. Em outro caso semelhante, um Model S sofreu uma explosão em Xangai. A Tesla informou que sua investigação com as autoridades sobre o incidente até agora encontrou apenas alguns dos módulos de bateria do carro afetados e que a maioria não foi danificada. O incidente de Hong Kong aconteceu três semanas após a Tesla ter enviado uma equipe para investigar um vídeo sobre de uma rede social chinesa que mostrava um carro da Tesla estacionado explodindo no centro comercial de Xangai. Vídeo mostra suposto incêndio de carro da Tesla na China — Foto: Reprodução/Twitter
  19. O veículo de cinco lugares tem alcance de 300 quilômetros e é equipado com 36 motores elétricos, com velocidade máxima de 300 km/h. A start-up alemã Liluim apresentou nesta quinta-feira (16) um protótipo de táxi voador, uma tecnologia em que muitas empresas no mundo já estão trabalhando e que pode revolucionar o transporte urbano. O veículo de cinco lugares tem alcance de 300 quilômetros e é equipado com 36 motores elétricos com operação semelhante à dos reatores, com velocidade máxima de 300 km/h. Este modelo faz parte de uma longa lista de veículos eVTOL (decolagem e descida vertical elétrica) que têm a capacidade de decolar e aterrissar verticalmente. Equipe da Lilium mostra o carro voador — Foto: Lilium/Divulgação O táxi da empresa Liluim fez um primeiro teste no início de maio, disse a empresa, prometendo em 2025 um serviço de transporte "quatro vezes mais rápido". A empresa também informou que no início, os veículos terão um piloto, mas eles aspiram a ser completamente autônomos. A Liluim é uma das dezenas de empresas no mundo, desde a "start-up" até gigantes da aviação com a Boeing e a Airbus, que estão comprometidas com os táxis voadores, mas cuja circulação foi atrasada pela regulamentação atual. Conceito de táxi voador da Lilium — Foto: Lilium/Divulgação O que você achou desse novo veículo? Acha que será um transporte perigoso? Deixe seu comentário para sabermos a sua opinião.
  20. Call of Duty: Mobile será gratuito e exclusivo para Android e iOS Jogo reúne cenários, armas e personagens icônicos da franquia de tiro em primeira pessoa Foto: Divulgação/Activision Call of Duty: Mobile é o novo game gratuito da franquia para os dispositivos Android e iOS. O jogo de tiro em primeira pessoa compilará vários conteúdos da série de grande sucesso, incluindo personagens, armas, modos de jogo, cenários, scorestreaks e muito mais. Ainda não há uma data de lançamento prevista, mas um Beta aberto acontecerá na metade de 2019 em regiões selecionadas. Mapas icônicos da série Call of Duty marcarão presença em novo jogo mobile — Foto: Divulgação/Activision Segundo a descrição oficial, o jogo seguirá o estilo de gameplay que cativou os fãs, com um ritmo acelerado e repleto de adrenalina. Mapas favoritos das séries Modern Warfare e Black Ops, tais como Nuketown, Crash e Hijacked, já são confirmados e as empresas prometem que mais informações serão divulgadas em breve. Já é possível realizar o pré-registro através do site oficial, aumentando as chances de participar de Betas fechados e de ganhar recompensas dentro do jogo. O trailer de anúncio também foi divulgado e pode ser conferido a seguir: Fonte: techtudo
  21. Sim, será gratuito. Assim como todos os outros jogos gratuitos sempre tem coisas para comprar dentro do jogo.
  22. Version 1.0.1

    22 downloads

    Olá, usuário. Hoje trago para vocês o antigo layout do Spotify, eu adicionei uma animação e usei textos do atual site e do antigo site. Obs: Este 'projeto' foi feito em um curso que estou fazendo e adicionei mais algumas coisas.

    Free

  23. Ruffles

    https://www.udemy.com/share/1006WiBUoTeV5aRXQ=/
  24. Nome: TecHost ou Brasil Host Preços: Recomendo que analise os melhores sites de hospedagem e veja o qual melhor para você e sua empresa. Estilo do site: -x- Quais empresas de servidores dedicados usar e etc.: -x-
  25. Com toda certeza supera o Fri Faire kkkkk Mee
×