Faça sua Busca ▼

9/16/2014

saiba como : Alterar os ícones dos aparelhos em Dynamic Views







Alterar os ícones dos aparelhos em Dynamic Views





"Embora as dinâmicas Visualizações modelos são 100% customizável algumas pessoas preferem usá-los para o caminho entradas serão mostradas. E embora eles não podem ser personalizados em todos, há certas coisas que podemos mudar, neste caso vamos ver como alterar os ícones nos gadgets da barra lateral . originais desses ícones modelos são brancos, e muito sóbrio. Nada de errado com isso, mas muitas podem querer adicionar um pouco mais de acordo com o tema do blog, ou a gosto ícones autor. Então vamos ver como alterá-las."



Lembre-se a entrada para colocar ícones no gadget Páginas ? Como o método é o mesmo, vamos usar selector :nth-of-type encontrar a barra lateral gadget e substituir a sua imagem. Tudo que você tem a fazer é entrar Template | Personalizar | Avançado | Adicionar CSS , em seguida, adicione o seguinte :


.ss, #gadget-dock > div:nth-of-type(1) .gadget-icons img, 
.ss, #gadget-dock > div:nth-of-type(2) .gadget-icons img, 
.ss, #gadget-dock > div:nth-of-type(3) .gadget-icons img, 
.ss, #gadget-dock > div:nth-of-type(4) .gadget-icons img,
.ss, #gadget-dock > div:nth-of-type(5) .gadget-icons img,
.ss, #gadget-dock > div:nth-of-type(6) .gadget-icons img,
.ss, #gadget-dock > div:nth-of-type(7) .gadget-icons img,
.ss, #gadget-dock > div:nth-of-type(8) .gadget-icons img,
.ss, #gadget-dock > div:nth-of-type(9) .gadget-icons img,
.ss, #gadget-dock > div:nth-of-type(10) .gadget-icons img {
display: none !important;
}

#gadget-dock > div:nth-of-type(1) .gadget-icons {
background: url(
URL da imagem) no-repeat center !important;
}

#gadget-dock > div:nth-of-type(2) .gadget-icons {
background: url(URL da imagem) no-repeat center !important;
}

#gadget-dock > div:nth-of-type(3) .gadget-icons {
background: url(
URL da imagem) no-repeat center !important;
}

#gadget-dock > div:nth-of-type(4) .gadget-icons {
background: url(
URL da imagem) no-repeat center !important;
}



Agora você só tem que colocar o URL das imagens onde indicado. . URL primeira é a imagem do primeiro gadget, o segundo para o segundo dispositivo e assim por diante O código está pronto para os primeiros quatro dispositivos em sua barra lateral, se você tivesse mais do que apenas adicionar uma peça como esta para cada dispositivo extra que você tem:
#gadget-dock > div:nth-of-type(5) .gadget-icons {
background: url(URL da imagem) no-repeat center !important;
}

Este será o quinto gadget, se você tivesse um sexto apenas acrescenta mais uma peça e mudar o 5 para 6 , etc


Dica Extra

Se você deseja exibir sempre a barra lateral adicione este código:


#gadget-dock {
right: 0!important;
}



"Como você pode ver, não é difícil mudar os ícones dos Dynamic Views e é melhor não ter que mexer com o HTML se a gente fazer tudo isso com CSS."
"Alterar ícones aparelhos nos dá a possibilidade de ter um blog mais personalizado e único, você não acha?"

fonte e créditos: ciudadblogger

Nenhum comentário:

Postar um comentário

talinkadositeprofissional.blogspot.com.br

e,

nosso site oficial:

talinkadositeprofissional.com

agradecemos seu comentário

Follow by Email

Formulário de contato

Nome

E-mail *

Mensagem *