Menu em Widget

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

Resolvido Menu em Widget

Mensagem por Lord Than em 23/07/14, 07:52 pm


  • Descrição:

Preciso do código de um menu em widget... que seja bonito. Espaço para colocar os staffers e atalhos para áreas do fórum (com efeito ao passar o mouse)

@Edit
É aquele menu que fica do lado esquerdo do fórum

É possível? 
Grato  zen 



  • Informações:




Fórum:medusa-rpg.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Widget



Última edição por The Death em 29/07/14, 11:06 pm, editado 2 vez(es)

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://halfbloodcamp-rpg.forumeiros.com/

Resolvido Re: Menu em Widget

Mensagem por First em 23/07/14, 10:57 pm

Olá,

Senhor, você mesmo pode escolher um menu aqui e editar ele, peço que ao senhor que cheque o CSS MenuMaker.


Até mais,
Passar bem. Piscada
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 em Widget

Mensagem por Lord Than em 23/07/14, 11:59 pm

Não é exatamente isso.

É aquele menu que fica do lado esquerdo do fórum

 Triste 

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://halfbloodcamp-rpg.forumeiros.com/

Resolvido Re: Menu em Widget

Mensagem por First em 24/07/14, 12:34 am

Olá,

Senhor, não entendo, poeria ser mais especifico? Se possível me mande prints ScreenShot do que o senhor deseja.


Até mais,
Passar bem. Piscada
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 em Widget

Mensagem por Lord Than em 24/07/14, 12:37 am




 Piscada 

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://halfbloodcamp-rpg.forumeiros.com/

Resolvido Re: Menu em Widget

Mensagem por First em 24/07/14, 12:40 am

Olá,

Senhor, isso eles colocaram em um widget, caso você deseja obter o mesmo efeito da imagem me força o endereço do fórum que você viu tal efeito.


Até mais,
Passar bem. Piscada
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 em Widget

Mensagem por Lord Than em 24/07/14, 11:12 am

Não tem como me fornecer um código parecido com esse? Ai seria só colocar nos Widgets e pronto

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://halfbloodcamp-rpg.forumeiros.com/

Resolvido Re: Menu em Widget

Mensagem por Sennior em 25/07/14, 03:33 am

Saudações,

Poderia mandar o link onde viu tal efeito?

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Menu em Widget

Mensagem por Shek em 25/07/14, 11:42 am

Olá e bom dia!

Leia o conteúdo deste tópico: http://ajuda.forumeiros.com/t56816-tutorial-menu-na-lateral-do-forum

Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Menu em Widget

Mensagem por First em 25/07/14, 12:56 pm

Olá,

Senhor, crie um widget com este conteúdo.
Código:
<style type="text/css">
#menufirst ul {
width: 45%;
}
#menufirst li {
float: left;
margin: -10px 0 15px;
width: 35%;
}
#menufirst li a {
background: #433333;
color: #ccc;
padding: 2px 5px;
display: block;
width: 90%;
text-align: center;
}
#menufirst li a:hover {
background: #635D5D;
color: #fff;
}
</style>
<div id="menufirst">
   <ul class="content-first">
      <li><a href="LINK">Regras</a></li>
      <li><a href="LINK">Chapéu Seeletor</a></li>
      <li><a href="LINK">Cargos e funções</a></li>
      <li><a href="LINK">Dons e Habilidades</a></li>
      <li><a href="LINK">Avatar</a></li>
      <li><a href="LINK">Att de Nome</a></li>
      <li><a href="LINK">Reras de Duelos</a></li>
      <li><a href="LINK">Patrono</a></li>
      <li><a href="LINK">Varinha</a></li>
      <li><a href="LINK">Dúvidas/Sugestões</a></li>
   </ul>
</div>
LINK -> Troque pelo link que o senhor desejar para o usuário clicar e ser redirecionado.


Até mais,
Passar bem. Piscada
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 em Widget

Mensagem por Lord Than em 25/07/14, 03:11 pm

@First

Sem resultado...

@Sennior

http://thehogwarts-rpg.forumeiros.com/

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://halfbloodcamp-rpg.forumeiros.com/

Resolvido Re: Menu em Widget

Mensagem por waghcwb em 26/07/14, 12:33 pm

Olá,

Não vi o efeito deste que o senhor mostrou, acho que precisa ser registrado no fórum. Porém desenvolvi este, veja se lhe agrada:

Código:
<style type="text/css">
#side-menu *{
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#side-menu{
   overflow: hidden;
   display: inline-block;
   text-align: center;
   max-width: 100%;
}
#side-menu ul:not(.avatars) li{
   list-style: none;
}
#side-menu ul:not(.avatars) li a{
   background: #00868B;
   padding: .5em;
   display: block;
   width: 100%;
   text-decoration: none;
   color: #fff;
   font: 17px Lucida sans;
   transition: all ease-in-out .2s;
}
#side-menu ul:not(.avatars) li a:hover{
   background: #229599;
}
#side-menu ul,
#side-menu ul.avatars{
   margin: 0;
   padding: 0;
   overflow: hidden;
}
#side-menu ul.avatars{
   width: 1000px;
}
#side-menu ul.avatars li{
   list-style: none;
   float: left;
   height: 20%;
   max-width: 20%;
   margin-left: -60px;
   transition: all ease-in-out .2s;
}
#side-menu ul.avatars li a{
   display: block;
}
#side-menu ul.avatars li:hover{
   margin: 0 20px 0 -30px;
}
#side-menu ul.avatars li img{
   height: 120px;
}
#side-menu ul.avatars li:first-child,
#side-menu ul.avatars li:first-child:hover{
   margin-left: 0;
}
</style>
<div id="side-menu">
   <ul class="avatars">
      <li>
         <a href="#"><img src="http://i.imgur.com/UwusE.png"></a>
      </li>
      <li>
         <a href="#"><img src="http://r21.imgfast.net/users/2612/28/77/07/avatars/53111-21.png"></a>
      </li>
      <li>
         <a href="#"><img src="http://r21.imgfast.net/users/2612/28/77/07/avatars/51397-85.jpg"></a>
      </li>
      <li>
         <a href="#"><img src="http://i.imgur.com/UwusE.png"></a>
      </li>
   </ul>
   <nav>
      <ul>
         <li><a href="#">Central de suporte</a></li>
         <li><a href="#">Central de suporte</a></li>
         <li><a href="#">Central de suporte</a></li>
      </ul>
   </nav>
</div>

Veja bem, essa parte
Código:
   <ul class="avatars">
      <li>
         <a href="#"><img src="http://i.imgur.com/UwusE.png"></a>
      </li>
      <li>
         <a href="#"><img src="http://r21.imgfast.net/users/2612/28/77/07/avatars/53111-21.png"></a>
      </li>
      <li>
         <a href="#"><img src="http://r21.imgfast.net/users/2612/28/77/07/avatars/51397-85.jpg"></a>
      </li>
      <li>
         <a href="#"><img src="http://i.imgur.com/UwusE.png"></a>
      </li>
   </ul>

É onde ficam os avatares dos moderadores e seus respectivos links, basta trocar os atributos href e src dos links e imagens para os que o senhor desejar (eu deixei alguns que peguei aqui no FdF mesmo)

E aqui
Código:
   <nav>
      <ul>
         <li><a href="#">Central de suporte</a></li>
         <li><a href="#">Central de suporte</a></li>
         <li><a href="#">Central de suporte</a></li>
      </ul>
   </nav>

Eu deixei é onde ficam os links para os atalhos que o senhor desejar...

Basta criar um widget com este conteúdo, e não esqueça de marcar a opção "usar table type?" como Não.

Abraços..
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Resolvido Re: Menu em Widget

Mensagem por Lord Than em 26/07/14, 02:10 pm

Tinha tudo pra dar certo, mas não deu. O menu não aparece em canto algum!

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://halfbloodcamp-rpg.forumeiros.com/

Resolvido Re: Menu em Widget

Mensagem por waghcwb em 26/07/14, 02:53 pm

Não seria essa parte do seu código que está bugando?
Código:
#content-container div#left

Outros widgets funcionam normalmente?
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Resolvido Re: Menu em Widget

Mensagem por Lord Than em 26/07/14, 03:01 pm

Sim, todos os outros funcionam... Pode ser algo no CSS, será?

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://halfbloodcamp-rpg.forumeiros.com/

Resolvido Re: Menu em Widget

Mensagem por Lord Than em 26/07/14, 03:04 pm

@... Ah, tirei esse código que você falou, funcionou, o Menu apareceu, porém fica bugado, queria que ele ficasse longe do conteúdo do fórum =/

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://halfbloodcamp-rpg.forumeiros.com/

Resolvido Re: Menu em Widget

Mensagem por Lord Than em 27/07/14, 05:20 pm

@Alguém?  Venerar 

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://halfbloodcamp-rpg.forumeiros.com/

Resolvido Re: Menu em Widget

Mensagem por Alex Habilidade em 28/07/14, 09:46 pm

Olá,

Poderia deixar o código ativo em seu fórum, para que eu possa ver o erro?

Testei o código que o wagh forneceu e funcionou perfeitamente
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Menu em Widget

Mensagem por Lord Than em 28/07/14, 09:53 pm

Alex, disponível para visualização zen

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://halfbloodcamp-rpg.forumeiros.com/

Resolvido Re: Menu em Widget

Mensagem por Alex Habilidade em 28/07/14, 09:56 pm

Poderia me fornecer a sua folha de CSS
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Menu em Widget

Mensagem por Lord Than em 28/07/14, 09:59 pm

Código:
a.mainmenu[href="/search"]{
display: none !important;
}
a.mainmenu[href="/faq"]{
display: none !important;
}
#left *:first-letter {
text-transform:capitalize;
}
.postprofile {width: 216px !important;}
/************FONTES****************/

@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

 @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
 
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

/************FIM DAS FONTES****************/

.postbody .content {
text-align:justify;
  padding:60px;
}
.chatbox .post {
background-color:#FFFFFF;
  border-bottom:none;
    padding:1px;
}
#chatbox_footer {
background-color: transparent;
}
.chatbox_row_1 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }
.chatbox_row_2 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }
.chatbox_row_3 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }

{
background: url();
border: none!important;
border-right: 0 solid #696969;
left: 0;
margin-left: -285px!important;
margin-top: -480px;
top: 0;
width: 280px!important;
}
.wid {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #00868B;
font-size: 15px;
font-color: black;
letter-spacing: 3px;
padding: 5px;
position: relative;
text-align: center;
text-transform: lowercase;
top: 1px;
  left: 3px;
  right: 3px;
  width: 235px;
}
.wid:hover {
background-color: #360642;
  font-color: black;
}
.reck {
  text-align:center;
  text-transform:none;
  align:center;
  float:center;
    margin-top:150px;
  height:150px;
  background-color:#00868B;
    color:#bcbcbc;
}
.rck {
    text-align:center;
    align:center;
    text-transform:none;
    padding-top:150px;
  float:center;
    margin-top:150px;
  font-family:tulpen one;
  font-size:50px;
  color:#bcbcbc;
}
.forabg li.row dd.topics {
position: auto;
  padding-left:0px;
  padding-right:0px;
left: 53px;
bottom: -30px;
width: 87px;
padding-bottom: 10px;
height: 11px;
font-size: 9px;
text-transform: uppercase;
}
.forabg li.row dd.posts {
position: auto;
left: 59px;
    padding-left:0px;
  padding-right:0px;
bottom: -30px;
width: 87px;
height: 11px;
font-size: 9px;
padding-bottom: 10px;
text-transform: uppercase;
}
.forabg li.row dd.lastpost {
  text-align:left;
  text-transform:uppercase;
  font-family:tahoma;
  font-size:10px;
width: 175px;
margin-left: 10px;
  margin-top: 10px;
padding: 7px !important;
}
::-webkit-scrollbar {width: 8px;height: 13px;background-color: #000000;}
::-webkit-scrollbar-thumb{background-color: #00868B;} 
.module {
text-align:center;
  background-color:transparent;
}
.module .h3 {
visibility:hidden;
}
.module .h3 {
visibility:hidden;
display: none;
}
li.header dd, li.header dt {
margin-top: 10px;
text-align: center;
}
.module .h3 {
visibility:hidden;
}
a.mainmenu {
background-color:
transparent;
margin-top: 30px!important;
font-weight: 400!important;
font-family: helvetica,Serif !important;
font-size: 11px;
color:
#A1A1A1;
text-transform: uppercase;
    -webkit-transition: all .5s;
}
a.mainmenu:hover {
background-color:
transparent;
margin-top: 30px!important;
font-weight: 400!important;
font-family: helvetica,Serif !important;
font-size: 11px;
  color:transparent;
text-shadow: 0px 0px 1px #A1A1A1;

text-transform: uppercase;
    -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.module .h3 {
visibility:hidden;
}
#textarea_content {   
margin-top: 3px;
}
#chatbox {
  background-color:#000000;
}
.chatbox-members{
background-color:#000000;
}
#chatbox_header {
background-color:transparent;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
.opacity div {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac div {
  opacity:0.8;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac:hover div {
  opacity:0.8;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opacity:hover div {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.opac {
  opacity:0.1;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac:hover {
  opacity:0.9;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#wrap {
background-color: transparent;
border-right: 8px solid #00868B;
  border-top: 8px solid #00868B;
  border-bottom: 8px solid #00868B;
  border-left: 8px solid #00868B;
  margin-left: 20%;
}
p {
overflow: none;
max-height: 300px;
display: block;
margin: auto;
text-transform: uppercase;
font-size: 9px;
}
.h3 {
font-size: 12px;
text-transform: uppercase;
text-align: left;
text-shadow: 1px 1px 1px #000000;
letter-spacing: 0px;}
li.header dl.icon {
height: 42px;
  background-color:#00868B;
  border-bottom: 0px dotted #00868B;
  background-repeat:repeat;
font-family:arial;
letter-spacing: 2px;
padding: 10px 6px 0px;
font-size: 8px;
text-align: center;
text-shadow: 0 2px 2px black;
text-transform: uppercase;
vertical-align: middle;
}
  .table-title h2 {
color: #BDBDBD;
  text-shadow: 1px 1px 1px #000000;
font-family: wire one;
font-size: 40px;
letter-spacing: 4px;
font-style: normal;
text-transform: uppercase;
}
ul.forums {
background: #0b0a0a;
    margin-top:-0px;
background-repeat: repeat-yes;
border-radius: 0px 0px 0px 0px;
border-bottom: 8px solid #00868B;
  }
.desc9 {
  border-bottom:10px solid #70303;
  border-right: 10px solid #120c10;
  border-radius: 100px 0px 0px 100px;
 background-color:#120707;
background-repeat: repeat;
  text-transform:uppercase;
color: #565656;
  font-family:arial;
display: block;
font-size: 9.5px;
line-height: 100%;
margin-left: 70px;
margin-top: 5px;
padding: 10px;
text-align: justify;
text-shadow: 0px 0px 2px #000000;
width: auto;
letter-spacing: 0px;
}
.desc8 {
  border-bottom:10px solid #070303;
  border-right: 10px solid #070303;
  border-left: 10px solid #070303;
 background-color:#120707;
background-repeat: repeat;
  text-transform:uppercase;
color: #565656;
  font-family:arial;
display: block;
font-size: 9.5px;
line-height: 100%;
margin-left: 70px;
margin-top: 5px;
padding: 7px;
text-align: justify;
text-shadow: 0px 0px 2px #000000;
width: auto;
letter-spacing: 0px;
}
a.forumtitle {
  color:#bfbcbb;
  display: block;
  letter-spacing:2px;
  font-family:caviardreams;
float: center;
font-size: 18px;
margin-bottom: -20px;
margin-top: 10px;
margin-left: 70px;
padding: 3px;
text-align: center;
text-transform: lowercase;
width: auto;
height: 15px;
  text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
a.forumtitle:hover {
  margin-left: 70px;
  color:transparent;
  border-radius: 0px 0px 0px 0px;
  display: block;
  letter-spacing:2px;
  font-family:caviardreams;
float: center;
  text-decoration:none;
font-size: 18px;
margin-bottom: -20px;
margin-top: 10px;
margin-left: 70px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: auto;
height: 15px;
  text-shadow: 0px 0px 1px #BDBDBD;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.formdesc a:link, .formdesc a:visited, .formdesc a:active {
background-color: transparent;
color: #bdbdbd;
font-size: 8px;
letter-spacing: 1px;
padding: 3px;
text-transform: uppercase;
}
.formdesc a:link:hover {
background-color: transparent;
color: #ffffff;
font-size: 8px;
letter-spacing: 2px;
padding: 3px;
text-transform: uppercase;
}
.formdesc {
  border: 1px solid #120707;
background-color: #120707;
border-radius: 10px 10px 10px 10px;
  margin-bottom:-22px;
display: block;
font-size: 8px;
margin-top: 5px;
padding: 3px;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
  text-transform: uppercase;
}
p em b a.gensmall {
font-family: Tulpen One;
font-size: 30px;
  line-height:100%;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-transform: none;
}
p em {
margin: 4px;
color: transparent;
display: block;
  width: 500px;
  margin-left:250px;
 align: center;
  line-height:100%;
}
.post {
background: #171717;
background-repeat: repeat;
background-position: center;
    padding:10px 10px 10px 10px;
  color:#070303;
}
.postprofile dd {
text-align: left;
}
.postprofile dd, .postprofile dt {
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}
dl.codebox {
  background-color:#FFFFFF;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  border-radius: 15px 15px 15px 15px;
color:white;
    text-transform:none;
  border: 1px solid #120707;
}
.spoiler_content.hidden {
  background-color:#2B1313;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  border-radius: 15px 15px 15px 15px;
color:white;
  text-transform:none;
  border: 1px solid #120707;
}
blockquote {
  background-color:#2B1313;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  border-radius: 15px 15px 15px 15px;
color:white;
    text-transform:none;
  border: 1px solid #120707;
}
.topics {
text-shadow: 1px 1px 1px #000000;
}
.posts {
text-shadow: 1px 1px 1px #000000;
 
}
.lastpost {
text-shadow: 1px 1px 1px #000000;
text-align:center;
align:center;
}
.postprofile{
text-align: center;
}
.postprofile dt a img {
box-shadow: 1px 1px 2px #000000;
margin-top: 0px;
width:200px;
  margin-bottom:8px;
}
.postprofile {
background-color: #141414;
  margin-top: 17px;
border-left: 9px double #120707;
float: right;
font-family: arial;
  line-heighr:90%;
font-size: 12px;
  text-transform:uppercase;
margin-right: -3px;
padding-top: 13px;
color: #d4d4d4;
text-align: center;
width: 220px;
box-shadow:0px 2px 5px #000000;
}
p.author {
  position: relative;
right: -7em;
color:#e3e3e3;
background-color:#000000;
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-transform: lowercase;
  box-shadow: 0px 2px 5px #000000;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #d4d4d4; 
font-family: Wire One;
font-size: 30px;
line-height: 40%;
font-weight:800;
  margin-bottom:-15px;
letter-spacing: 1px;
font-style:normal;
  text-transform:uppercase;
text-decoration: none;
  text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.postprofile a:hover { 
    margin-top:0px;
font-family: Wire One;
font-size: 30px;
letter-spacing: 3px;
font-style:normal;
  text-transform:uppercase;
text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.subs a {
  text-transform:uppercase;
  text-color:#E7E7E7;
  font-size:9px;
border-left: 4px solid #07080F;
margin: 0px;
padding: 2px;
      -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.subs a:active, .subs a:hover {
  background-color:#070303;
  text-transform:uppercase;
  color:#E7E7E7;
border-left: 40px solid #07080F;
margin: 0px;
padding: 2px 0px 0px;
      -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.formdesc a:link, .formdesc a:visited, .formdesc a:active {
background-color: transparent;
color: #E1E1E1;
font-size: 8px;
letter-spacing: 1px;
padding: 3px;
text-transform: uppercase;
}
.formdesc a:link:hover {
background-color: transparent;
color: #E1E1E1;
font-size: 8px;
letter-spacing: 2px;
padding: 3px;
text-transform: uppercase;
}
.formdesc {

background-color: #070303;
  border: solid 1px #070303;
border-radius: 0px 0px 50px 50px;
  margin-bttom:-20px;
  width:400px;
  height:auto;
float:center;
  position:relative;
  display:block;
  align:center;
font-size: 8px;
margin-top: 5px;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
  text-transform: uppercase;
}

/************LEGENDAS*********/

#main-content em{
  font-size:0px
}
#main-content em::before{
  content:'Legenda: ';
  font-size:25px;
  font-style:normal;
 font-align: left;
  opacity: 0.0;
}
#main-content em b *{
  font-size:12px;
  font-style:normal;
  font-align:left;
  font-family: arial;
  text-transform: uppercase;
}
#main-content em b *::hover{
  font-size:40px;
  font-style:normal;
  font-align:left;
  font-family: arial;
  text-transform: uppercase;
}
#main-content em b a::before{
  content:' • ';color: transparent;
}
#main-content em b:first-child a::before{
  content:''
}
#main-content em,
#main-content em *:link{
  cursor:default;
  color:inherit
}

/************FIM DAS LEGENDAS*********/

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://halfbloodcamp-rpg.forumeiros.com/

Resolvido Re: Menu em Widget

Mensagem por Alex Habilidade em 28/07/14, 10:04 pm

Troque por este:
Código:

a.mainmenu[href="/search"]{
display: none !important;
}
a.mainmenu[href="/faq"]{
display: none !important;
}
#left *:first-letter {
text-transform:capitalize;
}
.postprofile {width: 216px !important;}
/************FONTES****************/

@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

 @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
 
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

/************FIM DAS FONTES****************/

.postbody .content {
text-align:justify;
  padding:60px;
}
.chatbox .post {
background-color:#FFFFFF;
  border-bottom:none;
    padding:1px;
}
#chatbox_footer {
background-color: transparent;
}
.chatbox_row_1 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }
.chatbox_row_2 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }
.chatbox_row_3 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }

{
background: url();
border: none!important;
border-right: 0 solid #696969;
left: 0;
margin-left: -285px!important;
margin-top: -480px;
top: 0;
width: 280px!important;
}
.wid {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #00868B;
font-size: 15px;
font-color: black;
letter-spacing: 3px;
padding: 5px;
position: relative;
text-align: center;
text-transform: lowercase;
top: 1px;
  left: 3px;
  right: 3px;
  width: 235px;
}
.wid:hover {
background-color: #360642;
  font-color: black;
}
.reck {
  text-align:center;
  text-transform:none;
  align:center;
  float:center;
    margin-top:150px;
  height:150px;
  background-color:#00868B;
    color:#bcbcbc;
}
.rck {
    text-align:center;
    align:center;
    text-transform:none;
    padding-top:150px;
  float:center;
    margin-top:150px;
  font-family:tulpen one;
  font-size:50px;
  color:#bcbcbc;
}
.forabg li.row dd.topics {
position: auto;
  padding-left:0px;
  padding-right:0px;
left: 53px;
bottom: -30px;
width: 87px;
padding-bottom: 10px;
height: 11px;
font-size: 9px;
text-transform: uppercase;
}
.forabg li.row dd.posts {
position: auto;
left: 59px;
    padding-left:0px;
  padding-right:0px;
bottom: -30px;
width: 87px;
height: 11px;
font-size: 9px;
padding-bottom: 10px;
text-transform: uppercase;
}
.forabg li.row dd.lastpost {
  text-align:left;
  text-transform:uppercase;
  font-family:tahoma;
  font-size:10px;
width: 175px;
margin-left: 10px;
  margin-top: 10px;
padding: 7px !important;
}
::-webkit-scrollbar {width: 8px;height: 13px;background-color: #000000;}
::-webkit-scrollbar-thumb{background-color: #00868B;} 
.module {
text-align:center;
  background-color:transparent;
}
.module .h3 {
visibility:hidden;
}
.module .h3 {
visibility:hidden;
display: none;
}
li.header dd, li.header dt {
margin-top: 10px;
text-align: center;
}
.module .h3 {
visibility:hidden;
}
a.mainmenu {
background-color:
transparent;
margin-top: 30px!important;
font-weight: 400!important;
font-family: helvetica,Serif !important;
font-size: 11px;
color:
#A1A1A1;
text-transform: uppercase;
    -webkit-transition: all .5s;
}
a.mainmenu:hover {
background-color:
transparent;
margin-top: 30px!important;
font-weight: 400!important;
font-family: helvetica,Serif !important;
font-size: 11px;
  color:transparent;
text-shadow: 0px 0px 1px #A1A1A1;

text-transform: uppercase;
    -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.module .h3 {
visibility:hidden;
}
#textarea_content {   
margin-top: 3px;
}
#chatbox {
  background-color:#000000;
}
.chatbox-members{
background-color:#000000;
}
#chatbox_header {
background-color:transparent;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
.opacity div {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac div {
  opacity:0.8;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac:hover div {
  opacity:0.8;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opacity:hover div {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.opac {
  opacity:0.1;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac:hover {
  opacity:0.9;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#wrap {
background-color: transparent;
border-right: 8px solid #00868B;
  border-top: 8px solid #00868B;
  border-bottom: 8px solid #00868B;
  border-left: 8px solid #00868B;
  width: 86%!important;
}
p {
overflow: none;
max-height: 300px;
display: block;
margin: auto;
text-transform: uppercase;
font-size: 9px;
}
.h3 {
font-size: 12px;
text-transform: uppercase;
text-align: left;
text-shadow: 1px 1px 1px #000000;
letter-spacing: 0px;}
li.header dl.icon {
height: 42px;
  background-color:#00868B;
  border-bottom: 0px dotted #00868B;
  background-repeat:repeat;
font-family:arial;
letter-spacing: 2px;
padding: 10px 6px 0px;
font-size: 8px;
text-align: center;
text-shadow: 0 2px 2px black;
text-transform: uppercase;
vertical-align: middle;
}
  .table-title h2 {
color: #BDBDBD;
  text-shadow: 1px 1px 1px #000000;
font-family: wire one;
font-size: 40px;
letter-spacing: 4px;
font-style: normal;
text-transform: uppercase;
}
ul.forums {
background: #0b0a0a;
    margin-top:-0px;
background-repeat: repeat-yes;
border-radius: 0px 0px 0px 0px;
border-bottom: 8px solid #00868B;
  }
.desc9 {
  border-bottom:10px solid #70303;
  border-right: 10px solid #120c10;
  border-radius: 100px 0px 0px 100px;
 background-color:#120707;
background-repeat: repeat;
  text-transform:uppercase;
color: #565656;
  font-family:arial;
display: block;
font-size: 9.5px;
line-height: 100%;
margin-left: 70px;
margin-top: 5px;
padding: 10px;
text-align: justify;
text-shadow: 0px 0px 2px #000000;
width: auto;
letter-spacing: 0px;
}
.desc8 {
  border-bottom:10px solid #070303;
  border-right: 10px solid #070303;
  border-left: 10px solid #070303;
 background-color:#120707;
background-repeat: repeat;
  text-transform:uppercase;
color: #565656;
  font-family:arial;
display: block;
font-size: 9.5px;
line-height: 100%;
margin-left: 70px;
margin-top: 5px;
padding: 7px;
text-align: justify;
text-shadow: 0px 0px 2px #000000;
width: auto;
letter-spacing: 0px;
}
a.forumtitle {
  color:#bfbcbb;
  display: block;
  letter-spacing:2px;
  font-family:caviardreams;
float: center;
font-size: 18px;
margin-bottom: -20px;
margin-top: 10px;
margin-left: 70px;
padding: 3px;
text-align: center;
text-transform: lowercase;
width: auto;
height: 15px;
  text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
a.forumtitle:hover {
  margin-left: 70px;
  color:transparent;
  border-radius: 0px 0px 0px 0px;
  display: block;
  letter-spacing:2px;
  font-family:caviardreams;
float: center;
  text-decoration:none;
font-size: 18px;
margin-bottom: -20px;
margin-top: 10px;
margin-left: 70px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: auto;
height: 15px;
  text-shadow: 0px 0px 1px #BDBDBD;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.formdesc a:link, .formdesc a:visited, .formdesc a:active {
background-color: transparent;
color: #bdbdbd;
font-size: 8px;
letter-spacing: 1px;
padding: 3px;
text-transform: uppercase;
}
.formdesc a:link:hover {
background-color: transparent;
color: #ffffff;
font-size: 8px;
letter-spacing: 2px;
padding: 3px;
text-transform: uppercase;
}
.formdesc {
  border: 1px solid #120707;
background-color: #120707;
border-radius: 10px 10px 10px 10px;
  margin-bottom:-22px;
display: block;
font-size: 8px;
margin-top: 5px;
padding: 3px;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
  text-transform: uppercase;
}
p em b a.gensmall {
font-family: Tulpen One;
font-size: 30px;
  line-height:100%;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-transform: none;
}
p em {
margin: 4px;
color: transparent;
display: block;
  width: 500px;
  margin-left:250px;
 align: center;
  line-height:100%;
}
.post {
background: #171717;
background-repeat: repeat;
background-position: center;
    padding:10px 10px 10px 10px;
  color:#070303;
}
.postprofile dd {
text-align: left;
}
.postprofile dd, .postprofile dt {
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}
dl.codebox {
  background-color:#FFFFFF;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  border-radius: 15px 15px 15px 15px;
color:white;
    text-transform:none;
  border: 1px solid #120707;
}
.spoiler_content.hidden {
  background-color:#2B1313;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  border-radius: 15px 15px 15px 15px;
color:white;
  text-transform:none;
  border: 1px solid #120707;
}
blockquote {
  background-color:#2B1313;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  border-radius: 15px 15px 15px 15px;
color:white;
    text-transform:none;
  border: 1px solid #120707;
}
.topics {
text-shadow: 1px 1px 1px #000000;
}
.posts {
text-shadow: 1px 1px 1px #000000;
 
}
.lastpost {
text-shadow: 1px 1px 1px #000000;
text-align:center;
align:center;
}
.postprofile{
text-align: center;
}
.postprofile dt a img {
box-shadow: 1px 1px 2px #000000;
margin-top: 0px;
width:200px;
  margin-bottom:8px;
}
.postprofile {
background-color: #141414;
  margin-top: 17px;
border-left: 9px double #120707;
float: right;
font-family: arial;
  line-heighr:90%;
font-size: 12px;
  text-transform:uppercase;
margin-right: -3px;
padding-top: 13px;
color: #d4d4d4;
text-align: center;
width: 220px;
box-shadow:0px 2px 5px #000000;
}
p.author {
  position: relative;
right: -7em;
color:#e3e3e3;
background-color:#000000;
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-transform: lowercase;
  box-shadow: 0px 2px 5px #000000;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #d4d4d4; 
font-family: Wire One;
font-size: 30px;
line-height: 40%;
font-weight:800;
  margin-bottom:-15px;
letter-spacing: 1px;
font-style:normal;
  text-transform:uppercase;
text-decoration: none;
  text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.postprofile a:hover { 
    margin-top:0px;
font-family: Wire One;
font-size: 30px;
letter-spacing: 3px;
font-style:normal;
  text-transform:uppercase;
text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.subs a {
  text-transform:uppercase;
  text-color:#E7E7E7;
  font-size:9px;
border-left: 4px solid #07080F;
margin: 0px;
padding: 2px;
      -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.subs a:active, .subs a:hover {
  background-color:#070303;
  text-transform:uppercase;
  color:#E7E7E7;
border-left: 40px solid #07080F;
margin: 0px;
padding: 2px 0px 0px;
      -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.formdesc a:link, .formdesc a:visited, .formdesc a:active {
background-color: transparent;
color: #E1E1E1;
font-size: 8px;
letter-spacing: 1px;
padding: 3px;
text-transform: uppercase;
}
.formdesc a:link:hover {
background-color: transparent;
color: #E1E1E1;
font-size: 8px;
letter-spacing: 2px;
padding: 3px;
text-transform: uppercase;
}
.formdesc {

background-color: #070303;
  border: solid 1px #070303;
border-radius: 0px 0px 50px 50px;
  margin-bttom:-20px;
  width:400px;
  height:auto;
float:center;
  position:relative;
  display:block;
  align:center;
font-size: 8px;
margin-top: 5px;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
  text-transform: uppercase;
}

/************LEGENDAS*********/

#main-content em{
  font-size:0px
}
#main-content em::before{
  content:'Legenda: ';
  font-size:25px;
  font-style:normal;
 font-align: left;
  opacity: 0.0;
}
#main-content em b *{
  font-size:12px;
  font-style:normal;
  font-align:left;
  font-family: arial;
  text-transform: uppercase;
}
#main-content em b *::hover{
  font-size:40px;
  font-style:normal;
  font-align:left;
  font-family: arial;
  text-transform: uppercase;
}
#main-content em b a::before{
  content:' • ';color: transparent;
}
#main-content em b:first-child a::before{
  content:''
}
#main-content em,
#main-content em *:link{
  cursor:default;
  color:inherit
}

/************FIM DAS LEGENDAS*********/

Com ele assim você consegue trabalhar mais com os widgets também, lhe agrada?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Menu em Widget

Mensagem por Lord Than em 28/07/14, 10:14 pm

Huuum, Alex, você pode conferir lá que continua o mesmo problema.

Lord Than
Nível 7

Masculino
Inscrito dia : 02/01/2014
Mensagens : 86
Pontos Ativos : 138

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