Dicas e Tutoriais
Área destinada à postagem de Tutoriais & Dicas sobre Criação, Design e Desenvolvimento
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
257 tópicos neste fórum
-
Inserindo o ano atual em seu site com Javascript Nesse tutorial vou explicar como manter seus direitos autoriais sempre atualizados. Eu gosto desse simples código, pois ele garante que meus sites sempre se demonstrem atualizados. <script>document.write(new Date().getFullYear());</script> Ele funciona perfeitamente em arquivos HTML e PHP. Um exemplo de código de HTML usado e seu resultado. © Copyright 2010 - <script>document.write(new Date().getFullYear());</script> | Todos os Direitos Reservados Autor [[Template core/front/global/userLink is throwing an error. …
-
- 0 respostas
- 1,1k visualizações
-
-
-
inserindo um widget de compra do STEAM em seu site É bem simples. Acesse o título desejado, e localize a opção EMBED. 2. Ao clicar, vai subir um popup, clique em CRIAR, em seguida copie o código HTML - IFRAME. Agora é só colocar na página. Olha o teste em um tópico, ou então o resultado abaixo. 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 [Conteúdo Oculto] Enviado …
-
- 0 respostas
- 1,2k visualizações
-
-
IPS Message Information: test Danger: test2 Warning: test3 Success: test4 General: test5 12345 This is an error message. <div class="ipsMessage ipsMessage_info"> <strong>Information:</strong> test </div> <div class="ipsMessage ipsMessage_error"> <strong>Danger:</strong> test2 </div> <div class="ipsMessage ipsMessage_warning"> <strong>Warning:</strong> test3 </div> <div class="ipsMessage ipsMessa Autor [[Template core/front/global/userLink is throwing an error. This theme may be out of date. Run th…
-
-
- 2 respostas
- 1,7k visualizações
-
-
Ver este tutorial Lista de Comandos AutoCad Comandos AutoCad e Breve Resumo de suas Funções e Utilidades. 3 3D - Cria objetos 3D construídos com meshes (surfaces). 3DARRAY - Cria um array tridimensional. 3DCLIP - Ativa visão interativa 3D e abre a janela de ajuste de planos de corte. 3DCORBIT - Ativa visão interativa 3D e permite definir objetos para visualizar em movimento. 3DDISTANCE - Ativa visão interativa 3D e faz objetos aparecerem mais próximos ou distantes. 3DFACE - Cria uma 3DFace. 3DMESH Autor [Conteúdo Oculto] C…
-
- 1 resposta
- 1,2k visualizações
-
-
Manipulando Fontes no Corel Draw A partir desse tutorial no YouTube você aprenderá a utilizar melhor os recursos da fonte no Corel Draw e soltar sua imaginação para diversas possibilidades. Os efeitos podem ser aplicados em qualquer tipo de fonte compatível com o CD. 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 [Conteúdo Oculto] Enviado 21/05/2020 21:04
-
- 0 respostas
- 1,2k visualizações
-
-
Manual do Designer: Quando e Como usar Contraste de Cor As cores são, por muitas vezes, responsáveis por despertar as emoções. Segundo o Viver de Blog, as pessoas fazem um julgamento inicial subconsciente sobre um ambiente, ou produto, dentro de aproximadamente 90 segundos, após a primeira visualização. Garanto que nunca percebeu isto sobre você mesmo. Incrível, não é? É por isso que a escolha das cores são realmente importante em todos os tipos de projetos. Mas você pode se perguntar… Por que o contraste de cor seria tão importan Autor [Conteúdo Oculto] Categoria …
-
- 0 respostas
- 1k visualizações
-
-
Ver este tutorial Melhorando a definição de vídeos através do upscaling (720p) Veja o exemplo abaixo. O vídeo foi aumentado de 624 x 352 para 1280x720 (aprox). Na parte superior foram utilizados os filtros. Já na parte inferior nenhum tratamento foi realizado (simplesmente aumentei o tamanho da janela para 1280x720). Dá para notar claramente a diferença na definição dos traços. Two and a Half Men - 624x352 para 1280x704: Primeiramente, os softwares necessários: Media Player Classic FFDShow A maioria dos pacotes de codecs já vem com ambos os Autor [Conteúdo Oc…
-
- 0 respostas
- 916 visualizações
-
-
Ver este tutorial Mockup rápido para Flyers No vídeo de hoje vocês irão aprender a como criar seu próprio Mockup para apresentação de Flyers Usando camadas de ajuste, vetores e alguns efeitos especiais você poderá desenvolver um mockup totalmente customizável, com objetos inteligentes e com um aspecto elegante que pode ser usado para seus projetos de flyer, cartaz ou o que mais você quiser. Este tipo de mockup é muito útil para publicações rápidas ou para situações de emergência. Lembrando que esse é apenas um dos vários métodos e Autor [[Template core/front/global/userLink is…
-
- 0 respostas
- 1,2k visualizações
-
-
Movendo ícone de conta validada para Esquerda do Nick O nick de VALIDAÇÃO ficará muito mais legal e destacado no canto esquerdo do nick. Para coloca-lo lá é simples. Basta copiar e colar esse código CSS em APARÊNCIA > TEMAS > EDITAR CSS E HTML > ABA CSS e em CUSTOM.CSS cole; .cAuthorPane i.fas.fa-badge-check.ipsType_success {float: left; padding-right: 10px;} Resultado Esse código só vai mover o ÍCONE quando for ler o tópico, no perfil vai continuar após o NICK. Autor [[Template core/front/global/userLink is throwing an error. This theme may be out of date. Run the supp…
-
- 0 respostas
- 1k visualizações
-
-
Noções Básicas do CorelDRAW para Iniciantes Ao ver esse vídeo você que é iniciante aprenderá algumas noções básicas do Corel Draw para que já possa utilizá-lo de diversas formas possíveis, dentre elas algumas são: Como abrir e configurar um arquivo para impressão ou web; Utilidade das ferramentas básicas; Utilização e formatação de fontes; Personalização do tamanho da página; Utilização do gradiente; Entre outros. 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 …
-
- 0 respostas
- 1k visualizações
-
-
Noções Basicas HTML - Imagens #2 Imagens de Fundo e Cores de Fundo Cor de Fundo Para usar cores de fundo deve-se procurar uma combinação entre a cor de fundo e a cor do texto que não dificulte a leitura. Normalmente as cores de fundo claras funcionam bem com uma cor de texto escura. Para usar uma cor de fundo na sua página você deve usar o seguinte código dentro da tag <body>: Pode também utilizar os códigos HEX para definir as cores que combinem melhor. Inserir um Autor [[Template core/front/global/userLink is throwing an error. This theme may b…
-
- 0 respostas
- 1,2k visualizações
-
-
Noções Basicas HTML - Links/URL #3 Inserir Imagens em Links Para fazer com que os visitantes possam ser levados para outra página ao clicar numa imagem, basta juntar o código HTML para imagem e o código HTML para links (que vamos abordar a seguir): Inserir Links A tag para se inserir links é <a href=https://ggames.com.br">Nome do Link</a>. O resultado deste código seria: O resultado deste código seria: Nakamura Perfil Abrir links em Novas Janelas Se você não quer que as pess Autor [[Template core/front/global/userLink is throwing an error. This theme may…
-
- 0 respostas
- 1,2k visualizações
-
-
Noções Basicas HTML #1 Bom como o conteúdo sobre o HTML é muito grande vou dividir esse tópico em partes do básico ate aonde eu souber kk ❤️ Noções Básicas sobre HTML O código HTML é composto por TAGS (ou comandos), que são usadas no inicio e no final do texto que vai ser afetado pelo código. Uma tag de inicio é por exemplo a tag <b> que é usada para colocar uma porção de texto em negrito. A tag de fecho correspondente será </b> que será usada no final desse texto que queremos formatar. Assim, se Autor [[Template core/front/global/userLink is throwing an error. This theme may be out of d…
-
- 0 respostas
- 1,6k visualizações
-
-
2 cursos da Origamid inteiramente grátis: [Conteúdo Oculto] [Conteúdo Oculto]
-
- 1 resposta
- 7,2k visualizações
-
-
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
- 867 visualizações
-
-
Personalizando o texto ALT do logo no Shopify Se você quer personalizar o ALT - texto alternativo no logo da sua loja, é bem simples. Essa mudança é ótima para quem quer deixar seu site patronizado para leitores de tela. Vá em Themes > Actions > Edit Code. Localize o arquivo HEADER.LIQUID, normalmente fica em SECTIONS. Logo de início você vai encontrar o código {{ shop.name }}, certifique-se se que ele está entre as tags <a href ou <img src. Mobile Desktop Basta personalizar, no meu caso Autor [Conteúdo Oculto] Categoria …
-
- 0 respostas
- 1,1k visualizações
-
-
Ver este tutorial Photoshop muito pesado? Conheça o Paint.net Sobre O Paint.NET é um software de edição de imagens e fotos para PCs que executam o Windows. Possui uma interface de usuário intuitiva e inovadora, com suporte para camadas, desfazer ilimitado, efeitos especiais e uma ampla variedade de ferramentas úteis e poderosas. Uma comunidade on-line ativa e crescente fornece ajuda, tutoriais e plug-ins amigáveis. Ele começou o desenvolvimento como um projeto de design sênior da faculdade de graduação orientado pela Microsoft e agora é mantido e desen Autor [[Template core/front/…
-
- 0 respostas
- 1,4k visualizações
-
-
Photoshop: 5 Maneiras de identificar uma foto editada 5 Maneiras de identificar uma foto editada no Photoshop Notícias falsas são um problema crescente, não só em época de eleição. Embora a precisão de uma imagem possa ser difícil de avaliar, aqui estão algumas maneiras de saber se uma imagem é original ou manipulada através do Photoshop. 1. Procure por sinais de compressão de imagem Esse truque é mais adequado para detectar documentos falsos. Quando você estiver em dúvida se o documento é manipulado ou não, você pode obter ajuda de Autor [[Template core/front/global/userLink is throwing an er…
-
- 0 respostas
- 1,3k visualizações
-
-
Photoshop: Como corrigir a perspectiva Como corrigir a perspectiva no Photoshop Uma das utilidades desse recurso do Photoshop é mudar a perspectiva da fotografia, ou seja, o ponto do qual aparentemente estamos olhando o objeto ou tirando a foto. Um exemplo em que exigimos esta situação é a fotografia típica de uma fachada frontal, levemente elevada. Gostaríamos de ter tirado a foto do lado oposto, mas às vezes você precisaria de um tripé ou uma plataforma de vários metros de altura para alcançar certos ângulos. Porém, com Autor [[Template core/front/global/userLink is throwing an error. This theme…
-
- 0 respostas
- 948 visualizações
-
-
Photoshop: Como corrigir olhos vermelhos O que causa o efeito olhos vermelhos? O olho vermelho ocorre quando você tira uma foto com pouca luz, usando um flash muito próximo à lente da câmera. Quando a luz do flash atinge os olhos da pessoa, entra no globo ocular e é refletido pelos vasos sanguíneos. É isso que faz com que as pupilas pareçam brilhar na cor vermelho. Se você quiser evitar o efeito de olhos vermelhos em suas fotografias, não use o flash da sua câmera ou smartphone. Em vez disso, tire a foto sem flash, utilizando Autor [[Template core/front/global/userLink is throwing an error. This the…
-
- 0 respostas
- 1,1k visualizações
-
-
Photoshop: Como fazer seleções mais precisas Usando a ferramenta Selecionar e Mascarar (Select and Mask) Com uma imagem aberta no Photoshop, há algumas maneiras de acessar a ferramenta Select and Mask. Selecione a camada com a qual você deseja trabalhar. Clique em Selecionar (Select) > Selecionar e Mascarar (Select and Mask). Pressione o atalho de teclado Control + Alt + R. Clique em uma ferramenta de seleção, como a ferramenta Laço ou Seleção Rápida (Quick Select), e pressione o botão Selecionar e Mascarar (Se Autor [[Template core/front/global/userLink is throwing an error. This…
-
- 0 respostas
- 760 visualizações
-
-
Photoshop: Como remover manchas da pele Spot Healing Brush Tool (Ferramenta Pincel de Recuperação para Manchas) Abra a imagem que você deseja editar no Photoshop. Não é uma boa ideia modificar nenhum dos pixels da imagem original, por isso vamos mostrar como trabalhar de forma não destrutiva. Comece pressionando Ctrl + J no teclado (ou Command + J no Mac) para selecionar o plano de fundo e duplicá-lo para uma nova camada. Em seguida, selecione a ferramenta Pincel de Recuperação para Manchas na b Autor [[Template core/front/global/userLink is throwing an error. This them…
-
- 0 respostas
- 784 visualizações
-
-
Photoshop: Como usar a ferramenta curvas Tudo começa com o histograma Um histograma é um gráfico de todos os tons da sua imagem. Cada pixel em uma fotografia digital tem um valor de luminosidade (o quanto é brilhante) em algum lugar entre 0 (preto puro) e 255 (branco puro). O histograma (Janela > Historiograma) mostra quantos pixels de cada luminosidade há na imagem. No histograma da imagem abaixo, você pode ver que há muito mais pixels com baixa luminosidade (cores mais escuras) do que pixels com alta luminosidad Autor [[Template core/front/global/userLink is throwing an error. This the…
-
- 0 respostas
- 1k visualizações
-
-
Redirecionar usuário após o envio do formulário Contact Form 7 Se você precisa rastrear as conversões de um formulário que tem em seu site, nada melhor do que direcionar o cliente para uma página específica, só assim você terá certeza que ele passou por todo o procedimento, para realizar isso usando o contact form 7 é simples. 1. Copie e cole o código baixo no HEADER do seu layout. <script> document.addEventListener( 'wpcf7mailsent', function( event ) { location = 'https://linkdosite.com.br/obrigado'; }, false ); </script> 2. Tro Autor [Conteúdo Oculto] Categor…
-
- 0 respostas
- 1,6k visualizações
-
-
Redirecionar WWW para non-WWW usando NGINX do CPANEL Um cliente meu estava com o site hospedado usando o prefixo WWW no domínio. Então ele reclamava que o site estava com 'pau' já que não carregava algumas coisas, o motivo é simples, ao acessar com WWW, alguns códigos não era carregados devidamente. Para resolver isso, eu fiz um apontamento usando o CPANEL, em especial o painel NGINX. 1. Acesse seu CPANEL. 2. Localize a opção Domain Redirection. 3. Em action, selecione clique em MANAGE WWW REDIRECTION. 4. Em VALUE, seleci Autor [Conteúdo Oculto] Categoria …
-
- 0 respostas
- 1k visualizações
-
