Menu de acesso rapido

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

Resolvido Menu de acesso rapido

Mensagem por jefferson023 em 30/08/13, 02:06 am

Qual é minha questão:
Gostaria de por um menu como este em meu forum



qual quer ajuda bem vinda ^^

Endereço do meu fórum:
http://inazumarpg.foruns.com.pt/

Versão do fórum:
PHPBB3


Última edição por jefferson023 em 30/08/13, 12:58 pm, editado 1 vez(es)
avatar

jefferson023
Nível 8

Masculino
Inscrito dia : 21/06/2013
Mensagens : 129
Pontos Ativos : 218

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

Resolvido Re: Menu de acesso rapido

Mensagem por Gaaratsu em 30/08/13, 02:25 am

Saudações!

Poderia nos disponibilizar o código do fórum que viu tal menu?

Atenciosamente,
knorr. Piscada


HAKUOUKI

               
   
Respeite as Regras Gerais do Fórum e conheça a nossa Equipe;
   Veja a Lista de FAQs do CPainel e Lista de Tutoriais;
   Ferramentas do(a) Administrador(a);
   Assinalar um Litígio.

   
   


   "Seria o único propósito da folha, o de cair?".

   
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Menu de acesso rapido

Mensagem por jefferson023 em 30/08/13, 12:11 pm

olá. o forum em que vi tal menu http://rpgadventure.umforum.net/

ate mais
avatar

jefferson023
Nível 8

Masculino
Inscrito dia : 21/06/2013
Mensagens : 129
Pontos Ativos : 218

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

Resolvido Re: Menu de acesso rapido

Mensagem por Gaaratsu em 30/08/13, 12:18 pm

Saudações!

Perdoe-me pela demora em atende-lo, acabei que caindo no sono. Agora voltando a sua questão, é um código utilizado num widget e um outro código CSS.

Código:
Código:
<div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tbody><tr>
<td width="13" height="25" background="http://i.imgur.com/e5qyIG5.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td height="25" width="155" background="http://i.imgur.com/KiAYLNt.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td height="25" background="http://i.imgur.com/t9FNGwQ.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="13" height="25" background="http://i.imgur.com/MBawS9X.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr>
<tr><td width="13" background="http://i.imgur.com/6bF8OwZ.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td>
<td colspan="2" name="conteudo vote" style="background-color: transparent">
<!--Inicio do Conteudo--><center><div id="cssmenu">
<ul>
  <li><a href="http://rpgadventure.umforum.net/f1-regras-gerais"><span><span style="font-size: 13px; line-height: normal">Regras Gerais</span></span></a></li>
<li><a href="http://rpgadventure.umforum.net/h5-mapa"><span><span style="font-size: 13px; line-height: normal">Mapa de Gaia</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/f5-criacao-de-fichas"><span><span style="font-size: 13px; line-height: normal">Criação de Fichas</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/t1-criacao-de-movimentos"><span><span style="font-size: 13px; line-height: normal">Movimentos</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/t2-area-de-evolucao-de-edc"><span><span style="font-size: 13px; line-height: normal">Evolução de EDC</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/t104-area-para-pedidos-de-aventuras"><span><span style="font-size: 13px; line-height: normal">Criação de Aventuras</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/t4-area-para-criacao-de-guildas-e-divisoes"><span><span style="font-size: 13px; line-height: normal">Guildas e Divisões</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/f1-regras-gerais"><span><span style="font-size: 13px; line-height: normal">Eventos</span></span></a></li>
  <li class="last"><a href="http://rpgadventure.umforum.net/f4-parceirias"><span><span style="font-size: 13px; line-height: normal">Parceria</span></span></a></li>
</ul>
</div></center>

</td><td width="13" background="http://i.imgur.com/q0HxHUV.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td></tr>
<tr><td width="14" height="13" background="http://i.imgur.com/oADZLei.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td colspan="2" height="13" background="http://i.imgur.com/5MkIRwq.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="13" height="13" background="http://i.imgur.com/siXf6ob.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr></tbody></table>
</div>
Para criar um novo widget no portal, aceda à: Painel de controle -> Módulos -> Portal & Widgets -> Configuração do portal ->> Estrutura

Para criar um novo widget no fórum, aceda à: Painel de controle -> Módulos -> Portal & Widgets ->> Gestão dos widgets do fórum

Todavia, queira checar:
Seta [FAQ] Administração e instação do portal / widgets

Código CSS:
Código:
#cssmenu{background:#333;list-style:none;margin:0;padding:0;width:150px}#cssmenu li{font-family:Macondo!important;font-size:67.5%;font-style:normal;font-variant:normal;font-weight:normal;list-style:none;margin:0;padding:0;text-shadow:#737373 1px 1px 4px}#cssmenu a{background:#333;border-bottom:1px solid #393939;color:#ccc;display:block;font-weight:400;margin:0;padding:8px 12px;text-decoration:none}#cssmenu a:hover{background:#5fb504 url(hover.gif) left center no-repeat;border:1px solid #FFF;border-radius:10px 0 10px 0;color:#fff;padding-bottom:8px;text-shadow:#080808 1px 1px 3px}
Para adicionar o código na tua CSS, aceda à: Painel de Controle -> Visualização -> Imagens e Cores -> Cores ->> Folha de estilo CSS

Atenciosamente,
knorr. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Menu de acesso rapido

Mensagem por First em 30/08/13, 12:28 pm

Olá,

Peço que o senhor coloque o código onde aceita HTML eles usa como Widget aqui está o código
Código:
<style>
#left {
float: left;
margin-right: 15px;
overflow: hidden;
width: 182px;
}
#cssmenu {
background: #333;
list-style: none;
margin: 0;
padding: 0;
width: 150px;
}
#cssmenu li {
font-family: Macondo!important;
font-size: 67.5%;
font-style: normal;
font-variant: normal;
font-weight: normal;
list-style: none;
margin: 0;
padding: 0;
text-shadow: #737373 1px 1px 4px;
}
#cssmenu a {
background: #333;
border-bottom: 1px solid #393939;
color: #ccc;
display: block;
font-weight: 400;
margin: 0;
padding: 8px 12px;
text-decoration: none;
}
#cssmenu a:hover {
background: #5fb504 url(hover.gif) left center no-repeat;
border: 1px solid #FFF;
border-radius: 10px 0 10px 0;
color: #fff;
padding-bottom: 8px;
text-shadow: #080808 1px 1px 3px;
}
</style>
<div id="left">
<div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tbody><tr>
<td width="13" height="25" background="http://i.imgur.com/e5qyIG5.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td height="25" width="155" background="http://i.imgur.com/KiAYLNt.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td height="25" background="http://i.imgur.com/t9FNGwQ.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="13" height="25" background="http://i.imgur.com/MBawS9X.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr>
<tr><td width="13" background="http://i.imgur.com/6bF8OwZ.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td>
<td colspan="2" name="conteudo vote" style="background-color: #000;">
<!--Inicio do Conteudo--><center><div id="cssmenu">
<ul>
  <li><a href="http://rpgadventure.umforum.net/f1-regras-gerais"><span><span style="font-size: 13px; line-height: normal">Regras Gerais</span></span></a></li>
<li><a href="http://rpgadventure.umforum.net/h5-mapa"><span><span style="font-size: 13px; line-height: normal">Mapa de Gaia</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/f5-criacao-de-fichas"><span><span style="font-size: 13px; line-height: normal">Criação de Fichas</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/t1-criacao-de-movimentos"><span><span style="font-size: 13px; line-height: normal">Movimentos</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/t2-area-de-evolucao-de-edc"><span><span style="font-size: 13px; line-height: normal">Evolução de EDC</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/t104-area-para-pedidos-de-aventuras"><span><span style="font-size: 13px; line-height: normal">Criação de Aventuras</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/t4-area-para-criacao-de-guildas-e-divisoes"><span><span style="font-size: 13px; line-height: normal">Guildas e Divisões</span></span></a></li>
  <li><a href="http://rpgadventure.umforum.net/f1-regras-gerais"><span><span style="font-size: 13px; line-height: normal">Eventos</span></span></a></li>
  <li class="last"><a href="http://rpgadventure.umforum.net/f4-parceirias"><span><span style="font-size: 13px; line-height: normal">Parceria</span></span></a></li>
</ul>
</div></center>

</td><td width="13" background="http://i.imgur.com/q0HxHUV.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td></tr>
<tr><td width="14" height="13" background="http://i.imgur.com/oADZLei.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td colspan="2" height="13" background="http://i.imgur.com/5MkIRwq.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="13" height="13" background="http://i.imgur.com/siXf6ob.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr></tbody></table>
</div>
</div>

Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Menu de acesso rapido

Mensagem por jefferson023 em 30/08/13, 12:46 pm

obrigado...
agora gostaria de saber como pessonalizar esse menu
avatar

jefferson023
Nível 8

Masculino
Inscrito dia : 21/06/2013
Mensagens : 129
Pontos Ativos : 218

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

Resolvido Re: Menu de acesso rapido

Mensagem por Gaaratsu em 30/08/13, 12:47 pm

Saudações!

Para personaliza-lo, é via códigos CSS.

Lembra do código CSS que adicionamos na tua folha? Então, este código é que o senhor deve personalizar.

Aqui está o código:
Código:
#cssmenu{background:#333;list-style:none;margin:0;padding:0;width:150px}#cssmenu li{font-family:Macondo!important;font-size:67.5%;font-style:normal;font-variant:normal;font-weight:normal;list-style:none;margin:0;padding:0;text-shadow:#737373 1px 1px 4px}#cssmenu a{background:#333;border-bottom:1px solid #393939;color:#ccc;display:block;font-weight:400;margin:0;padding:8px 12px;text-decoration:none}#cssmenu a:hover{background:#5fb504 url(hover.gif) left center no-repeat;border:1px solid #FFF;border-radius:10px 0 10px 0;color:#fff;padding-bottom:8px;text-shadow:#080808 1px 1px 3px}
Seta Personalize ao teu gosto!

Atenciosamente. Muito feliz
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Menu de acesso rapido

Mensagem por jefferson023 em 30/08/13, 12:49 pm

Pessonalizar trocando a imagen eos links
avatar

jefferson023
Nível 8

Masculino
Inscrito dia : 21/06/2013
Mensagens : 129
Pontos Ativos : 218

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

Resolvido Re: Menu de acesso rapido

Mensagem por First em 30/08/13, 12:49 pm

Olá novamente,

Amigo para você personalizar basta você editar o CSS e os nomes e os links caso quer que agente personalize para você abre um novo tópico.


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Menu de acesso rapido

Mensagem por jefferson023 em 30/08/13, 12:55 pm

Obrigado pode fechar
avatar

jefferson023
Nível 8

Masculino
Inscrito dia : 21/06/2013
Mensagens : 129
Pontos Ativos : 218

Ver perfil do usuário http://theworld.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