Categorias
Programação Tutoriais Wordpress

Usando corretamente as fontes do Google no WordPress

Se você costuma usar ou pretende usar a biblioteca de fontes do Google no WordPress, neste pequeno artigo você ver como deve incluir as fontes dentro do tema… O Google Library tem tantas ótimas fontes, é comum ver os temas do WordPress usando-as, mas é importante saber como usá-las dentro do tema. Os dois erros mais comuns que se pode detetar em alguns temas que usam a biblioteca de fontes do Google no WordPress são: incluindo o link da fonte do Google dentro de <style> na marcação <head> do tema ou usando @import no arquivo CSS do tema. O uso desses recursos pode causar problemas e conflitos a longo prazo, e ainda se agrava mais se pretendermos criar um tema… Continuar a ler

Categorias
Programação Tutoriais Wordpress

Usando o jQuery AJAX no WordPress

Utilizar jQuery AJAX no WordPress é bem simples, isso acontece devido à inclusão do jQuery e algumas funcionalidades já prontas do WordPress. Basicamente só precisamos de um arquivo javaScript e de uma função no arquivo functions.php… Ao trabalhar com o WordPress, temos que customizar com bastante frequência e a coisa mais comum no WordPress é fazer uma chamada de ajax. Então, como devemos fazer uma chamada de ajax do seu WordPress. O primeiro passo é criar um arquivo js na pasta javascript do tema em uso, chame-o por exemplo de contact-ajax-script.js. O segundo passo é registar esse arquivo no arquivo functions.php do tema, veja como: functions.php function my_enqueue() { wp_enqueue_script( ‘contact-ajax-script’, get_template_directory_uri() . ‘/js/contact-ajax-script.js’, array(‘jquery’) ); wp_localize_script( ‘contact-ajax-script’, ‘ajax_object’, array(… Continuar a ler

Categorias
Design Programação Tutoriais

Slideshow com html, css, jQuery e sem nenhum plugin

Neste artigo vamos ver como criar facilmente um simples slideshow, usando apenas HTML, CSS e o jQuery. No final teremos um slideshow com vários efeitos, muito suave, autoPlay automático, entre muitas outras funcionalidades, muito simples mas muito atrativo e funcional… Escolher a melhor apresentação de slides ou plugins jQuery de galeria pode ser um problema, devido a grande quantidade que podemos encontrar na Internet e principalmente ao peso que têm ao carregar a pagina. No entanto podemos contornar isso, criando o nosso próprio slideshow. Alem de não perdemos tempo em pesquisas, podemos poupar também os recursos do nosso site. Com este simples código você poderá aproveitar e melhorar a apresentação das suas imagens em seu site. veja o a seguir… Continuar a ler

Categorias
Design Photoshop Tutoriais

Photoshop: Efeito tipo pintura

Mais um post de efeito fotográfico no Photoshop, simples, rápido e com um resultado bastante razoável, vamos usar o “Photoshop Cs6” para criar este efeito tipo pintura… Para este tutorial vamos primeiro criar uma imagem em camadas, assim, abrimos primeiro a imagem com o fundo. Depois juntamos a relva. E por ultimo a nossa personagem, o cão. Com as nossas imagens todas carregadas e posicionadas corretamente teremos um resultado igual à imagem abaixo e será nela que iremos aplicar o nosso efeito tipo pintura. Exporte agora a imagem para passarmos a etapa seguinte. Efeito tipo pintura Agora sim vamos ao nosso efeito, abra a imagem que criou no photoshop, selecione a camada com a imagem e vá a Image >… Continuar a ler

Categorias
CSS Programação Tutoriais

Remover o fundo amarelo dos anúncios Google Adsense

Você certamente já se deparou com um fundo amarelo antes do carregamento do anúncio Google AdSense, tanto no código antigo como no novo código responsivo? Há duas razões pelas quais um site pode mostrar esse fundo amarelo: 1. Muitos sites em WordPress ou não, na folha de estilo CSS vem definindo a tag html <ins> com amarelo por padrão. A cor hex do amarelo usado é #fff9c0. 2. A tag HTML <ins> está definida em torno de um anúncio Google: <ins>script do anúncio</ins>. A definição do atribuito ins é a seguinte: A tag <ins> define um texto que foi inserido num documento. É comumente usado para marcação de atualizações e modificações feitas em um site. Como o Adsense acaba sendo… Continuar a ler

Categorias
Cinema 4D Design Tutoriais

Cinema 4D – Criação de um MoText com duas camadas de cor

Neste tutorial vou ensinar-vos a criar um texto com duas camadas, através de 2 MoText! Isto vai servir para backgrounds mais coloridos. Antes de começarmos, se quiser ver o meu tutorial anterior, carregue aqui. *Na realização deste tutorial irei utilizar a versão R12.028(inglês) do Cinema 4D Configurações de renderização do Cinema 4D Para ver as minhas configurações de render do Cinema 4D, carregue aqui. A resolução do meu ecrã é de 1920×1080 por isso o Width e o Height estão com esses valores respectivamente. – Global Illumination; (Iluminação Global) – Ambient Occlusion; (Oclusão Ambiental) Exemplo *Não serão necessárias alterações em qualquer das opções adicionadas Font(tipo de letra) Neste tutorial vou utilizar um tipo de letra diferente dos que estão disponíveis… Continuar a ler

Categorias
Design Photoshop Tutoriais

Como instalar novas fontes de letras e usar no Photoshop

O Adobe Photoshop é um dos softwares de manipulação de imagens mais famosos do mundo, usado tanto por amadores quanto por profissionais da área. No entanto é necessário adicionar alguns recursos, neste artigo vou vos mostrar como instalar novas fontes de letras e usar no Photoshop. Usar novas fontes de letras irá aumentar a diversidade dos seus projetos, e é muito fácil! Tenham cuidado pois certos criadores não permitem a utilização das suas criações para fins comerciais, siga os seguintes passos: Links úteis: Para mim, o melhor site de fontes é o dafont.com, mas tem outros como o fonts.google.com. Passo 1 Faça download de um ficheiro de fontes. Após o download, verifique se contém algum ficheiro .ttf esse é o… Continuar a ler

Categorias
Cinema 4D Design Tutoriais

Cinema 4D – Como criar texto ondulado com B-Spline

Neste tutorial de Cinema 4D, vou ensinar-vos a utilizar o Spline e Sweep Nurbs. Com isto vamos desenhar e atribuir um efeito ondulado ao texto que escolhermos… Antes de começarmos, se quiser ver o meu tutorial anterior, carregue aqui. *Na realização deste tutorial irei utilizar a versão R12.028(inglês) do Cinema 4D Configurações de renderização do Cinema 4D Na imagem abaixo pode ver as minhas configurações de render do Cinema 4D: A resolução do meu ecrã é de 1920×1080 por isso o Width e o Height estão com esses valores respectivamente: – Global Illumination; (Iluminação Global) – Ambient Occlusion; (Oclusão Ambiental) Exemplo: *Não serão necessárias alterações em qualquer das opções adicionadas Font(tipo de letra) Configurações de renderização do Cinema 4D Neste… Continuar a ler

Categorias
Design Photoshop Tutoriais

Transformar uma imagem numa pintura a óleo com o Photoshop CS6

Neste artigo vou vos mostrar como transformar uma imagem numa pintura a óleo com o Photoshop CS6. Filtros são ferramentas poderosas do Photoshop que te ajudam a aplicar efeitos rápidos nas tuas imagens. O filtro “Pintura a óleo” irá fazer com que qualquer imagem pareça pintada. Sigam estes passos e vão ver que será fácil. Links úteis Esta foi a imagem que utilizei: Tigre Passo 1 Abram no Photoshop uma imagem a vossa escolha, caso não saibam o que escolher, podem a utilizar a que coloquei a cima. Passo 2 Agora vamos a “Filtro>Pintura a Óleo…“. Nessa janela encontram-se efeitos com valores já definidos, e esses efeitos servem para: Estilização: Define a estilização dos traçados do pincel. Limpeza: Define a… Continuar a ler