Quero esses botoes

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

Resolvido Quero esses botoes

Mensagem por Alex Habilidade em 30/09/12, 01:08 pm

Qual é minha questão:
Alguem pode me ajudar a aplicar os botoes desse fórum para o meu:

http://forum.forumactif.com/forum

Aqui esta a imagem do que eu quero: http://i49.servimg.com/u/f49/14/99/55/84/botao10.jpg

Obrigado.

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx/

Versão do meu fórum:
PHPBB3
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: Quero esses botoes

Mensagem por WebGames em 30/09/12, 01:12 pm

Olá
Aceda á Painel de controle :seta2: Visualizações :seta2: Cores :seta2: Folha de estilo CSS e cole isto lá
#page-header .navbar {
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
#page-header .navbar {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#page-header .navbar {
border-top: 5px solid #21C8FF!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#page-header .navbar li:hover {
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
}
#page-header .navbar ul[class="clearfix"] {
border: 0!important;
padding-top: 4px;
width: 90%;
}
#page-header .navbar a, #page-header .navbar a:visited {
text-decoration: none;
}
#page-header .navbar a, #page-header .navbar a {
color: #EDEDED;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
font-family: Arial,Helvetica,sans-serif!important;
font-size: 14px!important;
font-weight: 700;
margin: 0!important;
padding: 14px 7px 14px 0;
text-decoration: none!important;
}
#page-header .navbar li {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
#page-header .navbar li {
display: inline;
font-size: 1.15em;
}

Resultou?
zen
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Quero esses botoes

Mensagem por Sennior em 30/09/12, 11:11 pm

Boa noite,

Aceda à teu CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.navlinks {
-moz-border-radius: 0 0 7px 7px;
-o-border-radius: 0 0 7px 7px;
-webkit-border-radius: 0 0 7px 7px;
background: url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;
border-radius: 0 0 7px 7px;
border-top: 1px solid white;
bottom: 9px;
height: 26px;
position: relative;
text-align: center;
}
ul.navlinks {
border-bottom: 1px solid white;
font-weight: 700;
text-align: left;
}

Até mais.
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: Quero esses botoes

Mensagem por Alex Habilidade em 01/10/12, 01:43 am

Não ficou exatamente como eu queria veja:

http://maniaonline.foroactivo.com.mx/

alguém?
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: Quero esses botoes

Mensagem por Seikon em 01/10/12, 03:51 pm

Poderia especificar como gostaria que ficase?
avatar

Seikon
Usuário avançado

Masculino
Inscrito dia : 06/08/2010
Mensagens : 362
Pontos Ativos : 520

Ver perfil do usuário http://bleachninepowers.fullforums.net/forum

Resolvido Re: Quero esses botoes

Mensagem por Alex Habilidade em 02/10/12, 01:06 pm

@Seikon escreveu:Poderia especificar como gostaria que ficase?

Basta analizar a do fórum que mandei como exemplo!
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: Quero esses botoes

Mensagem por Alex Habilidade em 03/10/12, 02:05 am

Alguém???
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: Quero esses botoes

Mensagem por lucas.anjos em 04/10/12, 06:31 am

ogiva escreveu:Alguém???
eu kkkkkkk

Código:
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
text-align: center;
}
ul.navlinks {
-moz-border-radius: 0 0 7px 7px;
-o-border-radius: 0 0 7px 7px;
-webkit-border-radius: 0 0 7px 7px;
background: url(http://hitskin.com/themes/19/04/68/i_list_bg.png) repeat-x #1675BC;
border-radius: 0 0 7px 7px;
border-top: 1px solid white;
bottom: 9px;
height: 26px;
position: relative;
text-align: center;
}
ul.navlinks {
border-bottom: 1px solid white;
font-weight: 700;
text-align: left;
}

se não for esse eu tenho outro ok
avatar

lucas.anjos
Nível 8

Masculino
Inscrito dia : 02/10/2012
Mensagens : 133
Pontos Ativos : 239

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

Resolvido Re: Quero esses botoes

Mensagem por Alex Habilidade em 04/10/12, 03:05 pm

Não deu certo.

Alguém da Staff por favor?
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: Quero esses botoes

Mensagem por Sennior em 04/10/12, 03:17 pm

Olá,

Tente este CSS:

Código:
.linklist.navlinks.borderless {
-webkit-border-radius: 0 0 7px 7px;
background: url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;
border-radius: 0 0 7px 7px;
border-top: 1px solid white;
bottom: 9px;
height: 26px;
position: relative;
text-align: center !important;
color: white;
}

#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}

Coloque o código no inicio do teu CSS.

Até mais.
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: Quero esses botoes

Mensagem por Alex Habilidade em 04/10/12, 03:26 pm

Olá.

Os botões voltou igual era antes "igual do FDF".

Enviei uma mp com meu css para voce analizar.
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: Quero esses botoes

Mensagem por Hyouki em 04/10/12, 03:29 pm

Olá amigo , adicione esse código a sua css .
Código:
background-attachment: scroll;
background-color: transparent;
background-image: none;
color: #666;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
height: 2600.5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
width: 941.1166381835938px;
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Quero esses botoes

Mensagem por Sennior em 04/10/12, 03:30 pm

Tonto Estou confuso.

Mas este é o jeito dos botões daquele fórum. Tente este:

Código:
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.navlinks {
-moz-border-radius: 0 0 7px 7px;
-o-border-radius: 0 0 7px 7px;
-webkit-border-radius: 0 0 7px 7px;
background: url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;
border-radius: 0 0 7px 7px;
border-top: 1px solid white;
bottom: 9px;
height: 26px;
position: relative;
text-align: center;
}
ul.navlinks {
border-bottom: 1px solid white;
font-weight: 700;
text-align: left;
}

Até mais.
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: Quero esses botoes

Mensagem por Alex Habilidade em 04/10/12, 03:34 pm

@Mikéé escreveu: Tonto Estou confuso.

Mas este é o jeito dos botões daquele fórum. Tente este:

Código:
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.navlinks {
-moz-border-radius: 0 0 7px 7px;
-o-border-radius: 0 0 7px 7px;
-webkit-border-radius: 0 0 7px 7px;
background: url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;
border-radius: 0 0 7px 7px;
border-top: 1px solid white;
bottom: 9px;
height: 26px;
position: relative;
text-align: center;
}
ul.navlinks {
border-bottom: 1px solid white;
font-weight: 700;
text-align: left;
}

Até mais.

Infelizmente não funcionou...
Você algum botão criado por css igual a esse, porém que combine com meu fórum?
Assim eu nao utilizo esse que quero, caso outro me agrade.
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: Quero esses botoes

Mensagem por Ace em 04/10/12, 03:37 pm

Olá,

Aplique os seguintes códigos em seu CSS:

Código:
a.mainmenu img{display:none}a.mainmenu{margin-left:8px}
a.mainmenu{-moz-transition-duration:500ms;-o-transition-duration:500ms;-webkit-transition-duration:500ms;color:#fff;font-size:11px;outline:none;text-shadow:1px 1px 2px #000;transition-duration:500ms}ul.navlinks a.mainmenu:hover{color:#FFFF71;font-size:13px;font-weight:700;text-shadow:1px 1px 10px}ul.navlinks{-moz-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;background:url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;border-radius:0 0 7px 7px;border-top:1px solid #fff;bottom:9px;height:26px;position:relative;text-align:center}

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Quero esses botoes

Mensagem por Alex Habilidade em 04/10/12, 03:39 pm

@Ace escreveu:Olá,

Aplique os seguintes códigos em seu CSS:

Código:
a.mainmenu img{display:none}a.mainmenu{margin-left:8px}
a.mainmenu{-moz-transition-duration:500ms;-o-transition-duration:500ms;-webkit-transition-duration:500ms;color:#fff;font-size:11px;outline:none;text-shadow:1px 1px 2px #000;transition-duration:500ms}ul.navlinks a.mainmenu:hover{color:#FFFF71;font-size:13px;font-weight:700;text-shadow:1px 1px 10px}ul.navlinks{-moz-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;background:url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;border-radius:0 0 7px 7px;border-top:1px solid #fff;bottom:9px;height:26px;position:relative;text-align:center}

Cordialmente.

Deu certo ace, obrigado pode bloquear?
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/

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