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
-
Sticky Sidebar IPBOARD Template > Core > Front > Global > Sidebar Antes de colocarmos o código você vai comentar o código original, como assim, você vai colocar no inicio do código <!-- e no final --> assim vai comentar as linhas de código! vai ficar mais ou menos assim, o código fora do <!-- --> é o que você deve colocar. dentro do sidebar, senão entender comente que eu explico! <!-- Save o código de linha ORIGINAL é similar a esse! {{$adsForceSidebar = ( \IPS\Settings::i()->ads Autor [[Template core/front/global/userLink is throwing an error. This theme may be out of d…
-
- 0 respostas
- 1,4k visualizações
-
-
-
Como exibir Cálculo de Frete na página do produto no Woocommerce Hoje uma cliente me pediu para inserir a opção de cálculo de frete na página do produto. É bem fácil fazer isso e irei explicar como inserir usando um PLUGIN. Antes: Faça o download desse plugin e instale-o e ativa-lo. Também dá para ir em PLUGINS > INSTALAR e pesquisar FRETE. É a primeira opção. Não querer nenhum tipo de configuração. Após a ativação, ele já começa a funcionar. Lembrando que é obrigatório TODOS OS PRODUTOS constarem no mínimo o PESO. Só assim o CÁLC Autor [Conteúdo Oculto] Categ…
-
- 0 respostas
- 1,3k visualizações
-
-
Como trocar a senha do ADMINISTRADOR via PHPMYADMIN Já aconteceu com você não de saber qual é sua senha, usuário ou até mesmo EMAIL no painel administrativo do WORDPRESS? Nesse tutorial vou ensina-lo a trocar a senha pelo banco de dados usando a ferramenta PHPMYADMIN (Padrão em 99% das hospedagens LINUX). Eu uso muito isso, principalmente quando o cliente não faz ideia qual seu usuário ou seja ou então a opção de recuperar senha não funciona. Pré Requisito: Acesso ao BANCO DE DADOS, caso não tenha, solicite a sua hospedagem. 1. Acesse seu PHPMYADMIN. 2. Localize o banco de dados do seu WORDPRESS, e clique sobre ele. Localize a TABE…
-
- 0 respostas
- 1,1k visualizações
-
-
Como redimensionar imagens no Photoshop? Redimensionando uma imagem por completo Primeiramente vamos redimensionar uma imagem por completo, ou seja, independente do número de layers, todas serão redimensionadas para a configuração que designarmos. Depois de abrir a imagem que você quer editar no Photoshop, clique sobre o menu "Image" e então clique sobre "Image Size...". Se você preferir, é possível pular estes passos simplesmente pressionando Alt+Ctrl+I. Esta é a janela onde escolhemos as dimensões da nos Autor [[Template core/front/global/userLink is throwing an error. This the…
-
- 0 respostas
- 1,2k visualizações
-
-
Anúncios Perfeitos para IPBoard 4.3.x Primeiramente entre no AdminCP do seu fórum, após isso, procure Promotions e depois Advertisements Depois crie um novo anúncio de sua preferência. Nota: se for usar anuncio na sidebar, crie outro anúncio! Ao criar o anuncio, preencha os campos, e no código coloque: <div class="ipsBox"> <h2 class="ipsType_sectionTitle ipsType_reset ipsType_blendLinks cForumTitle"> <center> Anúncios </center> </h2> <!--1º ADS co Autor [[Template core/front/global/userLink is throwing an error. This theme …
-
- 0 respostas
- 2,5k visualizações
-
-
Como formatar código HTML usando o Dreamweaver Na vida de um desenvolvedor visual FRONTEND é comum pegar códigos bem bagunçados sem formatação, ou seja - conteúdo escrito em uma linha só. Mas é fácil de resolver isso usando o DREAMWEAVER. Estou usando nesse exemplo a versão CS6 do software. Exemplo de código sem formatação: <div class="container" style="margin-top: 50px;"> <div class="sixteen columns"> <div class="homepage_content section clearfix image_with_text image-text--align-center"> <div class="eight colu Autor [[Template core/front/global/userLink is throwing an error. Th…
-
- 0 respostas
- 1,5k visualizações
-
-
Como traduzir os links absolutos do Invision Power Service A pedidos do meu amigo @ryzen, irei explicar como traduzir os links absolutos do seu fórum IPS. O bacana de traduzi-los é que dará um ar de 'coisa bem feita'. Mas exatamente o que será feito? Ele vai pegar o link https://ggames.com.br/topic/ e transforma-lo em https://ggames.com.br/topico/, outro exemplo é mudar de https://ggames.com.br/search para https://ggames.com.br/busca Eu tive o maior trabalho para traduzir tudo, mas valeu a pena, vamos ao tutorial. 1. Acesse seu painel admi Autor [[Template core/front/global/userLink is throwing …
-
- 0 respostas
- 1,2k visualizações
-
-
Como ocultar o campo PAÍS no checkout do Woocoomerce Por padrão o Woocommerce mantém exposto o campo PAÍS, mesmo quando nós deixamos apenas um país selecionado em países permitido para comprar. Para remover isso e tornar seu checkout mais limpo é simples, adiciona essa linha CSS em seu tema. #billing_country_field { display: none; } Você pode adicionar em Aparência > Personalizar. Localize a opção CSS adicional, cole o texto acima e salve. Autor [Conteúdo Oculto] Categoria [Conteúdo Oculto] Enviado …
-
- 0 respostas
- 964 visualizações
-
-
Como remover Cidade, Estado e País do carrinho do Woocommerce Já deve ter notado que o carrinho do Woocommerce fica com diversas informações desnecessárias para calcular um frete. Nesse pequeno tutorial vou ensiná-los a remover isso. 1. Vá em editar Aparência > Editor de arquivos de tema > e localize o arquivo FUNCTIONS.PHP 2. Adicione as 3 linhas de código no final do seu código e clique em ATUALIZAR ARQUIVO. add_filter( 'woocommerce_shipping_calculator_enable_country', '__return_false' ); add_filter( 'woocommerce_shipp Autor [Conteúdo Oculto] …
-
- 0 respostas
- 1,6k visualizações
-
-
Como criar um slide responsivo e animado usando o Slider Revolution Irei usar como exemplo o cliente da minha empresa, CEREALISTA MONTE VERDE. Vamos ao PRÉ REQUISITO 1. Crie um SLIDE BASE para ter ideia de como vai ficar ele, use seu editor favorito de imagens. 2. Agora separe os objetos, o BACKGROUND você salva em JPG, já as escritas e objetos devem ser em PNG. Dica: Como deixar o PNG mais leve. Agora que você tem os pré requisitos, segue o vídeo explicando como monta-lo. Fácil né? Funciona perfeitamente em todas as plataformas. Autor [Conteúdo Oculto] Ca…
-
- 0 respostas
- 1,1k visualizações
-
-
Como trocar o link da página de login /wp-login.php Nesse artigo irei ensina-los como substituir o endereço padrão de acesso ao WP-ADMIN (painel administrador) do Wordpress. A razão pelo qual eu indico realizar esse procedimento é SEGURANÇA. É comum bots ficarem tentando forçar login constantemente em seu Wordpress, se você ativar um plugin chamado Sucuri ficaram abismado pela quantidade de tentativas diárias. No exemplo acima, foram 16 tentativas em 5 horas. Isso que eu excluo um monte de emails, enfim vamos ao tutorial? 1. Faça o download do plugin WPS Hide Login. 2. Realize a instalação do mesmo, indo em Plugins > Adicionar …
-
- 0 respostas
- 1,4k visualizações
-
-
Visualizando suas visitas do Google Analytics no WP-ADMIN do Wordpress Existe uma forma bem fácil de exibir suas visitas contabilizada no Google Analytics no painel de controle do Wordpress. Acho bacana pois evita que você fique acessando tantos painéis de controle. Pré Requisito: Ter acesso um Google Analytics com a propriedade (site) configurado. Vamos ao tutorial. 1. No seu painel de controle do Wordpress, vá em Plugins > Instalar Novo e procure por Analytics. Instale a primeira opção e ative-o. 2. Agora localize no manu esquerdo Goog Autor [Conteúdo Oculto] …
-
- 0 respostas
- 868 visualizações
-
-
Como traduzir qualquer string no Wordpress usando o Functions.php do tema Se você já procurou uma string para ser traduzida usando os arquivos .pot do tema ou do plugin e se decepcionou ao não encontrar o texto, saiba que existe uma forma de traduzir o texto desejado usando um comando no functions.php. Eu uso essa função quando estou com preguiça e não quero editar o source do Wordpress. Copie e cole o código a seguir dentro do functions.php do seu tema. É possível traduzir diversas linhas. /** * @snippet Translate a String in WooCommerce * Autor [Conteúdo Oculto] …
-
- 0 respostas
- 895 visualizações
-
-
Como criar miniaturas para seu canal do youtube usando o 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 [Conteúdo Oculto] Enviado 12/03/2021 14:52
-
- 0 respostas
- 2,3k visualizações
-
-
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
- 1,1k visualizações
-
-
Como fazer um texto preenchido por imagem no Photoshop O procedimento a seguir requer uma máscara de recorte, que é fácil de fazer. A máscara de recorte é um objeto, por exemplo, uma forma ou uma letra, cuja forma mascara uma imagem em outra camada, para que apenas as partes da imagem que estão dentro da máscara de corte sejam visíveis. Para fazer uma máscara de recorte, precisamos de duas camadas. A forma na camada inferior define o que é visível na camada acima dela. Os pixels transparentes na camada inferior mascaram (ou ocultam) o conteúdo Autor [[Template core/front/global/userLink is throwing an e…
-
- 0 respostas
- 936 visualizações
-
-
Como aumentar o tamanho do limite de upload (envio) do Wampserver Tudo que você precisa fazer é, editar seu arquivo php.ini para aumentar o limite de memória do PHP e do tamanho de upload de arquivos. Se você estiver usando WAMP, siga os passos abaixo. Vá até a pasta onde está instalado o wampserver C:wamp/bin/apache/Apache2.4.4/bin e abra o arquivo ini.php (abra o arquivo via bloco de notas) Aberto o arquivo no bloco de notas, encontre as seguintes linhas : (Ctrl +F ajuda bastante… ) post_max_size = 8M e altere para: post_max_size = 750M upload_max_filesize = 2M e altere para: upload_max_filesize = 750M …
-
- 0 respostas
- 1,4k visualizações
-
-
Como padronizar as dimensões das fotos dos produtos no Woocommerce Imagine a situação, você entrega uma loja linda para seu cliente ou você tem uma loja linda... aí nota que alguns itens estão desalinhados devido a falta de padronização das fotos. Isso acontece quando nossos produtos possuí todas as fotos com mesma dimensão (3 por 3) e aí alguém sobe uma foto maior (3 por 4). Aconteceu com a minha cliente, e é mais fácil eu corrigir no código do que ensina-la a editar uma imagem rsrs... então vamos ao tutorial. 1. Vá em Aparência > Personalizar Autor [Conteúdo Oculto] Cat…
-
- 0 respostas
- 1,1k visualizações
-
-
Como redimensionar imagens no Photoshop Quando você tira uma foto nem sempre terá uma câmera que a deixa com um dimensionamento apropriado para o que você precisa, portanto, é preciso encontrar uma maneira de redimensioná-la. Como você já deve imaginar, não existe ferramenta melhor para manipular imagens do que o Adobe Photoshop, que será a plataforma do nosso tutorial. Neste passo a passo, vamos te ensinar a redimensionar uma imagem por completo e também como realizar esta mesma tarefa em uma única layer, assim fica garantido qu Autor [[Template core/front/global/userLink is throwing an error. This them…
-
- 0 respostas
- 851 visualizações
-
-
Ver este tutorial 50 atalhos para o Adobe Illustrator Ferramentas básicas A: Seleção de pontos; B: Pincel; I: Conta gotas; L: Elipse; M: Retângulo; S: Escalonagem; V: Seleção de objeto; Shift + O : Transformação de ponto. Ferramentas transformadoras E: Transformação livre; O: Refletir/espelhar; P: Pen tool; R: Rotação; Shift + W: Espessura; Shift + M: Construtor de formas. Opções de Texto T: Opções de texto; Ctrl/Cmd + T: Estilos de fonte; Ctrl/Cmd + Alt/Option + T: Estilos de parágrafo; Ctrl/Cmd …
-
- 0 respostas
- 1,8k visualizações
-
-
Como Fazer Efeito de Desintegração no CorelDRAW O efeito de desintegração no software CorelDRAW é algo que pode parecer bem complicado, mas na verdade é bem simples e apenas com alguns recursos você pode aplicar o efeito na sua imagem. 1º Abra a ferramenta Papel Gráfico (D) 2º Troque as configurações de largura x altura para 50 x 40 3º Selecione toda a sua imagem com o Papel Gráfico e ajuste-a 4º Clique na ferramenta Interseção e aguarde; (esse procedimento exige muito da sua placa gráfica) 5º Exclua a grade clicando Autor [[Template core/front/global/userLink is throwing an error. T…
-
- 0 respostas
- 996 visualizações
-
-
Como implantar o MOIP Checkout Transparente no Woocommerce Nesse tutorial irei explicar como implantar o MOIP em uma loja virtual Woocommerce! Pré Requisito Wordpress com Woocommerce instalado Conta no MOIP Ser administrador da loja Vamos começar instalando o MOIP em sua loja! Realize o download do MOIP para Woocommerce clicando aqui. Em seu WP-ADMIN vá em PLUGINS > ADICIONAR NOVO, lá em cima clique em ENVIAR PLUGIN e localize o .ZIP dentro do seu PC. Agora ative o PLUGIN. Agora vamos integrar o MOIP com a loja virtual. Acesse o painel de controle do MOIP, através desse link e faça login. …
-
- 0 respostas
- 1,2k visualizações
-
-
10 Dicas Práticas Para Você Aplicar no CorelDRAW Praticidade é tudo que buscamos quando pretendemos trabalhar com alguma edição de texto / imagem, pois ,na verdade, o maior trabalho que temos é agir minuciosamente naquilo que queremos produzir, o nosso produto final. Para que você apenas se concentre em moldar seu produto e não esbarre nos procedimentos do software vale muito a pena ver o vídeo abaixo como 10 dicas práticas de CorelDRAW. Se gostou do tutorial reaja positivamente e qualquer dúvida é só comentar!! Autor [[Template core/front/global/userLink is throwing an error. This them…
-
- 0 respostas
- 843 visualizações
-
-
Como Fazer Efeito Ramo de Folhas no CorelDRAW As vezes precisamos ter inspirações e ideias para que o que pensamos seja posto em prática e saia do campo das ideias. Nesse tópico separei 2 tutoriais de como fazer ramos de folha no CorelDRAW, são duas formas bem semelhantes de criação, mas com infinitas possibilidades de representação. Ambos os tutoriais são bem práticos e fáceis e você pode mudar as formas, procedimento de criação, etc, tudo depende do seu projeto. Use sua imaginação. Tutorial nº 1: Tutorial n Autor [[Template core/front/global/userLink is throwing an error. Thi…
-
- 0 respostas
- 937 visualizações
-
-
25 Atalhos úteis para o Photoshop Essa é uma listinha com 30 atalhos úteis para o Photoshop! Se você é Designer, provavelmente não deva conhecer todas. Atalhos para Photoshop H : Ferramenta Mão (Hand Tool). D : Restaura as cores originais da paleta. B : Pincel (Brush Tool). F : Pressionando uma vez, a barra de menus desaparece, e fica possível movimentar o campo de trabalho além dos cantos da tela. Pressionando duas vezes, o Photoshop se ajusta à tela do computador, e o fundo do programa (antes c Autor [[Template core/front/global/userLink is throwing an error. This theme may …
-
- 0 respostas
- 1,2k visualizações
-