Ir para conteúdo
View in the app

A better way to browse. Learn more.

GGames Fórum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Dicas e Tutoriais

Área destinada à postagem de Tutoriais & Dicas sobre Criação, Design e Desenvolvimento

Regras

Seu tutorial deve ser enviado para nosso sistema, após a aprovação o tópico será publica aqui automaticamente.

1. Se o Tutorial ou Dica for de sua autoria, não esqueça de colocar seus créditos com o logo do GGames nas imagens.
2. Caso o tutorial seja copiado de algum outro lugar, não deixe de informar a fonte! O autor e o site de origem agradecem.
3. É OBRIGATÓRIO o usar TAGS e PREFIXO em seu tópico para sub categorizar seu TUTORIAL.
3.1. 
Use o prefixo Fireworks ou Photoshop. (Como usar Tags/Prefixo
4. Tutoriais ou Dicas que comprovadamente não funcionam terão o Tópico Fechado.

Subfóruns

  1. Criou algo e quer compartilhar? Use esta área!

    • 142 posts
  1. Como criar um efeito de Chalk Lettering ou Escrita com Giz na Lousa no Photoshop facilmente Como mexemos com Photoshop não precisaremos de ter habilidades para criar este tipo de arte na lousa, pelo menos no âmbito digital, podemos nos garantir, a partir disso criei um tutorial de como criar a técnica Chalk Lettering no Photoshop de forma fácil, fácil, após a aplicação e configuração do efeito a sua única preocupação será a utilização de uma fonte apropriada (que não foi o nosso caso rs). Alguns exemplos da escrita com o estilo Chalk Lettering Você pode aplicar o Autor [[Template core/f…

    • 0 respostas
    • 1,1k visualizações
  2. Criando uma textura de chão de aço no Adobe Illustrator. No tutorial mostrarei como utilizar a ferramenta geradora de texturas do Adobe Illustrator, como exemplo utilizarei um chã de aço para a criação, abaixo a imagem que usei no tutorial caso queira utilizar, porém não será necessário o uso, pois utilizarei somente as cores. Utilizei esta textura como referência A textura ficará totalmente dinâmica e você poderá utilizar em qualquer projeto, espero que goste, acompanhe o tutorial no vídeo abaixo. Autor iBassini Categoria Illustrator …

    • 0 respostas
    • 945 visualizações
  3. Criado por iBassini,

    Como criar um slideshow com HTML, CSS e JS Antes de iniciar, mostraremos no tutorial como criar dois tipos de sliders, veja no exemplo aqui. 1º – Criar a estrutura em HTML Para fazer um slide show, precisamos inicialmente criar uma div que irá armazenar todas as imagens presentes nele. 1 2 3 4 <!-- Elemento que envolve o slideshow --> Autor [[Template core/front/global/userLink is throwing an error. This t…

    • 0 respostas
    • 955 visualizações
  4. Como fazer um efeito de sobreposição de imagem simples com HTML e CSS (Hover Effect) Neste tutorial irei ensinar como fazer isso, clique aqui uma demonstração do efeito. Agora vamos começar e aprender como fazer, vamos lá. 1. Estrutura HTML Pense no seguinte, neste exemplo tanto a imagem quanto o conteúdo oculto devem estar dentro de uma única div, para que quando passar o mouse sobre essa div o conteúdo oculto apareça, então é isso que paremos. Primeiro crie a div que receberá todo o conteúdo, neste exemplo vamos chama-la de ‘caixaImg’, agora dentro dela col Autor [[Template core/front/gl…

    • 0 respostas
    • 1,5k visualizações
  5. Como criar um efeito Parallax em seu site com HTML e CSS Antes de começarmos este tutorial, clique aqui para conferir como é uma imagem com efeito parallax. Agora vamos começar. 1º – Crie a estrutura HTML Neste exemplo faremos o efeito de parallax em uma imagem que está junto com o texto, então dentro da div onde ficará o conteúdo de sua página crie uma nova div com uma classe que será nosso parallax, neste exemplo a chamaremos de ‘parallax’ mesmo. 1 2 3 Autor [[Template core/front/global/userLink is throwing an…

    • 0 respostas
    • 780 visualizações
  6. Como personalizar o scroll do navegador e deixar nas cores de seu site Clique aqui e veja o que vai aprender a fazer, então chega de enrolação e vamos lá. 1. Personalizar a barra de rolagem Neste exemplo vamos alterar a largura e a altura de nossa barra de rolagem, além de trocar a cor do fundo e também da própria barra. Confira abaixo. 01 02 03 04 05 06 07 08 Autor [[Template core/front/global/userLink …

    • 0 respostas
    • 1,1k visualizações
  7. Como inserir anúncio dentro do POP-UP do IP.Downloads Se você nós vive de anúncio, essa pequena dica vai ajuda-lo a faturar mais fazendo o mesmo. Vou explicar como colocar um BANNER de anúncio dentro do POP-UP do IP.Downloads da IPS. Você poderá colocar tanto anúncio do ADSENSE como um texto convidando o pessoal para se cadastrar. Aqui no GGames temos a seguinte regra, quem é visitante aguarda 2 minutos para realizar o download, com limite de 1 download por mês. Quem é leecher também, PORÉM com downloads ilimitados. Já quem é membro, o tempo d Autor [[Template core/front/global/userLink is throwing an er…

    • 0 respostas
    • 859 visualizações
  8. Como traduzir seu fórum IPS (Plugins e Aplicativos) Instalou um pacote de plugins e notou que precisa ser traduzido? Isso é muito comum! Para sua sorte existe um método simples para traduzir pequenas frases ou palavras. 1. Vá em ADMINCP > CUSTOMIZAÇÃO > IDIOMAS. 2. Localize o idioma desejado e clique no GLOBO (traduzir). 3. No canto superior esquerdo, terá um campo de busca... digite a frase que deseja traduzir. No meu caso será TOPIC COUNT. 4. Após a busca, ele vai mostrar as strings em inglês, no campo a direita Autor [[Template core/front/global/userLink is throwing an erro…

    • 0 respostas
    • 979 visualizações
  9. Atualizando um tema (SKIN) já existante É bem simples; 1. Faça o download do XML da nova atualização. 2. Acesse o ADMINCP vá em Customizações > Temas. Localize o tema desejado, clique na seta para baixo e clique em UPLOAD DE NOVA VERSÃO. 3. Localize o XML em seu computador e depois clique em UPLOAD. 4. Se você customizou seu tema, ele vai perguntar qual versão deseja usar a ORIGINAL ou a CUSTOMIZADA. Eu irei usar a customizada. 5. Prontinho, tema atualizado e corrigido! Autor [[Template core/front/global/userLink is throwing an error. This theme may be out …

    • 0 respostas
    • 991 visualizações
  10. Como transformar uma imagem PNG em FAVICON .ICO Fiz um vídeo, mas como ficou bizarra a voz por causa da conexão... tive que escrever em detalhes. 1. Pegue a imagem e salve em uma formato quadrado. Por exemplo 150x150 - Salve-a com fundo transparente e em PNG. 2. Acesse esse site e insira localize a imagem que exportou anteriormente. 3. Ele vai transformar imediatamente, é só clicar sobre ela e fazer o download. Em anexo está os dois resultados. Usei tanto na WEB como no WINDOWS. Exemplos: rod Autor [[Template core/front/global/userLink is throwing an error. T…

    • 0 respostas
    • 1k visualizações
  11. Como instalar Plugins (Hooks) no fórum IPS 4.3.x Para realizar a instalação é bem simples. 1. Realize o download do seu HOOK no marketplace da IPS. Se for PAGO não se esqueça de compra-lo. 2. Acesse seu ADMIN CP e vá em CONFIGURAÇÕES > RECURSOS DO SITE > PLUGINS. 3. Clique em INSTALAR NOVO PLUGIN no canto superior direito (botão laranja) e selecione seu XML, depois aperte INSTALAR. 4. Prontinho, agora é só curtir! Autor [[Template core/front/global/userLink is throwing an error. This theme may be out of date. Run the support tool in the AdminCP to restore the d…

    • 0 respostas
    • 892 visualizações
  12. Colocando Sublinhar os links do APP TUTORIALS Para corrigir um erro padrão desse APP que não puxa as configurações padronizadas do tema é simples, basta colocar esse código CSS em seu CUSTOM.CSS. Isso fará com que apareça UNDERLINE em seus links publicados dentro do TUTORIALS. Acredito que isso também afetará os demais APP como BLOGS e PAGES, porém não posso confirmar. section.ipsType_normal.ipsSpacer_top a {text-decoration: underline;} .ipsItemControls a {text-decoration: none!important;} A primeira linha section.ipsType_normal Autor [[Template core/front/global/userLink is throwing an error. Thi…

    • 0 respostas
    • 799 visualizações
  13. Criado por 403 - Forbiddeen,

    Background transparente no seu IPS Tem um background chamativo e quer dar mais ênfase para ele? É bem simples. Veja a diferença desses itens. Para conseguir fazer isso, aperte F12 no seu navegador e passe o mouse sobre o quadrado. Na barra de transparência, selecione o tom desejado. Ele vai criar o código para você com sufixo, no meu caso BE0; Copie o código gerado e cole em seu CUSTOM.CSS, depois é só salvar. Caso queira o efeito no RODAPÉ (se usar um classe diferente, como é meu caso) faça o mesmo. Meu Autor [[Template core/front/global/userLink is throwing an error. This theme may…

    • 0 respostas
    • 776 visualizações
  14. Padronizar as dimensões dos ícones personalizados das categorias Se você como nós usam ícones nas categorias, é comum passar pelo problema com o padrão dos mesmos. Para resolver isso é simples, basta definir um MAX-WIDTH para eles, então nunca vão ultrapassar esse tamanho, além de continuarem responsivos. .ipsItemStatus:not( .ipsItemStatus_large ) {max-width: 45px;} Em 45px você defini o limite. Copie e cole o código em custom.css no seu IPS. O ícone do MINECRAFT era bem maior que os demais, com o código isso foi resolvido. Autor [[Template core/front/global/userLink is throwing an e…

    • 0 respostas
    • 726 visualizações
  15. Como exibir o modo loja demonstração no Magento 1 e personalizar frase Se você está em fase final de desenvolvimento da sua loja virtual, saiba que é importante alertar seus visitantes que aquela loja ainda não foi lançada. No tutorial de hoje irei ensinar como colocar uma barra no topo do site informando que qualquer venda realizada na loja, não será honrada e também como personalizar essa frase. 1. Vá em Sistemas > Configurações, lá no final localize Geral > Visual. 2. Em cabeçalho, marque SIM a opção EXIBIR MENSAGEM LOJA TESTE. 3. É só limpar o cache que a mensagem será exibida na home page. Extras! Para pers…

    • 0 respostas
    • 729 visualizações
  16. Dicas na hora de abrir seu e-commerce Você não pode abrir seu e-commerce sem ler este texto até o final. Afinal, não existe sucesso no e-commerce sem estudar através de boas fontes de informações. Infelizmente, algumas pessoas acreditam que ter uma loja virtual é fácil, mas isso é um engano! De fato, não é fácil, mas o sucesso nesse mercado é animador. O e-commerce é um tipo de negócio mais econômico e muito vantajoso. No entanto, é preciso saber algumas coisas antes de abrir uma loja online. Não deixe de ler o artigo até o final, só assim, você vai poder [Conteúdo Oculto] e ter sucesso! Escolha o melhor nicho de mercado Não existe melhor manei…

    • 0 respostas
    • 853 visualizações
  17. 3 dicas ao escolher uma imagem para o seu site Escolher as imagens que farão a apresentação de seu site ou produto, pode se tornar a parte mais complexa de todo o seu trabalho. São várias considerações que você precisa fazer, antes de determinar qual será a figura que irá representar aquilo que deseja mostrar aos seus clientes. Para aproveitar melhor as imagens e as tornar verdadeiras aliadas na hora de apresentar sua marca, preparamos algumas dicas valiosas. Indo desde a escolha até a personalidade empregada em sua plataforma, escolher a imagem certa pode fazer toda a diferença. Na internet os conteúdos se multiplicam com rapidez e isso gera uma corrida d…

    • 0 respostas
    • 1,1k visualizações
  18. Criado por iBassini,

    Fusão entre duas imagens Autor [[Template core/front/global/userLink is throwing an error. This theme may be out of date. Run the support tool in the AdminCP to restore the default theme.]] Categoria Design Gráfico Enviado 04/01/2019 05:29  

    • 0 respostas
    • 819 visualizações
  19. 6 Arquivos PSD's com efeitos vintage para palavras no Photoshop Autor [[Template core/front/global/userLink is throwing an error. This theme may be out of date. Run the support tool in the AdminCP to restore the default theme.]] Categoria Design Gráfico Enviado 04/01/2019 05:18  

    • 0 respostas
    • 751 visualizações
  20. 4 Efeitos de texto em PSD para Photoshop Autor [[Template core/front/global/userLink is throwing an error. This theme may be out of date. Run the support tool in the AdminCP to restore the default theme.]] Categoria Design Gráfico Enviado 04/01/2019 04:43  

    • 0 respostas
    • 775 visualizações
  21. Action para efeito Dupla Exposição no Photoshop Autor [[Template core/front/global/userLink is throwing an error. This theme may be out of date. Run the support tool in the AdminCP to restore the default theme.]] Categoria Design Gráfico Enviado 04/01/2019 04:38  

    • 0 respostas
    • 1k visualizações
  22. Ver este tutorial Ferramentas basicas do Photoshop CS6 e outros Qual a finalidade do Photoshop? O aplicativo "Adobe Photoshop" é um manipulador de imagens digitais e profissionais, que no qual possui sua desenvolvedora "Adobe", o Photoshop foi desenvolvido sobre conceitos que já existem na questão de edição de imagens, porém esses conceitos antes eram aplicados em laboratório, a Adobe apenas analisou tudo e transpôs tudo para um forma digital "dando vida" ao nosso conhecido Photoshop Ferramentas do Photoshop Quando iniciar o Photoshop, o paine Autor [[Template core/fron…

    • 0 respostas
    • 882 visualizações
  23. Alinhar o logo no centro na versão Mobile no IPS 4.3.x Se você quer alinhar seu logo ao centro na versão mobile usando o tema padrão, é bem simples. 1. Vá em Aparência > Temas > em Padrão clique em Editar HTML e CSS. 2. Na aba CSS, selecione abra FRONT > CORE_RESPONSIVE.CSS e cole esse código lá. Copie e cole o código. @media screen and (max-width: 767px){ #elLogo img { max-width: 100%; margin-left: auto; margin-right: auto; display: block; }} Agora é só salvar. Segue o resultado. Autor [[Template core/front/global/userLink is throwing an error. This…

    • 0 respostas
    • 960 visualizações
  24. Como usar o editor clássico do Wordpress na versão 5.0 Eu também não curti! Esse novo editor é ótimo, porém ele assumiu o controle inclusive do editor de páginas. Se você usa o VISUAL COMPOSER por exemplo vai ter problemas. Vamos ao tutorial. 1. Faça o download do plugin EDITOR CLÁSSICO aqui. 2. Instale-o normalmente, indico em PLUGINS e lá encima ADICIONAR NOVO e em seguida ENVIAR PLUGIN. 3. Basta ativar o plugin que tudo vai voltar a funcionar. Autor 403 - Forbiddeen Categoria Wordpress | Joomla | CMS …

    • 0 respostas
    • 1k visualizações
  25. Baixar qualquer imagem gratuitamente do Adobe Stock Recomendo uma conta do google ou facebook para agilizar ou se já tiver uma cadastrada em Adobe.com poderá utilizar ela. Para se cadastrar acesse https://stock.adobe.com/br/ e entre com sua conta do google ou facebook, preencha alguns dados e sua conta estará pronta! Logado na página do Adobe Stock deverá aparecer este aviso: "Receba 10 Imagens gratuitas do Adobe Stock" imagem de exemplo -> https://imgur.com/9hrgOni e clique em "Comece agora" Terá duas opções de pagam Autor [[Template core/front/global/userLink is throwing an erro…

    • 0 respostas
    • 14,9k visualizações

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.