Efeito nos botoes
2 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
Efeito nos botoes
Qual é minha questão:
Olá.
Como aplicar esse efeito nos botoes do fórum:
https://i.servimg.com/u/f39/14/99/55/84/efeito10.jpg
Link do forum onde eu ví:
http://forum.forumactif.com/forum
Até Mais.
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
Olá.
Como aplicar esse efeito nos botoes do fórum:
https://i.servimg.com/u/f39/14/99/55/84/efeito10.jpg
Link do forum onde eu ví:
http://forum.forumactif.com/forum
Até Mais.
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
Re: Efeito nos botoes
Olá autor,
Aceda à teu CSS com o código abaixo:
Painel de Controle Visualização Imagens e Cores Cores 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'
Aceda à teu CSS com o código abaixo:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
- Código:
#search-box input.button2:hover, a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #00A5CD!important;
box-shadow: 1px 1px 5px!important;
color: #00A5CD!important;
}
#search-box input.button2, a.button2, input.button1, input.button2 {
background-color: whiteSmoke;
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_buttons.png);
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-radius: 2px;
box-shadow: 1px 1px 1px;
color: #666!important;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 24px;
line-height: 27px;
margin: 5px 6px;
padding: 0 8px!important;
text-align: center;
}
#search-box input {
background: none repeat scroll 0 0 white;
border: 1px solid #D9D9D9;
color: black;
height: 20px;
}
#search-box input.button2:hover, a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #00A5CD!important;
box-shadow: 1px 1px 5px!important;
color: #00A5CD!important;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #FF8A00;
color: #FF8A00;
}
#search-box input.button2, a.button2, input.button1, input.button2 {
background-color: whiteSmoke;
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_buttons.png);
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-radius: 2px;
box-shadow: 1px 1px 1px;
color: #666!important;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 24px;
line-height: 27px;
margin: 5px 6px;
padding: 0 8px!important;
text-align: center;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #FAFAFA;
background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
color: black;
font-family: Verdana,Arial,Helvetica,sans-serif;
overflow: visible;
padding: 2px 3px;
width: auto!important;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
button.button2, input.button1, input.button2 {
font-size: 1em;
}
input {
cursor: pointer;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight: 400;
padding: 0 3px;
vertical-align: middle;
}
Até mais.
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
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