Criar menu sprite em css para por no fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Criar menu sprite em css para por no fórum

Mensagem por claudemir.santossilva em 19.12.12 15:50

Qual é minha questão:
Ola a todos, eu montei as imagens separadas e juntei elas também, mas não sei como por o menu no fórum, o template do meu fórum ja veio com um menu porém varias opções do menu estão desordenadas e sem imagem, não sei porque mas ja veio assim, eu vi que menu sprite é mais leve.
Como eu ja disse eu ja tenho uma imagem com todas as opções do menu, tanto as opções quando o mouse esta fora quanto as opções quando o mouse esta sobre a opção. Eu também não sei indicar as posições de cada opção do menu na imagem. Eu vi algo no google sobre mostrar o X e o Y.


Link da imagem: https://redcdn.net/ihimizer/img571/633/menusprite.jpg

Criar menu sprite em css para por no fórum Menusprite

Endereço do meu fórum:
http://clanbalakent.forumeiros.com

Versão do fórum:
PHPBB3
claudemir.santossilva

claudemir.santossilva
Nível 5

Masculino
Inscrito dia : 28/09/2012
Mensagens : 41
Pontos Ativos : 75

http://clanbalakent.forumeiros.com/

Atendido / Resolvido Re: Criar menu sprite em css para por no fórum

Mensagem por BrunoH. em 19.12.12 23:18

Olá!
Para que o mesmo resulte, o senhor deve criar as imagens do menu separadas, o senhor criou elas juntas, separadas eu digo: Uma imagem para o botão Iniciar, outro para o Site, outra para o Recrutamento, e etc.. entende?

Até mais. Piscada
BrunoH.

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Atendido / Resolvido Re: Criar menu sprite em css para por no fórum

Mensagem por claudemir.santossilva em 21.12.12 1:52

Bom no menu sprite css que também pode ser criado em flash e de outras formas, usa apenas de uma imagem onde une todas as opções do menu assim deichando o menu mais leve, de uma lida neste link http://www.richardbarros.com.br/blog/design/usando-css-sprites-para-fazer-seu-site-carregar-mais-rapido.
Por favor alguém me ajuda
claudemir.santossilva

claudemir.santossilva
Nível 5

Masculino
Inscrito dia : 28/09/2012
Mensagens : 41
Pontos Ativos : 75

http://clanbalakent.forumeiros.com/

Atendido / Resolvido Re: Criar menu sprite em css para por no fórum

Mensagem por claudemir.santossilva em 23.12.12 19:37

Alguém?
claudemir.santossilva

claudemir.santossilva
Nível 5

Masculino
Inscrito dia : 28/09/2012
Mensagens : 41
Pontos Ativos : 75

http://clanbalakent.forumeiros.com/

Atendido / Resolvido Re: Criar menu sprite em css para por no fórum

Mensagem por Holmes em 29.12.12 0:20

Saudações,

Painel de controle ► Visualização ► Cores ► Folha de estilo CSS

Esse código deve ser colado no final de sua Folha de estilo CSS:
#page-header .navbar .linklist.navlinks{text-align:left}#page-header .navbar .linklist.navlinks li a{display:inline-block;background:transparent url(https://redcdn.net/ihimizer/img571/633/menusprite.jpg) top left}#page-header .navbar .linklist.navlinks li a img{margin:0px!important;position:static!important;vertical-align:top;opacity:0;height:45px;min-width:50px;float:none!important}

Clique no botão "Salvar".

Agora para ajustar os botões:
#page-header .navbar .linklist.navlinks a.mainmenu[href="LINK"]{width:50px;background-position:0px 0px}
Para identificar cada botão que você vai modificar, substitua LINK pelo link daquele botão.
Modifique "50" para mudar a largura do botão.
Modifique "0" para encontrar a imagem do botão na imagem que tem todos botões juntos.

Como você disse, você quer fazer CSS sprite e para fazer CSS sprite você deve configurar cada botão.

Assombrosamente.
Holmes

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum