Olá... estou precisando fazer uma formatação em um formulário de um site que estou fazendo estilo este aqui com as opções de (Negrito, Itálico, Cor), gostaria de saber se é possível vc6 me passar um exemplo de como é feito ou me mostrar onde eu posso encontrar. E queria saber como vc6 fizeram para os campos ficarem dessa forma e não com aparência em 3D.

 

Obrigado

estilos CSS

...

<link rel="stylesheet" href="./Estilos.css" type="text/css">

....

<input name="Nome" type="text" id="Nome" size="50" class="CaixaTextoPadrao" maxlength="50" value="<%=rst1("Nome do filme")%>">

 

 

exemplo do arquivo CSS:

/*
 *********************************************************
 *********************************************************
*/

.TextoPadraoPreto {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 12px;
 color : #000000;
 text-decoration : none;
}

.TextoPadraoPreto10 {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 10px;
 color : #000000;
 text-decoration : none;
}

.TextoPadraoBranco {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 12px;
 color : #FFFFFF;
 text-decoration : none;
}

.TextoPadraoAzul {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 12px;
 color : #0099FF;
 text-decoration : none;
}

.TextoPadraoAzulEscuro {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 10px;
 color : #006699;
 text-decoration : none;
}

.TextoPadraoRecado {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 9px;
 color : #000000;
 text-decoration : none;
}

.hr { 
 color : #2769AB;
 border : 1px solid #2769AB;
 width : 604px;
 align : left;
}

a:link.LinkPadrao {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}

a:visited.LinkPadrao {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}

a:hover.LinkPadrao {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #2769AB;
 text-decoration: underline;
}

a:active.LinkPadrao {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
} 

a:link.LinkPadraoFilme {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}

a:visited.LinkPadraoFilme {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}

a:hover.LinkPadraoFilme {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #2769AB;
 text-decoration: underline;
}

a:active.LinkPadraoFilme {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
} 

 

a:link.LinkPadraoLista {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}

a:visited.LinkPadraoLista {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}

a:hover.LinkPadraoLista {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #2769AB;
 text-decoration: underline;
}

a:active.LinkPadraoLista {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
} 

a:link.LinkPadraoNoticia {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
 text-decoration: none;
}

a:visited.LinkPadraoNoticia {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
 text-decoration: none;
}

a:hover.LinkPadraoNoticia {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #2769AB;
 text-decoration: underline;
}

a:active.LinkPadraoNoticia {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
 text-decoration: none;
} 

 

 

.CaixaTextoPadrao {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 12px;
 color : #000000;
 border : 1px solid #000000;
 background-color : #FFFFFF;
}

.Botao {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 12px;
 color : #FFFFFF;
 font-weight : bold;
 border : 1px ridge #FFFFFF;
 background-color : #0099CC;
}

.BordaTabela {
  color: #2769AB;
 border : 1px solid #2769AB; 
}

.BordaTabelaTraco { 
  color: #2769AB;
 border : 1px dashed #2769AB;
}

.BordaColuna { 
  color: #2769AB;
 border : 1px solid #2769AB;
}

.BordaLinha { 
  color: #2769AB;
 border : 1px solid #2769AB;
}

.TabelaBordaDireita { 
  color: #2769AB;
 border-right : 1px solid #2769AB;
}

.TabelaBordaDireitaTraco { 
  color: #2769AB;
 border-right : 1px solid #2769AB;
}

.BordaBaixaTraco { 
  color: #2769AB;
 border-bottom : 1px dashed #2769AB; 
}

.BordaBaixa { 
  color: #2769AB;
 border-bottom : 1px solid #2769AB; 
}

.BordaAlta { 
  color: #2769AB;
 border-top : 1px solid #2769AB; 
}

.BordaAltaTraco { 
  color: #2769AB;
 border-top : 1px dashed #2769AB; 
}

Obrigado... agora é só copiar os códigos pra página? Ou o segundo código tenho que colocar em um arquivo com extensão CSS e incluir ele na página que eu quero e pronto?

 

Muito Obrigado

Martini eu consegui colocar pra funcionar o código que vc me passou, mais ele só pro estilo dos campo, botão e texto... certo? Vc tem esse código que o usuário escolhe se ele quer negrito, itálico, centralizado (do mesmo jeito que esse formulário)

 

Obrigado

eu tenho só estes que são fixos ... estes que o usuário pode alterar acho que é com javascrit