Personalizar menu widget

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

Resolvido Personalizar menu widget

Mensagem por kakakoro em 01/12/12, 09:27 am

Qual é minha questão:
Imagem do Menu 




Bem, eu já havia postado essa dúvida mas criei um widget com o código CSS feito para isso. A questão é que eu queria adicionar a imagem e colocar ao lado da escrita. Por exemplo, em meu personagem eu queria colocar uma imagem do lado. Outra coisa também é que esse widget é do fórum, e não do portal e eu queria deixar ele só para membros. O que posso fazer?
Alguem pode me ajudar a personalizar?




Endereço do meu fórum:
http://ezeniarpg.forumeiro.com

Versão do fórum:
PHPBB3
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Personalizar menu widget

Mensagem por BrunoH. em 01/12/12, 09:30 am

Olá!
Para deixar o Widget apenas para membro, na gestão dos seus Widgets, procure pelo Widget desejado e clique em Autorizações marque a opção "Membro" e salve!
Sobre a imagem ao lado dos atalhos, poderia me enviar o código que o senhor está utilizando em seu Widget para esta função?

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: Personalizar menu widget

Mensagem por Consolado em 01/12/12, 09:33 am

Olá!

Utilize esse HTML:
Código:
<img src="IMAGEM" style="float:left">Texto
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Personalizar menu widget

Mensagem por kakakoro em 01/12/12, 09:41 am

Olá, Estou usando esse código:

Código:
<div style="margin:auto;text-align:center;width:100%"><span style="font-size: 12px; line-height: normal"><div id='cssmenu'>
<ul>
  <li class='active '><a href='index.html'><span>Inicio</span></a></li>
  <li class='has-sub '><a href='http://ezeniarpg.forumeiro.com/rpg_sheet_edit?u'><span>Meu Personagem</span></a>
      <ul>
        <li><a href='#'><span>Itens Para Bélicos</span></a></li>
        <li><a href='#'><span>Itens Para Druidas</span></a></li>
<li><a href='#'><span>Itens Para Paladinos</span></a></li>
      </ul>
  </li>
  <li><a href='http://ezeniarpg.forumeiro.com/t20-a-historia-de-ezenia'><span>História de Ezenia</span></a></li>
  <li><a href='#'><span>Contato</span></a></li>
</ul>
</div></span></div>
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Personalizar menu widget

Mensagem por BrunoH. em 01/12/12, 09:46 am

Olá!
Veja:
Spoiler:
<div style="margin:auto;text-align:center;width:100%"><span style="font-size: 12px; line-height: normal"><div id='cssmenu'>
<ul>
<li class='active '><a href='index.html'><span>Inicio</span></a></li>
<li class='has-sub '><img src="IMAGEM" style="float:left"><a href='http://ezeniarpg.forumeiro.com/rpg_sheet_edit?u'><span>Meu Personagem</span></a>
<ul>
<li><img src="IMAGEM" style="float:left"><a href='#'><span>Itens Para Bélicos</span></a></li>
<li><img src="IMAGEM" style="float:left"><a href='#'><span>Itens Para Druidas</span></a></li>
<li><img src="IMAGEM" style="float:left"><a href='#'><span>Itens Para Paladinos</span></a></li>
</ul>
</li>
<li><img src="IMAGEM" style="float:left"><a href='http://ezeniarpg.forumeiro.com/t20-a-historia-de-ezenia'><span>História de Ezenia</span></a></li>
<li><img src="IMAGEM" style="float:left"><a href='#'><span>Contato</span></a></li>
</ul>
</div></span></div>
Em vermelho -> Coloque a imagem desejada.

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: Personalizar menu widget

Mensagem por kakakoro em 01/12/12, 09:59 am

Olá, deu tudo certo. Porém, olhe como ficou. Tem algum codigo que afaste um link do outro?

avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Personalizar menu widget

Mensagem por BrunoH. em 01/12/12, 10:05 am

Olá!
Tente assim:
Spoiler:
<div style="margin:auto;text-align:center;width:100%"><span style="font-size: 12px; line-height: normal"><div id='cssmenu'>
<ul>
<li class='active '><a href='index.html'><span>Inicio</span></a></li>
<li class='has-sub '><br><img src="IMAGEM" style="float:left"><a href='http://ezeniarpg.forumeiro.com/rpg_sheet_edit?u'><span>Meu Personagem</span></a>
<ul>
<li><br><img src="IMAGEM" style="float:left"><a href='#'><span>Itens Para Bélicos</span></a></li>
<li><br><img src="IMAGEM" style="float:left"><a href='#'><span>Itens Para Druidas</span></a></li>
<li><br><img src="IMAGEM" style="float:left"><a href='#'><span>Itens Para Paladinos</span></a></li>
</ul>
</li>
<li><br><img src="IMAGEM" style="float:left"><a href='http://ezeniarpg.forumeiro.com/t20-a-historia-de-ezenia'><span>História de Ezenia</span></a></li>
<li><br><img src="IMAGEM" style="float:left"><a href='#'><span>Contato</span></a></li>
</ul>
</div></span></div>
Em vermelho -> Coloque a imagem desejada.

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: Personalizar menu widget

Mensagem por Consolado em 01/12/12, 10:05 am

Olá!

Substitua o código por esse:

IMAGEM = Link da imagem desejada.

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Personalizar menu widget

Mensagem por kakakoro em 01/12/12, 10:13 am

Today, Ja te disseram que você é demais? Pois é, você é demais. Pode fechar e colocar RESOLVIDO. Obrigado também Bruno e podem me responder a próxima questao por mp. Para mudar o tamanho da imagem é so aumento os pxls?
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

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