Menu CSS Personalizado
+3
REVIEW
while
Muller
7 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Menu CSS Personalizado
Detalhes da questão
Endereço do fórum: artmeirosc.forumeiros.com
Versão do fórum: PhpBB3
Descrição
Bom,gostaria de um menu no que combinasse com meu forum artmeirosc.forumeiros.com
Última edição por Muller em 12.08.16 6:10, editado 1 vez(es)
Re: Menu CSS Personalizado
Olá autor, eu não sou adivinho... não sei bem como é seu gosto.
Poderia por gentileza descrever como deseja, tendo as seguintes informações:
Se ter uma print ou fórum de como queres parecido, seria bom também...
Até mais.
Poderia por gentileza descrever como deseja, tendo as seguintes informações:
- Cores
- Borda
- Efeitos
- Cor de fundo
Se ter uma print ou fórum de como queres parecido, seria bom também...
Até mais.
Re: Menu CSS Personalizado
Olá,gostaria que ficasse assim >Inicio >Portal >MP ...etc
ai quando passar o mouse em cima vinhesse uma listra em ciano do canto esquerdo mas so na parte do nome, exemplo
>Inicio
ai passa o mouse
>Inicio
ai quando passar o mouse em cima vinhesse uma listra em ciano do canto esquerdo mas so na parte do nome, exemplo
>Inicio
ai passa o mouse
>Inicio
Re: Menu CSS Personalizado
Olá,
adiciona esse código em sua folha de CSS
Até mais.
adiciona esse código em sua folha de CSS
- Código:
.navbar ul.linklist li:hover {
background-color: transparent;
border-bottom: 4px solid #00FFFF;
padding: 2px 7px!important;
}
Até mais.
Re: Menu CSS Personalizado
Olhe esse forum http://www.nwdgames.com/forum passe o mouse pela categoria,gostaria assim no meu menu
Re: Menu CSS Personalizado
Saudações!
O que acha se fizermos assim, pois não entendi qual função da categoria o senhor quer.
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
O que acha se fizermos assim, pois não entendi qual função da categoria o senhor quer.
Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. |
- Código:
.navbar {
background: #1f80ff!important;
font-weight: 400!important;
left: 0!important;
padding: 0px 0!important;
text-transform: uppercase;
width: 100%!important;
z-index: 999!important;
font-size: 10px!important;
color: white!important;
height: 36px!important;
border-bottom: 5px solid #1ff8b3!important;
}ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
}span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: none!important;
}a.mainmenu:hover {
background: rgba(0, 0, 0, 0.42)!important;
padding: 9px 5px 12px!important;
}
a.mainmenu {
color: white;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
font-size: 12px!important;
}
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Re: Menu CSS Personalizado
Nao e assim,Sabe o efeito que ta na categoria? que quando voce passa o mouse,vem uma listra vermelha? e esse efeito que eu quero no meu menu
Re: Menu CSS Personalizado
Bom dia,
Pela forma de eu entender, altere seu código CSS para este abaixo:
Wamki
Pela forma de eu entender, altere seu código CSS para este abaixo:
- Código:
.navbar {
background: #1f80ff!important;
font-weight: 400!important;
left: 0!important;
padding: 0px 0!important;
text-transform: uppercase;
width: 100%!important;
z-index: 999!important;
font-size: 10px!important;
color: white!important;
height: 36px!important;
border-bottom: 5px solid #1ff8b3!important;
}ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
}span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: none!important;
}a.mainmenu:hover {
border-bottom: 5px solid red!important
padding: 9px 5px 12px!important;
}
a.mainmenu {
color: white;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
font-size: 12px!important;
}
Wamki
Re: Menu CSS Personalizado
http://www.nwdgames.com/forum oolha esse link passa o mouse nas categoria,da pra ver que a listra vermelha vem da esquerda gostaria desse efeito
Re: Menu CSS Personalizado
Bom dia,
Você gostaria desse efeito para categorias ou para menu? Se for para categorias, crie outro tópico com esta dúvida.
Ao relação do menu, foi resolvido?
Wamki
Você gostaria desse efeito para categorias ou para menu? Se for para categorias, crie outro tópico com esta dúvida.
Ao relação do menu, foi resolvido?
Wamki
Re: Menu CSS Personalizado
Procure no seu css por: a.mainmenu:hover
Você encontrará algo similar a isso:
Após isso adicione na sua folha de estilo css:
Você encontrará algo similar a isso:
- Código:
a.mainmenu:hover {
border-bottom: 5px solid red!important;
padding: 9px 5px 12px!important;
}
Após isso adicione na sua folha de estilo css:
- Código:
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
Re: Menu CSS Personalizado
- Código:
.navbar {
background: #1f80ff!important;
font-weight: 400!important;
left: 0!important;
padding: 0px 0!important;
text-transform: uppercase;
width: 100%!important;
z-index: 999!important;
font-size: 10px!important;
color: white!important;
height: 36px!important;
border-bottom: 5px solid #1ff8b3!important;
}ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
}span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: none!important;
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
a.mainmenu {
color: white;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
font-size: 12px!important;
}
.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:7px solid transparent}
div.module {
-webkit-box-shadow: -1px 1px 6px;
border-color: #315C99 #00A5CD #00A5CD!important;
border-radius: 6px 6px 3px 3px!important;
border-style: solid!important;
border-width: 0 1px 1px!important;
}
.module .h3 {
background: #1876bb!important;
color: #FFF!important;
height: 11px;
margin: -3px -10px 10px!important;
padding: 15px 3px!important;
text-align: center!important;
text-transform: uppercase;
}
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
Deu erro
Re: Menu CSS Personalizado
Olá,
sua CSS tava toda bagunçada troca por está
Até mais.
sua CSS tava toda bagunçada troca por está
- Código:
.navbar {
background: #1f80ff!important;
font-weight: 400!important;
left: 0!important;
padding: 0px 0!important;
text-transform: uppercase;
width: 100%!important;
z-index: 999!important;
font-size: 10px!important;
color: white!important;
height: 36px!important;
border-bottom: 5px solid #1ff8b3!important;
}
ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: none!important;
}
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
a.mainmenu {
color: white;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
font-size: 12px!important;
}
.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:7px solid transparent}
div.module {
-webkit-box-shadow: -1px 1px 6px;
border-color: #315C99 #00A5CD #00A5CD!important;
border-radius: 6px 6px 3px 3px!important;
border-style: solid!important;
border-width: 0 1px 1px!important;
}
.module .h3 {
background: #1876bb!important;
color: #FFF!important;
height: 11px;
margin: -3px -10px 10px!important;
padding: 15px 3px!important;
text-align: center!important;
text-transform: uppercase;
}
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
Até mais.
Re: Menu CSS Personalizado
perfeito,agora gostaria de deixar desse jeito http://prntscr.com/c20jdt
com esse ''>'' no inicio de cada nome do menu.
e gostaria de deixar o menu de uma unica cor ESSA
com esse ''>'' no inicio de cada nome do menu.
e gostaria de deixar o menu de uma unica cor ESSA
Re: Menu CSS Personalizado
Olá,
troque sua CSS toda por está:
Menu que você quer seria assim?
Até mais.
troque sua CSS toda por está:
- Código:
.navbar {
background: #00FFFF!important;
font-weight: 400!important;
left: 0!important;
padding: 0px 0!important;
text-transform: uppercase;
width: 100%!important;
z-index: 999!important;
font-size: 10px!important;
color: white!important;
height: 36px!important;
border-bottom: 5px solid #00FFFF!important;
}
ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: none!important;
}
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
a.mainmenu {
color: white;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
font-size: 12px!important;
}
.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:7px solid transparent}
div.module {
-webkit-box-shadow: -1px 1px 6px;
border-color: #315C99 #00A5CD #00A5CD!important;
border-radius: 6px 6px 3px 3px!important;
border-style: solid!important;
border-width: 0 1px 1px!important;
}
.module .h3 {
background: #1876bb!important;
color: #FFF!important;
height: 11px;
margin: -3px -10px 10px!important;
padding: 15px 3px!important;
text-align: center!important;
text-transform: uppercase;
}
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
Menu que você quer seria assim?
Até mais.
Re: Menu CSS Personalizado
Olá, adicione mais esse código em sua folha de estilo css:
Seria assim?
Até mais.
- Código:
a.mainmenu:hover:before {
content:">";
padding:5px;
}
Seria assim?
Até mais.
Re: Menu CSS Personalizado
Puts, pensei que fosse só quando colocar o mouse em cada item aparecer... perdão!
Troque o código que te passei acima por este:
Até mais.
Troque o código que te passei acima por este:
- Código:
a.mainmenu:before {
content:">";
padding:5px;
}
Até mais.
Re: Menu CSS Personalizado
Olá,Desculpa,eu acabei mudando o tema do meu forum e não peguei a css,será que tem como me mandaar do menu completo já,com os efeitos e tudo.
Re: Menu CSS Personalizado
Não sei como tava pois não acompanhei, mas aqui está:
Seria assim?
Até mais.
- Código:
ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
}
a.mainmenu:hover:after {
width: 100%;
}
a.mainmenu {
color: white;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
font-size: 12px!important;
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
#page-header .navbar .navlinks li a[href="/"] {
color:#fff!important;
background:#000;
}
a.mainmenu:before {
content:">";
padding:5px;
}
Seria assim?
Até mais.
Re: Menu CSS Personalizado
Tem que ser no topo de sua folha de estilo css( acima de todos os códigos )
troque o código por este:
Até mais.
troque o código por este:
- Código:
ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
margin-top:-55px!important;
}
#search-box #keywords {margin-top:-30px!important;}
#search-box input.button2 {margin-top:-30px!important;margin-left:-6px!important;}
a.mainmenu:hover:after {
width: 100%;
}
a.mainmenu {
color: white!important;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
font-size: 12px!important;
position: relative!important;
transition: color .2s!important;
}
a.mainmenu:after {
background-color: red;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
#page-header .navbar .navlinks li a[href="/"] {
color:#fff!important;
background:#000!important;
}
a.mainmenu:before {
content:">";
padding:5px;
}
Até mais.
Re: Menu CSS Personalizado
Esta dando erro
- Código:
ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
}
a.mainmenu:hover:after {
width: 100%;
}
a.mainmenu {
color: white!important;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
font-size: 12px!important;
position: relative!important;
transition: color .2s!important;
}
a.mainmenu:after {
background-color: red;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
#page-header .navbar .navlinks li a[href="/"] {
color:#fff!important;
background:#000!important;
}
a.mainmenu:before {
content:">";
padding:5px;
}
/*------------------------------------------------*/
/*-------------[Body tamanho do foórum e descrição]------------*/
/*------------------------------------------------*/
.navbar span.corners-bottom, .navbar span.corners-top, .panel span.corners-bottom, .panel span.corners-top, .post span.corners-bottom, .post span.corners-top {
margin: 0 -5px;
}
.module { position: relative !important; left: -3px !important; width: 150px !important; }
.mainmenu {
padding: 9px !important;
}
body#phpbb{
background:#d8dde8 url(http://i.imgur.com/ByI9p.png) top repeat-x;
margin-top: 175px;
}
.select{
margin-top:-190px!important;
}
#wrap {
font: normal 11px helvetica,arial,sans-serif;
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
background: #fff;
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
line-height: 120%;
padding: 10px;
width: 85%;
top: 100px;
margin-top: -52px;
}
#logo {
position: absolute;
top: -155px;
margin-left: -20px;
}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
/*------------------------------------------------*/
/*-------------[Painel dos subfóruns]------------*/
/*------------------------------------------------*/
.panel {
background:#ebf0f3;
border: 1px #dbe4ef solid;
}
.row {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}
.forabg {
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;
}
.row1 {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}
.row2 {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}
/*------------------------------------------------*/
/*-------------[Fóruns, categoria e Portal]------------*/
/*------------------------------------------------*/
.forumbg {
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;}
span.corners-bottom {display:none;}
.post {
background:rgb(252, 252, 252);
border: none;
padding-bottom: 5px;
}
.postbody .content {
padding-right: 10px;
}
.post .inner{background: #fff;}
.post span.corners-top{
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom:4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;
height:34px;
}
.module {
background: rgb(255, 255, 255);
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: 1px solid rgb(185, 185, 185);
}
.module span.corners-top {
border-bottom: 1px #dbe4ef solid;
height: 29px;
background: #ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
}
ul.topiclist {
margin: 6px 6px 10px 6px;
}
/*------------------------------------------------*/
/*-------------[Caixa de busca e alguns códigos importântes]------------*/
/*------------------------------------------------*/
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
position: relative;
top: -60px;
white-space: nowrap;
}
#search-box #keywords {
-moz-border-radius: 3px 4px 4px 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #fff;
border: 1px solid #000;
border-radius: 3px 4px 4px 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
color: #5a5a5a;
padding: 5px 30px 5px 10px;
width: 200px;
height: 15px;
}
#search-box input.button2 {
background: #7ba60d url(http://i.imgur.com/vJs32.png) no-repeat 50%!important;
color: transparent;
height: 26px!important;
position: relative;
right: 25px;
width: 30px!important;
border: 1px solid #7ba60d;
border-radius: 0px 3px 3px 0px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
border-top: 1px solid #000;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#search_menu {
background: #fff;
font-size: 11px!important;
left: 10%!important;
top: 40px!important;
}
#search_menu a{
color:#000!important;
position: relative;
top:none!important;
background:none!important}
#search_menu a:hover{background:none!important}
.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}
/*------------------------------------------------*/
/*-------------[Remover o sublinhado de links]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*------------------------------------------------*/
/*-------------[Botões]------------*/
/*------------------------------------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}
/*------------------------------------------------*/
/*-------------[códigos de agregados em solução de problemas e não excluir nada de importante contribuição]------------*/
/*------------------------------------------------*/
#plus_menu {
background: #ffffff;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size:1.2em;}
fieldset.fields1 div {
margin-bottom: 0px;
}
/*------------------------------------------------*/
/*------------------------------------------------*/
.cpinfo {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i.imgur.com/BZ17N.png');
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}
.postprofile {
border-color: rgb(207, 207, 207);
}
#main-content p em b a,#main-content p em{font-style:normal}
input#username.inputbox.autowidth, input#password.inputbox.autowidth{visibility:visible !important;background-color:#fff !important; border:1px solid #000;}
.img_list_hp {
border: 1px solid #00A1BA;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.img_list_hp:hover {
background-color: #DCEAF5;
}
.img_list_hp img {
padding: 8px 15px;
}
.img_list_hp span {
background-color: #00A1BA;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://img5.imageshack.us/img5/9393/nvzu.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}
#username_reg {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
#email {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
#password_reg {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
.user_login_form.center label input.post {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
#quick_reply {
width: 780px !important;
}
#textarea_content{width:90%!important}
ul.topiclist li.header dl dd.lastpost{padding-left:8px}
.post { border: 10px solid #ebf0f3 !important; border-radius: 5px !Important; padding: 0px 0px 0px 0px !important; } .post .inner { background: transparent !important; position: relative !important; top: -10px !important; }
body {
color: #595959;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
}
.post {
background: rgb(242, 249, 255);
border: 5px solid rgb(230, 230, 230)!important;
border-radius: 15px!important;
padding: 0!important;
}
.panel.row3 {
border-radius: 8px;
box-shadow: 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.panel {
background: rgb(255, 255, 255);
border: 1px rgb(139, 187, 247) solid;
box-shadow: 10px 6px 10px rgba(5, 5, 5, 0.1);
border-radius: 10px;
}
.module {
background: rgb(255, 255, 255);
box-shadow: 3px 4px 5px #ccc;
left: 5px!important;
position: relative!important;
width: 150px!important;
}
.forabg {
box-shadow: 10px 5px 4px #ccc;
margin-bottom: 10px;
}
.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:6px solid transparent}
/* ------------------------- Legenda Personalizada ------------------------------- */
#i_whosonline + p br + br + em {
width: 70%;
background: white 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;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
background: white;
border: 3px solid #e2e2e1;
box-shadow: 0px 0px 7px #d2d2d2;
border-radius: 5px 5px 5px;
padding: 4px;
}
.header, .module span.corners-top }
padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}
Re: Menu CSS Personalizado
Troque por:
- Código:
ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
margin-top:-55px!important;
}
#search-box #keywords {margin-top:-30px!important;}
#search-box input.button2 {margin-top:-30px!important;margin-left:-6px!important;}
a.mainmenu:hover:after {
width: 100%;
}
a.mainmenu {
color: white!important;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
font-size: 12px!important;
position: relative!important;
transition: color .2s!important;
}
a.mainmenu:after {
background-color: red;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
#page-header .navbar .navlinks li a[href="/"] {
color:#fff!important;
background:#000!important;
}
a.mainmenu:before {
content:">";
padding:5px;
}
/*------------------------------------------------*/
/*-------------[Body tamanho do foórum e descrição]------------*/
/*------------------------------------------------*/
.navbar span.corners-bottom, .navbar span.corners-top, .panel span.corners-bottom, .panel span.corners-top, .post span.corners-bottom, .post span.corners-top {
margin: 0 -5px;
}
.module { position: relative !important; left: -3px !important; width: 150px !important; }
.mainmenu {
padding: 9px !important;
}
body#phpbb{
background:#d8dde8 url(http://i.imgur.com/ByI9p.png) top repeat-x;
margin-top: 175px;
}
.select{
margin-top:-190px!important;
}
#wrap {
font: normal 11px helvetica,arial,sans-serif;
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
background: #fff;
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
line-height: 120%;
padding: 10px;
width: 85%;
top: 100px;
margin-top: -52px;
}
#logo {
position: absolute;
top: -155px;
margin-left: -20px;
}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
/*------------------------------------------------*/
/*-------------[Painel dos subfóruns]------------*/
/*------------------------------------------------*/
.panel {
background:#ebf0f3;
border: 1px #dbe4ef solid;
}
.row {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}
.forabg {
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;
}
.row1 {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}
.row2 {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}
/*------------------------------------------------*/
/*-------------[Fóruns, categoria e Portal]------------*/
/*------------------------------------------------*/
.forumbg {
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;}
span.corners-bottom {display:none;}
.post {
background:rgb(252, 252, 252);
border: none;
padding-bottom: 5px;
}
.postbody .content {
padding-right: 10px;
}
.post .inner{background: #fff;}
.post span.corners-top{
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom:4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;
height:34px;
}
.module {
background: rgb(255, 255, 255);
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: 1px solid rgb(185, 185, 185);
}
.module span.corners-top {
border-bottom: 1px #dbe4ef solid;
height: 29px;
background: #ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
}
ul.topiclist {
margin: 6px 6px 10px 6px;
}
/*------------------------------------------------*/
/*-------------[Caixa de busca e alguns códigos importântes]------------*/
/*------------------------------------------------*/
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
position: relative;
top: -60px;
white-space: nowrap;
}
#search-box #keywords {
-moz-border-radius: 3px 4px 4px 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #fff;
border: 1px solid #000;
border-radius: 3px 4px 4px 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
color: #5a5a5a;
padding: 5px 30px 5px 10px;
width: 200px;
height: 15px;
}
#search-box input.button2 {
background: #7ba60d url(http://i.imgur.com/vJs32.png) no-repeat 50%!important;
color: transparent;
height: 26px!important;
position: relative;
right: 25px;
width: 30px!important;
border: 1px solid #7ba60d;
border-radius: 0px 3px 3px 0px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
border-top: 1px solid #000;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#search_menu {
background: #fff;
font-size: 11px!important;
left: 10%!important;
top: 40px!important;
}
#search_menu a{
color:#000!important;
position: relative;
top:none!important;
background:none!important;}
#search_menu a:hover{background:none!important;}
.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}
/*------------------------------------------------*/
/*-------------[Remover o sublinhado de links]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*------------------------------------------------*/
/*-------------[Botões]------------*/
/*------------------------------------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}
/*------------------------------------------------*/
/*-------------[códigos de agregados em solução de problemas e não excluir nada de importante contribuição]------------*/
/*------------------------------------------------*/
#plus_menu {
background: #ffffff;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size:1.2em;}
fieldset.fields1 div {
margin-bottom: 0px;
}
/*------------------------------------------------*/
/*------------------------------------------------*/
.cpinfo {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i.imgur.com/BZ17N.png');
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}
.postprofile {
border-color: rgb(207, 207, 207);
}
#main-content p em b a,#main-content p em{font-style:normal}
input#username.inputbox.autowidth, input#password.inputbox.autowidth{visibility:visible !important;background-color:#fff !important; border:1px solid #000;}
.img_list_hp {
border: 1px solid #00A1BA;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.img_list_hp:hover {
background-color: #DCEAF5;
}
.img_list_hp img {
padding: 8px 15px;
}
.img_list_hp span {
background-color: #00A1BA;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://img5.imageshack.us/img5/9393/nvzu.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}
#username_reg {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
#email {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
#password_reg {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
.user_login_form.center label input.post {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
#quick_reply {
width: 780px !important;
}
#textarea_content{width:90%!important}
ul.topiclist li.header dl dd.lastpost{padding-left:8px}
.post { border: 10px solid #ebf0f3 !important; border-radius: 5px !Important; padding: 0px 0px 0px 0px !important; } .post .inner { background: transparent !important; position: relative !important; top: -10px !important; }
body {
color: #595959;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
}
.post {
background: rgb(242, 249, 255);
border: 5px solid rgb(230, 230, 230)!important;
border-radius: 15px!important;
padding: 0!important;
}
.panel.row3 {
border-radius: 8px;
box-shadow: 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.panel {
background: rgb(255, 255, 255);
border: 1px rgb(139, 187, 247) solid;
box-shadow: 10px 6px 10px rgba(5, 5, 5, 0.1);
border-radius: 10px;
}
.module {
background: rgb(255, 255, 255);
box-shadow: 3px 4px 5px #ccc;
left: 5px!important;
position: relative!important;
width: 150px!important;
}
.forabg {
box-shadow: 10px 5px 4px #ccc;
margin-bottom: 10px;
}
.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:6px solid transparent;}
/* ------------------------- Legenda Personalizada ------------------------------- */
#i_whosonline + p br + br + em {
width: 70%;
background: white 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;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
background: white;
border: 3px solid #e2e2e1;
box-shadow: 0px 0px 7px #d2d2d2;
border-radius: 5px 5px 5px;
padding: 4px;
}
.header, .module span.corners-top {
padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}
Re: Menu CSS Personalizado
http://prntscr.com/c2k69e
gostaria de tirar esse preto do inicio,e abaixar um pouco o menu
gostaria de tirar esse preto do inicio,e abaixar um pouco o menu
Re: Menu CSS Personalizado
Troque por:
Até mais.
- Código:
ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
margin-top:-52px!important;
}
#search-box #keywords {margin-top:-30px!important;}
#search-box input.button2 {margin-top:-30px!important;margin-left:-6px!important;}
a.mainmenu:hover:after {
width: 100%;
}
a.mainmenu {
color: white!important;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
font-size: 12px!important;
position: relative!important;
transition: color .2s!important;
}
a.mainmenu:after {
background-color: red;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
#page-header .navbar .navlinks li a[href="/"] {
color:#fff!important;
}
a.mainmenu:before {
content:">";
padding:5px;
}
/*------------------------------------------------*/
/*-------------[Body tamanho do foórum e descrição]------------*/
/*------------------------------------------------*/
.navbar span.corners-bottom, .navbar span.corners-top, .panel span.corners-bottom, .panel span.corners-top, .post span.corners-bottom, .post span.corners-top {
margin: 0 -5px;
}
.module { position: relative !important; left: -3px !important; width: 150px !important; }
.mainmenu {
padding: 9px !important;
}
body#phpbb{
background:#d8dde8 url(http://i.imgur.com/ByI9p.png) top repeat-x;
margin-top: 175px;
}
.select{
margin-top:-190px!important;
}
#wrap {
font: normal 11px helvetica,arial,sans-serif;
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
background: #fff;
box-shadow: 0 5px 9px rgba(0,0,0,0.1);
line-height: 120%;
padding: 10px;
width: 85%;
top: 100px;
margin-top: -52px;
}
#logo {
position: absolute;
top: -155px;
margin-left: -20px;
}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
/*------------------------------------------------*/
/*-------------[Painel dos subfóruns]------------*/
/*------------------------------------------------*/
.panel {
background:#ebf0f3;
border: 1px #dbe4ef solid;
}
.row {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}
.forabg {
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;
}
.row1 {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}
.row2 {
background: #fff;
border: 1px solid #dbe4ef;
border-bottom: 1px solid #f3f3f3!important;
}
/*------------------------------------------------*/
/*-------------[Fóruns, categoria e Portal]------------*/
/*------------------------------------------------*/
.forumbg {
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;}
span.corners-bottom {display:none;}
.post {
background:rgb(252, 252, 252);
border: none;
padding-bottom: 5px;
}
.postbody .content {
padding-right: 10px;
}
.post .inner{background: #fff;}
.post span.corners-top{
background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
margin-bottom:4px;
padding: 0 0 1px;
border-top: 1px solid #316897;
border-radius: 4px 4px 0px 0px;
height:34px;
}
.module {
background: rgb(255, 255, 255);
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: 1px solid rgb(185, 185, 185);
}
.module span.corners-top {
border-bottom: 1px #dbe4ef solid;
height: 29px;
background: #ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
}
ul.topiclist {
margin: 6px 6px 10px 6px;
}
/*------------------------------------------------*/
/*-------------[Caixa de busca e alguns códigos importântes]------------*/
/*------------------------------------------------*/
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
position: relative;
top: -60px;
white-space: nowrap;
}
#search-box #keywords {
-moz-border-radius: 3px 4px 4px 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #fff;
border: 1px solid #000;
border-radius: 3px 4px 4px 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
color: #5a5a5a;
padding: 5px 30px 5px 10px;
width: 200px;
height: 15px;
}
#search-box input.button2 {
background: #7ba60d url(http://i.imgur.com/vJs32.png) no-repeat 50%!important;
color: transparent;
height: 26px!important;
position: relative;
right: 25px;
width: 30px!important;
border: 1px solid #7ba60d;
border-radius: 0px 3px 3px 0px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
border-top: 1px solid #000;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#search_menu {
background: #fff;
font-size: 11px!important;
left: 10%!important;
top: 40px!important;
}
#search_menu a{
color:#000!important;
position: relative;
top:none!important;
background:none!important;}
#search_menu a:hover{background:none!important;}
.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}
/*------------------------------------------------*/
/*-------------[Remover o sublinhado de links]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*------------------------------------------------*/
/*-------------[Botões]------------*/
/*------------------------------------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}
/*------------------------------------------------*/
/*-------------[códigos de agregados em solução de problemas e não excluir nada de importante contribuição]------------*/
/*------------------------------------------------*/
#plus_menu {
background: #ffffff;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size:1.2em;}
fieldset.fields1 div {
margin-bottom: 0px;
}
/*------------------------------------------------*/
/*------------------------------------------------*/
.cpinfo {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i.imgur.com/BZ17N.png');
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}
.postprofile {
border-color: rgb(207, 207, 207);
}
#main-content p em b a,#main-content p em{font-style:normal}
input#username.inputbox.autowidth, input#password.inputbox.autowidth{visibility:visible !important;background-color:#fff !important; border:1px solid #000;}
.img_list_hp {
border: 1px solid #00A1BA;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.img_list_hp:hover {
background-color: #DCEAF5;
}
.img_list_hp img {
padding: 8px 15px;
}
.img_list_hp span {
background-color: #00A1BA;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://img5.imageshack.us/img5/9393/nvzu.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}
#username_reg {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
#email {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
#password_reg {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
.user_login_form.center label input.post {
background-color: white;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
#quick_reply {
width: 780px !important;
}
#textarea_content{width:90%!important}
ul.topiclist li.header dl dd.lastpost{padding-left:8px}
.post { border: 10px solid #ebf0f3 !important; border-radius: 5px !Important; padding: 0px 0px 0px 0px !important; } .post .inner { background: transparent !important; position: relative !important; top: -10px !important; }
body {
color: #595959;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
}
.post {
background: rgb(242, 249, 255);
border: 5px solid rgb(230, 230, 230)!important;
border-radius: 15px!important;
padding: 0!important;
}
.panel.row3 {
border-radius: 8px;
box-shadow: 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.panel {
background: rgb(255, 255, 255);
border: 1px rgb(139, 187, 247) solid;
box-shadow: 10px 6px 10px rgba(5, 5, 5, 0.1);
border-radius: 10px;
}
.module {
background: rgb(255, 255, 255);
box-shadow: 3px 4px 5px #ccc;
left: 5px!important;
position: relative!important;
width: 150px!important;
}
.forabg {
box-shadow: 10px 5px 4px #ccc;
margin-bottom: 10px;
}
.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:6px solid transparent;}
/* ------------------------- Legenda Personalizada ------------------------------- */
#i_whosonline + p br + br + em {
width: 70%;
background: white 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;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
background: white;
border: 3px solid #e2e2e1;
box-shadow: 0px 0px 7px #d2d2d2;
border-radius: 5px 5px 5px;
padding: 4px;
}
.header, .module span.corners-top {
padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}
Até mais.
Re: Menu CSS Personalizado
Primeira linha da sua folha de estilo css é esta:
Altere o valor que está em vermelho para ajustar ao seu gosto.
Posso considerar como resolvido?
Até mais.
ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
margin-top:-52px!important;
}
Altere o valor que está em vermelho para ajustar ao seu gosto.
Posso considerar como resolvido?
Até mais.
Re: Menu CSS Personalizado
Boa noite.
Já pensou em utilizar este modelo de menu:
https://ajuda.forumeiros.com/t103596-
Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.
Já pensou em utilizar este modelo de menu:
https://ajuda.forumeiros.com/t103596-
Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.
Re: Menu CSS Personalizado
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Menu personalizado
» Menu personalizado CSS
» Menu Personalizado
» Menu personalizado
» Menu personalizado
» Menu personalizado CSS
» Menu Personalizado
» Menu personalizado
» Menu personalizado
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos