Menu igual ou semelhante a esse

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

Resolvido Menu igual ou semelhante a esse

Mensagem por iMicrosoft_ em 12/12/13, 05:31 pm

Qual é minha questão:
Olá, gostaria um menu igual ou semelhante a esse. obs: sem o papai noel.


Forum onde vi o menu http://forum.tssabr.org/

A edição que gostaria no menu é que le fosse vermelho com um efeito tipo espelhado, obrigado a todos.



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

Versão do fórum:
PHPBB3
avatar

iMicrosoft_
Nível 9

Masculino
Inscrito dia : 17/05/2013
Mensagens : 160
Pontos Ativos : 269

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

Resolvido Re: Menu igual ou semelhante a esse

Mensagem por BrunoH. em 12/12/13, 05:39 pm

Olá,

Aqui está parceiro:
Código:
#page-header .navbar ul.navlinks {
background: -webkit-linear-gradient(top, rgb(255, 0, 0), rgb(173, 0, 0));
border-radius: 4px;
bottom: 0px;
box-shadow: red 0px 1px 0px inset, red 0px 2px 0px inset, red 0px -1px 0px inset, red 1px 0px inset, red -1px 0px inset, rgb(0, 0, 0) 0px 1px 2px;
height: 35px;
left: 0px;
margin-left: -1.3%;
margin-top: -4.55%;
right: 0px;
width: 102.4%;
}
.mainmenu {
float: center;
font-size: 14px;
height: 36px;
line-height: 36px;
outline: none;
padding: 10px 18px;
text-transform: uppercase;
color: rgb(0, 0, 0);
}
Adicione o código em sua Folha de Estilo CSS!

Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
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: Menu igual ou semelhante a esse

Mensagem por Dr.Helper em 12/12/13, 05:44 pm

Olá,aqui está:

Código:
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  color: #ffffff;
  display: inline-block;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 35px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #333333;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li.active a {
  background: #646464 url(grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  filter: none;
}
#cssmenu > ul > li.active a:hover {
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  filter: none;
}
#cssmenu > ul > li a {
  box-shadow: inset 0 0 0 1px #8a8a8a;
  -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
  -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
  background: #4a4a4a url(grad_dark.png) repeat-x left top;
  background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
  background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  border-bottom: 1px solid #5d5d5d;
  border-top: 1px solid #5d5d5d;
  border-right: 1px solid #5d5d5d;
  line-height: 34px;
  padding: 0 35px;
  filter: none;
}
#cssmenu > ul > li a:hover {
  background: #8a8a8a url(grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  filter: none;
}
#cssmenu > ul > li:first-child a {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-left: 1px solid #5d5d5d;
}
#cssmenu > ul > li:last-child a {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}
#cssmenu .has-sub:hover ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  top: 36px;
  left: -1px;
  min-width: 100%;
  text-align: center;
  /* IE7 */

  *width: 100%;
}
#cssmenu .has-sub ul li {
  text-align: center;
}
#cssmenu .has-sub ul li a {
  border-top: 0 none;
  border-left: 1px solid #5d5d5d;
  display: block;
  line-height: 120%;
  padding: 9px 5px;
  text-align: center;
}

Até mais.
avatar

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Resolvido Re: Menu igual ou semelhante a esse

Mensagem por iMicrosoft_ em 12/12/13, 06:03 pm

Olá bruno, muito obrigado pela sua resposta, porém não deu. olha qual o problema

Dr.Helper, o seu nem funcionou, ficou igual como o de antes ..
avatar

iMicrosoft_
Nível 9

Masculino
Inscrito dia : 17/05/2013
Mensagens : 160
Pontos Ativos : 269

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

Resolvido Re: Menu igual ou semelhante a esse

Mensagem por Dr.Helper em 12/12/13, 06:09 pm

@iMicrosoft_ escreveu:Olá bruno, muito obrigado pela sua resposta, porém não deu. olha qual o problema

Dr.Helper, o seu nem funcionou, ficou igual como o de antes ..

Fiz uma alteração no do BrunoH.
Tente este:

Código:
#page-header .navbar ul.navlinks {
background: -webkit-linear-gradient(top, rgb(255, 0, 0), rgb(173, 0, 0));
border-radius: 4px;
background-color: #C83737 !important;
bottom: 0px;
box-shadow: red 0px 1px 0px inset, red 0px 2px 0px inset, red 0px -1px 0px inset, red 1px 0px inset, red -1px 0px inset, rgb(0, 0, 0) 0px 1px 2px;
height: 35px;
left: 0px;
margin-left: -1.3%;
margin-top: -4.55%;
right: 0px;
width: 102.4%;
}
.mainmenu {
float: center;
font-size: 14px;
height: 38px !important;
line-height: 36px;
outline: none;
padding: 10px 18px;
text-transform: uppercase;
color: rgb(0, 0, 0);
}

Até mais.  Envergonhado


Última edição por Dr.Helper em 12/12/13, 06:17 pm, editado 1 vez(es)
avatar

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Resolvido Re: Menu igual ou semelhante a esse

Mensagem por BrunoH. em 12/12/13, 06:16 pm

Olá,

Não deu certo porque tem já tem um modelo de outro menu instalado em seu fórum, retire-o e instale o código que lhe passei. O código que deve ser retirado é este:
Código:
#page-header .navbar ul.linklist.navlinks {
background: url(http://i.imgur.com/xiqqi.png) top left repeat-x;
height: 55px;
left: -1.3%;
margin-top: -20px;
width: 102.5%;
}

Até mais.
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: Menu igual ou semelhante a esse

Mensagem por iMicrosoft_ em 12/12/13, 06:25 pm

Muito obrigado Bruno e Dr.Helper, funcionou depois que retirei o antigo, uma última coisa, qual o nome da fonte que usa-se no menu daquele fórum, poderiam me dizer por favor?
avatar

iMicrosoft_
Nível 9

Masculino
Inscrito dia : 17/05/2013
Mensagens : 160
Pontos Ativos : 269

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

Resolvido Re: Menu igual ou semelhante a esse

Mensagem por Dr.Helper em 12/12/13, 06:31 pm

@iMicrosoft_ escreveu:Muito obrigado Bruno e Dr.Helper, funcionou depois que retirei o antigo, uma última coisa, qual o nome da fonte que usa-se no menu daquele fórum, poderiam me dizer por favor?

Creio que seja a fonte IMPACT
caso queira adiciona-la a seu menu,adicione o seguinte comando entre as CHAVES { } do CSS passado anteriormente.

font-face: AQUI O NOME DA FONTE !important;

Exemplo:

font-face: Comic Sans MS !important;

Ou simplesmente:

font-face: AQUI O NOME DA FONTE;

Exemplo:

font-face: Arial Black;

o campo em negrito você coloca o nome da fonte,CORRETAMENTE!!!!
Exemplo: Comic Sans MS,Impact...
Lembrando que o CSS é Sensitive Language (Eu acho kk)
Então letras MAIUSCULAS são diferenciadas de minusculas.

Até mais.  Piscada
avatar

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Resolvido Re: Menu igual ou semelhante a esse

Mensagem por iMicrosoft_ em 12/12/13, 06:45 pm

Não consegui entender como trocar de fonte, pode me colocar a fonte nesse código do Bruno?

Código:
#page-header .navbar ul.navlinks {
background: -webkit-linear-gradient(top, rgb(255, 0, 0), rgb(173, 0, 0));
border-radius: 4px;
bottom: 0px;
box-shadow: red 0px 1px 0px inset, red 0px 2px 0px inset, red 0px -1px 0px inset, red 1px 0px inset, red -1px 0px inset, rgb(0, 0, 0) 0px 1px 2px;
height: 35px;
left: 0px;
margin-left: -1.3%;
margin-top: -4.55%;
right: 0px;
width: 102.4%;
}
.mainmenu {
float: center;
font-size: 14px;
height: 36px;
line-height: 36px;
outline: none;
padding: 10px 18px;
text-transform: uppercase;
color: rgb(0, 0, 0);
}

se puder que fique bem igual ao menu daquele fórum, obrigado.
avatar

iMicrosoft_
Nível 9

Masculino
Inscrito dia : 17/05/2013
Mensagens : 160
Pontos Ativos : 269

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

Resolvido Re: Menu igual ou semelhante a esse

Mensagem por Dr.Helper em 12/12/13, 06:52 pm

@iMicrosoft_ escreveu:Não consegui entender como trocar de fonte, pode me colocar a fonte nesse código do Bruno?

Código:
#page-header .navbar ul.navlinks {
background: -webkit-linear-gradient(top, rgb(255, 0, 0), rgb(173, 0, 0));
border-radius: 4px;
bottom: 0px;
box-shadow: red 0px 1px 0px inset, red 0px 2px 0px inset, red 0px -1px 0px inset, red 1px 0px inset, red -1px 0px inset, rgb(0, 0, 0) 0px 1px 2px;
height: 35px;
left: 0px;
margin-left: -1.3%;
margin-top: -4.55%;
right: 0px;
width: 102.4%;
}
.mainmenu {
float: center;
font-size: 14px;
height: 36px;
line-height: 36px;
outline: none;
padding: 10px 18px;
text-transform: uppercase;
color: rgb(0, 0, 0);
}

se puder que fique bem igual ao menu daquele fórum, obrigado.

Aqui está:

Código:
#page-header .navbar ul.navlinks {
background: -webkit-linear-gradient(top, rgb(255, 0, 0), rgb(173, 0, 0));
border-radius: 4px;
font-face: Arial Black !important;
bottom: 0px;
box-shadow: red 0px 1px 0px inset, red 0px 2px 0px inset, red 0px -1px 0px inset, red 1px 0px inset, red -1px 0px inset, rgb(0, 0, 0) 0px 1px 2px;
height: 35px;
left: 0px;
margin-left: -1.3%;
margin-top: -4.55%;
right: 0px;
width: 102.4%;
}
.mainmenu {
float: center;
font-face: Arial Black !important;
font-size: 14px;
height: 36px;
line-height: 36px;
outline: none;
padding: 10px 18px;
text-transform: uppercase;
color: rgb(0, 0, 0);
}

Até mais.  Piscada 
avatar

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Resolvido Re: Menu igual ou semelhante a esse

Mensagem por iMicrosoft_ em 12/12/13, 07:06 pm

Não ficou igual a aquele, parece que fica em negrita, tem como tirar isso? olha como fica

Desculpe por pedir muito  Envergonhado 
avatar

iMicrosoft_
Nível 9

Masculino
Inscrito dia : 17/05/2013
Mensagens : 160
Pontos Ativos : 269

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

Resolvido Re: Menu igual ou semelhante a esse

Mensagem por Dr.Helper em 12/12/13, 07:09 pm

@iMicrosoft_ escreveu:Não ficou igual a aquele, parece que fica em negrita, tem como tirar isso? olha como fica

Desculpe por pedir muito  Envergonhado 

Olá,Amigo.
Sem incomodo nenhum  Estilo cool 
Aqui está:

Código:
#page-header .navbar ul.navlinks {
background: -webkit-linear-gradient(top, rgb(255, 0, 0), rgb(173, 0, 0));
border-radius: 4px;
font-face: Arial !important;
bottom: 0px;
box-shadow: red 0px 1px 0px inset, red 0px 2px 0px inset, red 0px -1px 0px inset, red 1px 0px inset, red -1px 0px inset, rgb(0, 0, 0) 0px 1px 2px;
height: 35px;
left: 0px;
margin-left: -1.3%;
margin-top: -4.55%;
right: 0px;
width: 102.4%;
}
.mainmenu {
float: center;
font-face: Arial !important;
font-size: 14px;
height: 36px;
line-height: 36px;
outline: none;
padding: 10px 18px;
text-transform: uppercase;
color: rgb(0, 0, 0);
}

Caso queira alterar a fonte de novo,é só pedir.
Até mais.  Piscada 
avatar

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Resolvido Re: Menu igual ou semelhante a esse

Mensagem por BrunoH. em 12/12/13, 07:35 pm

Olá,

Não precisa modificar nada! Adicione este código CSS:
Código:
.mainmenu {
text-shadow: none!important;
}

Até mais.
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: Menu igual ou semelhante a esse

Mensagem por First em 12/12/13, 08:54 pm

Olá,

Senhor, substitua a sua folha de estilo CSS por esta:
Código:
#page-header .navbar ul.navlinks {
background: -webkit-linear-gradient(top, rgb(255, 0, 0), rgb(173, 0, 0));
border-radius: 4px;
bottom: 0px;
box-shadow: red 0px 1px 0px inset, red 0px 2px 0px inset, red 0px -1px 0px inset, red 1px 0px inset, red -1px 0px inset, rgb(0, 0, 0) 0px 1px 2px;
height: 35px;
left: 0px;
margin-left: -1.3%;
margin-top: -4.55%;
right: 0px;
width: 102.4%;
}
.mainmenu {
float: center;
font-size: 14px;
height: 36px;
line-height: 36px;
outline: none;
padding: 10px 18px;
text-transform: uppercase;
color: #000!important;
text-shadow: none;
}
ul.navlinks {
border-bottom: 1px solid transparent!important;
}
.mainmenu:hover {
background: rgba(255, 255, 255, 0.247059);
border-color: transparent transparent rgb(255, 255, 255);
height: 0px;
width: 0px;
}
#quick-avatar {
float: left;
}
#quick-avatar img {
min-width: 165px;
min-height: 306px;
max-height: 306px;
max-width: 165px;
box-shadow: 0px 0px 11px gray;
border-radius: 3px;
}
#qpost{
max-height: 300px !important;
}
#av_quickreply img{
position: relative;
top: 35px;
left: 15px;
}
.qreply{
bottom: 150px;
position: relative;
margin-tot: 0px;
margin-right: 20px;
}
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
.post, .post.row1, .post .inner {
background: white !important;
}
#i_whosonline + p br + br + em a:hover {
background-color: grey;
border: 1px solid #000;
padding: 9px 10px 10px;
text-decoration: underline;
text-shadow: 0 1px 1px #4EEE94;
}
#i_whosonline + p br + br + em {
background: #fff url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
color: transparent;
display: block;
font-size: 0;
font-weight: 700;
margin: 0 auto;
padding: 10px 8px 5px 5px;
text-align: center;
text-shadow: 0 0 5px #D0F;
width: 70%;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
border-bottom: 1px solid #d4d6d5;
font-size: 15px;
font-style: normal;
font-weight: 700;
margin: 0 5px;
text-shadow: 0 1px 1px #4EEE94;
}
.module {
border: 1px solid rgb(179, 179, 179);
border-radius: 7px;
}
.mainmenu {
position: relative;
top: -5px;
}
.linklist.navlinks.borderless {
position: relative;
top: -4px;
}
li > a.mainmenu[href="/search"]{display:none}li > a.mainmenu[href="/calendar"]{display:none}li > a.mainmenu[href="/groups"]{display:none}#cssmenu ul{-moz-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);background:#7d7d7d url(overlay.png) repeat-x 0 -110px;border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-size:.8em;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.5em;list-style:none;margin:0;padding:7px 6px 0}#cssmenu li{float:left;list-style:none;margin:0 5px;padding:0 0 8px;position:relative}
a[href="/u4"] {
text-shadow: 0px 0px 5px #00FF00;
}
/* Resposta rápida com efeito retratil */
form#quick_reply #textarea_content textarea#text_editor_textarea, form#quick_reply textarea#text_editor_textarea {
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
height: 10px;
width: 100%!important;
}
form#quick_reply:hover #textarea_content textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea.post:hover {
position: relative;
height: 155px;
width: 100%!important;
}
/* Fim do código */
div.postprofile dl dt img{
      margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(http://illiweb.com/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(http://illiweb.com/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(http://illiweb.com/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}#left .module-advert{background-color:#f2f2f2;color:#6b6b6b;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#f2f2f2;color:#6b6b6b;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:400}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:85%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}.headerbar {background-color: #f5f8f6;}
#wrap {background-color: #f5f8f6; border: none; width: 88%;}
body{background-color: #f5f8f6; font-family: trebuchet ms; color: #6d6d6d; text-shadow: 1px 1px white, -0px -0px #333;
overflow-x:hidden;}

#login_2 {position: absolute; left: 75%; top: 52px; width: 75px; height: 27px; padding-top: 10px; padding-left: 0px;
  background-color: #3f3f3f;
  text-shadow: 1px 1px black, -0px -0px #333;
  font-size: 14px;
   color: white; text-align: center;
    -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}

#login_2:hover {
  background-color: #06aefe;
  color: white;
}

#login_2:link {
  color: white !important;
}

.content p {margin-left: 7%}
.content .h3 {margin-left: 7%;}

.h3 a:hover {color: #06aefe;}
.h3 a:link {color: #3f3f3f;}
.h3 a:active {color: #3f3f3f;}
.h3 a:visited {color: #3f3f3f;}

#logo {margin-top: 40px; margin-bottom: -30px;}

#page-header .navbar {background-color: #f5f8f6;}

.stick {position: absolute; left: 84%; top: 1px;}

#nav_2 {font-size: 18px; font-family: trebuchet ms; word-spacing: 45px; padding-left: 50%; font-style: italic; color: #3f3f3f;}
#nav_2 a:hover {border-bottom: 5px solid #06aefe; color: #3f3f3f;}

hr {border: none; background-color: #e3e3e3; }

#i_icon_mini_index, #i_icon_mini_calendar, #i_icon_mini_faq, #i_icon_mini_search, #i_icon_mini_groups {display: none !important;}

.titulo {font-size: 30px; font-family: times new roman; font-style: italic; color: #3f3f3f; line-height: 8px; padding-top: 20px;}
.desc {font-size: 12px; font-family: trebuchet ms;font-style: italic; color: #6d6d6d; padding-right: auto;}
.news p {line-height: 5px;}

.panel {
background-color: #f5f8f6;
  width: 110%;
  margin-left: -8%;
}

#slides {background-image: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: repeat-x;
height: 300px;
  width: 104%;
  padding-top: 30px;
  padding-left:0px;
}


.forabg {background-image: none; background-color: #f5f8f6; border: none;}

li.header {background-image: none; background-color: #3f3f3f; height: 25px; padding-left: 4px; padding-top: 4px;
  border: 4px solid #3f3f3f; 
-moz-border-radius: 5px; /* Para Firefox */
 -webkit-border-radius:5px; /*Para Safari e Chrome */
 border-radius: 5px; /* Para Opera 10.5+*/
  behavior:url(border-radius.htc);}


li.row {border-bottom: 1px solid #dadddb; background-color: #f5f8f6;}
li.row:hover {background-color: white;}

.table-title, .table-title h2 {
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

ul.topiclist li.header dl dd{
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

ul.topics li.header dl.icon dt {
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

span.corners-top span {background-color: #f5f8f6; border: none;}

.forumbg {background-image: none; background-color: #f5f8f6; border: none;}

dl.icon dd.dterm, dl.icon dt { margin-left: 10px; border-left: none;
 }

.topbar_offline{position: absolute; top: 0px; left: 0px; width: 98%;border: none; background-color: #3f3f3f; height: 60px;
  padding-left: 40px; padding-top:8px; display: none;}

.topbar_online{position: absolute; top: 0px; left: 0px; width: 98%;border: none; background-color: #3f3f3f; height: 60px;
  padding-left: 40px; padding-top:8px;}
.titulo_1 {color: #e4e4e4; font-family: times new roman; text-shadow: 1px 1px #000000, -0px -0px #333; font-size: 24px;}
.desc_2 {color: #9b9b9b; font-family: times new roman; text-shadow: 1px 1px #000000, -0px -0px #333; font-size: 13px;}
.divisor {top:0px; left:280px; top:5px; position: absolute;}

.post {font-size: 0.87em;}

.postprofile {
color: rgb(107, 107, 107);
  font-size: 1.3em !important;
  padding-right: 10px;
 }

.postbody {padding-top: 10px;}

ul#picture_legend li img, ul#privmsgs-menu li img {
  margin-right: 5px;
 }

.postbody .content {color: #3f3f3f; padding-right:50px; padding-top: 10px;}

.postprofile img {max-width: 200px;}

#cp-main .panel {padding-left: 90px;}
fieldset.fields1 {padding-left: 90px;}
fieldset dl {padding-left:90px;}

#search-box{position: center; bottom: 55px;height: 30px;width: 190px;right: -150px;display: inline;
  background-color: #ffffff; border: 1px solid #d6d6d6; background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
  background-position: right;
  background-repeat: no-repeat;

  -moz-box-shadow: 0 0 5px #d8d8d8;
 -webkit-box-shadow: 0 0 5px#d8d8d8;
 box-shadow: 0 0 5px #d8d8d8;
 
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 122px;color: #a6a6a6;font-family: Verdana;font-size: 16px;font-style: italic;font-weight: italic;background: transparent;}
#search-box input {border: none !important;background: none;
  -moz-box-shadow: 0 0 0px #06aefe !important;
 -webkit-box-shadow: 0 0 0px#06aefe !important;
 box-shadow: 0 0 0px #06aefe !important;
    -moz-border-radius: 0px  !important; /* Para Firefox */
 -webkit-border-radius:0px  !important; /*Para Safari e Chrome */
 border-radius: 0px  !important; /* Para Opera 10.5+*/

}
#search-box input.search {background: none;margin-left: 0px;margin-top: 5px;}
/* Fim da caixa de busca */


#search-box:hover {position: center; bottom: 55px;height: 30px;width: 190px;right: -150px;display: inline;
  background-color: #ffffff; border: 1px solid #06aefe; background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
  background-position: right;
  background-repeat: no-repeat;
/* SOMBRA */
  -moz-box-shadow: 0 0 5px #06aefe;
 -webkit-box-shadow: 0 0 5px#06aefe;
 box-shadow: 0 0 5px #06aefe;
  /* BORDA */
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}


input {height: 20px;width: 100px;right: -150px; min-width: 60px;
  background-image: none !important;
  background-color: #ffffff; border: 1px solid #d6d6d6;
  background-position: right;
  background-repeat: no-repeat;

  -moz-box-shadow: 0 0 5px #d8d8d8;
 -webkit-box-shadow: 0 0 5px#d8d8d8;
 box-shadow: 0 0 5px #d8d8d8;
 
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}

input:hover {  background-color: #ffffff; border: 1px solid #06aefe;
background-image: none !important;
  -moz-box-shadow: 0 0 5px #06aefe;
 -webkit-box-shadow: 0 0 5px#06aefe;
 box-shadow: 0 0 5px #06aefe;
}

input[type="checkbox"] {width: 5px !important; height: 10px !important;}

#cp-main .panel {width: 100%; !important; position: center;}

#foot_1 {background-image: url('http://illiweb.com/fa/pbucket.gif');
  background-color: #202020;
  background-repeat: repeat-x;
  width: 110%;
  height: 210px;
  margin-left: 0px;
  margin-bottom:-50px;
  padding-left: 50px;
  padding-top: 42px;
  text-shadow: 1px 1px black, -0px -0px #333 !important;
}
.links_1 a:link {color: white !important;}

.foot_title {font-size: 16px; font-family: arial black; font-style: bold; color: #7e7e7e; text-shadow: 1px 1px black, -0px -0px #333 !important;}

#postingbox .h3 { margin-left: 80px;}

#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background-image: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png");
}

fieldset.polls {margin-left: 90px;}

.left-box {margin-left: 90px;}

.panel h1.page-title {margin-left: 90px;}

.panel p {margin-left: 90px;}

#cp-main .panel {background-color: transparent;}

#cp-main {width: 90%;}

#page-footer, div.navbar, div.navbar ul.linklist {margin-top: 50 !important;}


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 igual ou semelhante a esse

Mensagem por iMicrosoft_ em 13/12/13, 12:06 pm

Olá, pode fechar o tópico, irei usar outro tema, obrigado a todos os que ajudaram.
avatar

iMicrosoft_
Nível 9

Masculino
Inscrito dia : 17/05/2013
Mensagens : 160
Pontos Ativos : 269

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