Fazendo afiliados em apenas uma imagem

18 de abr de 2013


Olá queridos....Tudo bem?Ai desculpa por não estar postando no blog direito...Problemas com internet em casa....Estou na escola de aula vaga er daí trouxe esse post pra vocês
Uma pessoa me pediu na ask como colocar os afiliados em apenas uma imagen e eu vim ensinar :)
 é o seguinte vocês irão precisar do Photoscap[Meu companheiro de todos os dias kk]
 depois vocês farão como nos passos a baixo:

1-Crie uma imagem de acordo com o tamanho da sua sidebar.
2-Depois de ter criado a sua imagem,abra o PhotoScape  e clique em 'divisor' como abaixo:

3-Adicione a imagem,e escolha a quantidade de filas e colunas de acordo com a sua quantidade de afiliados ,como eu tenho 8 afiliados,fiquei com 3 colunas e 3 filas.Sobrou 1 vaga U_U
Assim que dividir tudo certinho,clique em Divisão,salve em uma pasta,e vai ficar assim na pasta:
4-Hospede as imagens em partes como acima,em alguma conta sua no google..
Para que as imagens fiquem coladinhas,faça o seguinte:

1 - Vá no seu HTML, procure por skin e acima dessa tag, cole:[Para saber mais sobre a tag a pesquisar de uma espiadinha nesse post :)
.AFILI {
-WEBKIT-TRANSITION: 0.4S;
WIDTH: 57PX;
HEIGHT: 41PX;
TEXT-ALIGN: CENTER;
MARGIN-BOTTOM: -3PX;
}
.AFILI:HOVER {
OPACITY: 1.1;
}

Troque Width pela largura da sua imagem, e Height pela altura,e só !

- Cole em um gadget de HTML/JavaScript o seguinte código, repetindo até que tenha utilizado todas as suas imagens, seguindo sempre a ordem: 

 <A HREF="HTTP://URL.COM" TITLE="TÍTULO DA IMAGEM"><IMG SRC="LINK DA IMAGEM" CLASS="AFILI"/></A>
E daí para colocar todas as imagens é só copiar o código acima novamente e colocar um embaixo do outro....

0 comentários :

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!