1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Adicionar icons ao menu [Wordpress]

Discussão em 'Web Development' iniciada por zeus77, 11 de Maio de 2012. (Respostas: 1; Visualizações: 679)

  1. zeus77

    zeus77 Power Member

    Boas

    ja consegui faze-lo, com um plugin chamado custom-menu-images, mas agora com este meu novo tema, ja nao funciona! --'

    visitei cerca de 20 paginas a explicar como se fazia para adicionar com css, mas nada me deu resultado.

    Não sei se estou a pensar bem mas, se conseguir o nome da class de cada uma das paginas, posso fazer tipo isto:

    Código:
    ul#NOMEDOMEUMENU li.CLASSDAPAGINA > a,ul#NOMEDOMEUMENU li.CLASSDAPAGINA:hover > a {
        background-image: url(http://cdn1.iconfinder.com/data/icons/cologne/16x16/home.png);    
        }

    Alguém me ajuda ? o meu site é este http://gverreiros.pt.vu/
     
  2. esaramago123

    esaramago123 Power Member

    Isto em principio serve:
    #navigation a:before {content: url('http://cdn1.iconfinder.com/data/icons/cologne/16x16/home.png');}

    Para associar cada icon a cada link podes usar selectores CSS, em que o nth-child(1) é o primeiro link, e assim por diante:
    #navigation a:nth-child(1):before {content: url('http://cdn1.iconfinder.com/data/icons/cologne/16x16/home.png');}
    #navigation a:nth-child(2):before {content: url('http://cdn1.iconfinder.com/data/icons/cologne/16x16/spbraga.png');}
    #navigation a:nth-child(3):before {content: url('http://cdn1.iconfinder.com/data/icons/cologne/16x16/multimedia.png');}
     

Partilhar esta Página