Formato de seleção de botões

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

Resolvido Formato de seleção de botões

Mensagem por Henri Azevedo em 22/09/13, 10:20 pm

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/
http://i71.servimg.com/u/f71/15/86/47/24/210.png 

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

Versão do fórum:
PHPBB3
avatar

Henri Azevedo
Nível 4

Masculino
Inscrito dia : 22/09/2013
Mensagens : 26
Pontos Ativos : 44

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

Resolvido Re: Formato de seleção de botões

Mensagem por Sennior em 23/09/13, 04:18 am

Bom dia!

Aceda á tua "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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;
}

Salve e valide.

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: Formato de seleção de botões

Mensagem por Henri Azevedo em 24/09/13, 03:04 pm

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
avatar

Henri Azevedo
Nível 4

Masculino
Inscrito dia : 22/09/2013
Mensagens : 26
Pontos Ativos : 44

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

Resolvido Re: Formato de seleção de botões

Mensagem por Sennior em 24/09/13, 09:39 pm

Olá!

Não, o senhor não disse que era para sua pagina HTML Rindo
Faça o seguinte, me mande à pagina HTML e me diga o que deseja adicionar na mesma.

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: Formato de seleção de botões

Mensagem por Henri Azevedo em 24/09/13, 11:58 pm

Html
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;}

avatar

Henri Azevedo
Nível 4

Masculino
Inscrito dia : 22/09/2013
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://habbzzz.forumeiros.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