Criar menu sprite em css para por no fórum

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

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

Mensagem por claudemir.santossilva em 19/12/12, 01:50 pm

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: http://img571.imageshack.us/img571/633/menusprite.jpg



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

Versão do fórum:
PHPBB3
avatar

claudemir.santossilva
Nível 5

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

Ver perfil do usuário http://clanbalakent.forumeiros.com/

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

Mensagem por BrunoH. em 19/12/12, 09:18 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

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

Mensagem por claudemir.santossilva em 20/12/12, 11:52 pm

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
avatar

claudemir.santossilva
Nível 5

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

Ver perfil do usuário http://clanbalakent.forumeiros.com/

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

Mensagem por claudemir.santossilva em 23/12/12, 05:37 pm

Alguém?
avatar

claudemir.santossilva
Nível 5

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

Ver perfil do usuário http://clanbalakent.forumeiros.com/

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

Mensagem por Holmes em 28/12/12, 10:20 pm

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(http://img571.imageshack.us/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.
avatar

Holmes
Usuário avançado

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

Ver perfil do usuário

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

- Tópicos similares

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