Formato de seleção de botões
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Formato de seleção de botões
Qual é minha questão:
Gostaria de saber como posso mudar o modo de exibição do quadro de um botão do modo retangular para alguma outra formula.
Exemplos:
http://www.maisgame.com.br/customer/account/login/
https://i.servimg.com/u/f71/15/86/47/24/210.png
Endereço do meu fórum:
https://ajuda.forumeiros.com
Versão do fórum:
PHPBB3
Gostaria de saber como posso mudar o modo de exibição do quadro de um botão do modo retangular para alguma outra formula.
Exemplos:
http://www.maisgame.com.br/customer/account/login/
https://i.servimg.com/u/f71/15/86/47/24/210.png
Endereço do meu fórum:
https://ajuda.forumeiros.com
Versão do fórum:
PHPBB3
Re: Formato de seleção de botões
Bom dia!
Aceda á tua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
Até mais!
Aceda á tua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
- Código:
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
display: block;
float: left;
background: #20A2E0 !important;
padding: 4px 4px 5px 4px;
font: bold 12px/21px Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: center;
white-space: nowrap;
color: #fff !important;
border-radius: 3px;
border: transparent !important;
}
Até mais!
Re: Formato de seleção de botões
Sennior, como eu disse é para minha pagina html, agora onde eu estou não da pra mim upa ela, só me tira uma duvida sobre seu código..
"a.button2, body:last-child a.button1, button.button2, input.button1, input.button2" estas entidades ja devem estar vinculadas com o forum certo? e tipo como meu menu é simples eu só teria que criar uma class para eles e fixar o codigo que voce passou no mesmo? pelo css
"a.button2, body:last-child a.button1, button.button2, input.button1, input.button2" estas entidades ja devem estar vinculadas com o forum certo? e tipo como meu menu é simples eu só teria que criar uma class para eles e fixar o codigo que voce passou no mesmo? pelo css
Re: Formato de seleção de botões
Olá!
Não, o senhor não disse que era para sua pagina HTML
Faça o seguinte, me mande à pagina HTML e me diga o que deseja adicionar na mesma.
Até mais.
Não, o senhor não disse que era para sua pagina HTML
Faça o seguinte, me mande à pagina HTML e me diga o que deseja adicionar na mesma.
Até mais.
Re: Formato de seleção de botões
Html
Css
- Código:
<html>
<head>
<title>Jogo justo</title>
<link rel="stylesheet" type="text/css" href="estilo.css" />
<head>
<center>
<body>
<div style="background:#fff; width:1100px; -moz-border-
radius:0px; border-radius:0px; border:solid #ccc 0px;text-
align:left ;">
<img src="imagens\jogojusto.png">
<br/></div><br/>
<div class="div-menu">
<table>
<center>
<td><a href="index.html"><h5>Inicio</h5></a></td>
<td><a href="cadastro.html"><h5>Cadastro-
se</h5></a></td>
<td><a href="conta.html"><h5>Minha
conta</h5></a></td>
<td><a href="Termos.html"><h5>Termos do
site</h5></a></td>
<td><a href="fale".html"><h5>Fale
conosco</h5></a></td>
<td><a href="sac.html"><h5>SAC</h5></a></td>
<td style="text-align:right; margin-right:12px;"><a
href="sair.html"><h5>Sair</h5></a></td>
</table>
</div><br/>
<div class="div-categoria">
<center><img src="imagens\cate.png"></center><h4>
<a href="ps3.html"><h4>Playstation 3</h4><br/><hr
align="left"></a>
<a href="ps2.html"><h4>Playstation 2</h4><br/></hr><hr
align="left"></a>
<a href="psp.html"><h4>Psp</h4><br/></hr><hr
align="left"></a>
<a href="pspv.html"><h4>Ps Vita</h4><br/></hr><hr
align="left"></a>
<a href="xbox.html"><h4>Xbox 360</h4><br/></hr><hr
align="left"></a>
<a href="wiiu.html"><h4>Nintendo Wii
U</h4><br/></hr><hr align="left"></a>
<a href="wii.html"><h4>Nintendo Wii</h4><br/></hr><hr
align="left"></a>
<a href="3ds.html"><h4>Nintendo
3Ds</h4><br/></hr><hr align="left"></a>
<a href="ds.html"><h4>Nintendo Ds</h4><br/></hr><hr
align="left"></a>
<a
href="computador.html"><h4>Computadores</h4></br><b
r/></a></h4>
</div>
<div class="div-centro1">
<FORM class="form-busca" method=GET
action=http://www.google.com/search>
<input type=hidden name=sitesearch
value=http://dicaslegais.weebly.com/>
<input type=text name=q size=100>
<input type="button" value="Buscar" >
</div>
<br/><br/>
<div class="div-centro"><img src="imagens
\comprados.png">
<table style="margin-bottom:5">
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\gtav.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>Grand Theft
<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/>Auto V</h2>
<b><p>R$ 200,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;">
</td>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\red.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>Red Dead
<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/>Redemption</h2>
<p></p><b><p>R$ 76,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;">
</td>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\gow.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>God of war<br/><P></p>Ascensions</h2>
<b><p>R$ 120,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;">
</td>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\u3.jpg" Style="margin-
left:15px;margin-right:15px;">
<h2>Uncharted 3</h2>
<b><p>R$ 110,00</p></b>
</a>
</table>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/
><br/><br/><br/><br/><br/><br/><br/><br/>
<hr style="width:700;align:center;">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/
><br/><br/><br/><br/><br/><br/><br/><br/>
<table style="margin-right:15px;margin-bottom:5">
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\resident.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>Resident Evil 6</h2>
<b><p>R$ 90,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;">
</td>
<td style="margin-left:8;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\kof.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>The king of<p></p>fighter XII</h2>
<b><p>R$ 56,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;">
</td>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\deus.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>Deus Ex Human<p></p> Revolution</h2>
<b><p>R$ 80,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;">
</td>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\redf.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>Red Faction<p></p>Armageddon</h2>
<b><p>R$ 75,00</p></b>
</a>
</table>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/
><br/><br/><br/><br/><br/><br/><br/><br/>
<hr style="width:700;align:center;">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/
><br/><br/><br/><br/><br/><br/><br/><br/>
<table style="margin-right:10px;margin-bottom:5"
Style="margin-left:15px;margin-right:15px;">
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\mw3.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>Call of duty<p></p>MW3</h2>
<b><p>R$ 100,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;">
</td>
<td style="margin-left:8;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\ass.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>Assassins Creed II</h2>
<b><p>R$ 80,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;">
</td>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\dead.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>Dead Island</h2>
<b><p>R$ 50,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;" >
</td>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\need.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>Need For Speed
</h2><h2> The Run Xbox 360</h2>
<b><p>R$ 70,00</p></b>
</a>
</table>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/
><br/><br/><br/><br/><br/><br/><br/><br/>
<hr style="width:700;align:center;">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/
><br/><br/><br/><br/><br/><br/><br/><br/>
<table style="margin-right:10px;margin-bottom:5">
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<td></td><td></td><td></td><td></td>
<td style="margin-left:15px;margin-right:15px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\gtaiv.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>Grand Theft Auto IV</h2>
<b><p>R$ 100,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;">
</td>
<td style="margin-left:8;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\red1.jpg"
Style="margin-left:15px;margin-right:15px;">
<h2>Resident Evil 5</h2>
<b><p>R$ 110,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;">
</td>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\max.jpg"
Style="margin-left:15px;margin-right:15px;"">
<h2>Max payne 3</h2>
<b><p>R$ 110,00</p></b>
</a>
<td>
<img src="imagens\linha.jpg" Style="margin-
left:15px;margin-right:15px;">
</td>
<td style="margin-left:5px;margin-right:5px;text-
align:center;line-height:1px;">
<a href="gtav.html"><img src="jogos\ult.jpg" Style="margin-
left:15px;margin-right:15px;">
<h2>Ultimate Marvel<p></P> Vs Capcom 3 </h2>
<b><p>R$ 70,00</p></b>
</a>
</table>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/
><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/
><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
<div style="float:right;width:190px;-moz-border-radius:0px;
padding:1px;margin-right:10px">
<a href="seguro.html"><img src="Imagens
\seguro.jpg"></a>
</div>
<br/><br/>
<br/><br/><br/><br/>
<p>
<div class="div-form"><center><p></p> Acesse sua
conta<br/> com seu LOGIN e SENHA.<br/></center>
<center><input type="text" style="-webkit-border-top-left-
radius:20px;-webkit-border-top-right-radius:10px;margin-
bottom:1px;margin-top:1px;-webkit-border-bottom-right-
radius:20px;-webkit-border-bottom-left-radius:10px;text-
align:center;" name="login" size="20" maxlengTH="25">
<input type="password" style="-webkit-border-top-left-
radius:20px;-webkit-border-top-right-radius:10px;-webkit-
border-bottom-right-radius:20px;-webkit-border-bottom-
left-radius:10px;text-align:center; margin-
bottom:1px;margin-top:1px;" name="senha" size="20"
maxlengTH="25">
<input type="submit" value="Entrar">
</div>
<div class="div-sujestao"><h6>Deixa sua sujestão e/ou
<br/>sua reclamação:</h6>
<TEXTAREA NAME="nome" ROWS="4" COLS="20"
MaxlengTH="300">
</TEXTAREA>
<input type="submit" value="Enviar">
</div>
</body>
</html>
Css
- Código:
h1 {font-family:bauhaus 93 ;
font-size:30px;
color:black;
text-align:center;}
p {font-family:Century gothic;
font-size:15px;color:#6666cc;
word-spacing:0,9;
line-height:3px;}
h2 {font-family:candara;
font-size:18;
color:black;
word-spacing:0,9;
text-align:center;}
h3 {margin-left:20px;
font-family:agency fb;
font-size:20px;
color:black;
word-spcaging:0,9;
line-spacing-height:normal;
link:black;vlink:black;
alink:black;}
hr {width:170;
align:center;}
.div-form
{
margin-right:10px;
float:right;
font-family:calibri;
color:FFF;
background-image:url("imagens/123.jpg");
width:190px;
font-size:20px;
-webkit-border-top-left-radius:30px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:30px;
-webkit-border-bottom-left-radius:10px;
border:solid #ccc 1px;
padding:1px;
border-botton: solid 10cm; }
.div-menu{font-family:tahome;
font-size:25px;
text-align:left;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-bottom-left-radius:10px;
background:black;
width:1200px;
border:solid #ccc 1px;}
.div-categoria
{text-align:left;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
float:left;
font-family:agency fb;
color:black;
background:white;
width:190px;
font-size:20px;
padding:1px;
border:solid #ccc 1px;
margin-right:0px;
margin-left:0px; }
.div-centro
{line-height:1px;
margin-right:20px;
margin-left:20px;
float:left;
font-family:candara;
color:fff;
background:whith;
width:800px;
font-size:16;
font-weight:bold;
-webkit-border-top-left-radius:10px;
word-spacing:0,9;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
border:solid #ccc 1px;
margin-bottom:20px;}
h4
{font-family:candara;
font-size:18px;
margin-left:10px;
line-height:10px;
text-align:left;
margin-right:3px;
margin-top:10px;
margin-bottom:0px;
color:black;}
.div-sujestao{-webkit-border-top-left-radius:45px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-right-radius:45px;
-webkit-border-bottom-left-radius:15px;
text-align:center;
width:190px;
margin-right:10px;
margin-bottom:10px;
border:solid #ccc 1px;
background-image:url("imagens/123.jpg");
float:right;
margin-top:20px;
font-family:blue highway d type;
color:FFF;
font-size:20px;
line-height:30px}
textarea{-webkit-border-top-left-radius:25px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:25px;
-webkit-border-bottom-left-radius:10px;
font-size:17px;
font-family:calibri;
width:170;}
.form-busca{-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:40px;
-webkit-border-bottom-right-radius:40px;
-webkit-border-bottom-left-radius:10px;
font-size:15px;
font-family:tahome;
margin-bottom:1px;
border:absolut #000000 1px;
margin-top:1px;}
.div-centro1
{line-height:1px;
margin-left:40px;
float:center;
font-family:agency fb;
color:fff;
background:whith;
width:800px;
font-size:16;
font-weight:bold;
-webkit-border-top-left-radius:60px;
word-spacing:0,9;
-webkit-border-top-right-radius:60px;
-webkit-border-bottom-right-radius:60px;
-webkit-border-bottom-left-radius:60px;
border:solid #ccc 1px;
margin-bottom:1px;}
input[type='text']{-webkit-border-top-left-radius:10px;
word-spacing:0,9;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
bord:solid #000000 1px;}
input[type='submit']
{-webkit-border-top-left-radius:10px;
word-spacing:0,9;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
bord:solid #ccc 0px;
font-family:candara;
font-size:13px;
background:Black;
color:white;
width:80px;
text-align:center;
margin-bottom:10px;
margin-top:10px;}
h5 {text-aling:center;
font-family:calibri;
font-size: 20px;
margin-left:40px;
margin-right:40px;
color:white;
margin-bottom:3px;
margin-top:3px;
}
h6
{font-family:candara;
font-size:18px;
margin-left:10px;
line-height:20px;
text-align:center;
margin-right:3px;
margin-top:10px;
margin-bottom:10px;
color:white;}
a:active, a:visited, a:hover, a, a:link
{text-decoration: none !important;
color: white !important;}
input[type='button']
{-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
bord:solid #ccc 0px;
font-family:candara;
font-size:13px;
background:Black;
color:white;
width:80px;
text-align:center;}
Tópicos semelhantes
» Seleção de idiomas
» Seleção de Produtos - Código
» Cor da seleção de texto
» Campo de seleção na descrição
» Mudar cor da caixa de seleção
» Seleção de Produtos - Código
» Cor da seleção de texto
» Campo de seleção na descrição
» Mudar cor da caixa de seleção
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos