Quero coloca esse botoes mais não sei

Qual é minha questão:
Ola Amigos Quero Coloca esse Botoes que vi em Um fórum Ache Muito Legal



Obrigado

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

Versão do fórum:
PHPBB3

Olá!

Os códigos que permitem editar esses botões poderia ser utilizado com as seguintes classes:

Código:

#quick_reply .button2,
#format-buttons .button2 {
/* propriedades CSS */
}

Onde está "propriedades CSS" deveria estar o código para personalizar o botão! Para além de existir uma imagem de fundo, os botões estão a utilizar um espaçamento interno. No meu entender o código final ficaria próximo disto:

Código:

#quick_reply .button2,
#format-buttons .button2 {
background: url("http://imagem.png") repeat-x;
padding: 3px;
}

Se sentir dificuldades... nós ajudamos!

Melhores cumprimentos.

Não Deu Resultado Ate amanha

Olá,

Adicione em seu CSS:

Código:

button.button2, button.button1,input.button2,input.button1 {
    padding: 5px;
    background: white;
    border-radius: 5px;
    border: 3px solid #BBB;
    cursor: pointer; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */;
}
button.button2:hover, button.button1:hover, input.button2:hover, input.button1:hover {
    border: 3px solid gray;
}

Abraços.

Bom Não Foi o 100% que eu Estava Esperando Mais Tudo Bom Obrigado

Up!!!!!!!!!!!!

Olá!

Utilize esse código CSS:

Código:

button.button2, button.button1,input.button2,input.button1 { padding: 5px; border-radius: 5px; border: 2px solid #BBB; cursor: pointer; background:white url(http://i.imgur.com/rrhEb.png) bottom left repeat-x; background-size:auto 10px; } button.button2:hover, button.button1:hover, input.button2:hover, input.button1:hover { border: 2px solid gray; }

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{background: #FFFFFF url("https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png") repeat-x left bottom; padding: 3px 5px;border-radius: 3px; border: 1px solid #ABABAB; -webkit-box-shadow: grey 0px 0px 3px!important}

Valide.

Melhores cumprimentos,
Today

Muito Obrigado Today