SelecMenu - preciso personalizar visualmente ele

[Mr Crowley 0]

Ola pessoal

eu preciso personalizar visualmente o selecmenu.

 

existe um meio de eu deixar ele com cantos arredondados ou "diferente" do padrão.

 

Montei uma pagina e o cliente nao quer ele no padrao, quer ele com uns fluflus.

 

Nao sei direito como fazer isso, se tem como fazer com CSS ou Java Script

 

mas qualquer um dos 2 sao bem vindos

 

obs.: to usando mootools, as vezes isso pode ajudar

 

abs

T+

[Gui.BAR 0]

É um <select> né?

Cara.. sempre dá pra personalizar. Usando imgs como background ou com css puro.

 

Para fazer bordas arredondadas use:

 

select {
border-radius: 10px; /*Padrão*/
-moz-border-radius: 10px; /*Firefox*/
-webkit-border-radius: 10px; /*Web Kit*/
}

Mas especifique melhor o que você tá querendo. :)

 

Opa.. só lembrando que 'border-radius' não funciona em nenhum I.E. e nem no Chrome.

[Mr Crowley 0]

o background beleza eu consigo fazer,

ele quer arredondar os campos, pq no IE fica aquele quadrado.

 

na verdade, ele que algo parecido com flash, ou alguns efetido qdo clicar no select, tipo fade, entre outras coisas

 

bem, acho que é isso por enqto

 

abs

T+

[Mr Crowley 0]

encontrei esse site

 

interessante

 

http://www.emblematiq.com/projects/niceforms

 

se alguem souber de coisas nesse estilo, me avise por favor

 

Obs.: nao funciona no IE 6

 

abs

T+

[Gui.BAR 0]

Nossa.. bem legal esse que você achou. Mas não se não funciona no IE, recomendo fazer um parecido SEPARADO pra IE. Ou se aventurar a fazer uma coisa parecida pra todos os navegadores.

 

Pra fazer uma coisa que vai pegar só no IE6 você pode usar algo como:

* html select {
background: url(fundoSelect.jpg) no-repeat 0 0;
boder: 1px solid #eee;
height: 30px;
padding: 3px;
}

Isso é só um exemplo.

Se for usar, lembre de colocar isso abaixo de tudo o que você atribuiu para os outros navegadores.

[Mr Crowley 0]

encontrei esse também.

http://ryanfait.com/resources/custom-check...uttons/example/

 

o problema maior que tenho é, o cinza do SelecMenu, a seta pra baixo, isso apenas via JavaScript da pra remover(pelo menos foi o unico meio que vi ate agora)

 

 

mas como nao funciona so no IE6, acho que vou usar este mesmo, so tenho que experimentar no IE8 pra ver como fica este.

 

abs

T+

[Gui.BAR 0]

Bem legal esse também, cara.

 

Mas como eu disse, rola de você fazer uma versao CSS puro que vai aparecer só no IE6. Não sei se é perda de tempo pra você, mas acho oque não seria.

 

Copia mais ou menos a img de fundo, só não vai dar pra mudar a seta pra baixo (na verdade eu nunca pus img de fundo em um select) :)

 

Flwz

[Celso Design 0]

Deu muito sorte tive um job aqui na empresa no qual precisei fazer isso e ele TINHA que funcionar no nosso caro amigo IE de m***** 6 rs bem este link rola sim no ie 6 7 entre outros

 

http://marghoobsuleman.com/mywork/jcompone...DownCustom.html

 

espero que ajude

 

abs

[Mr Crowley 0]

Celso, valeu pelo link

vou dar uma testada no IE6 pra ver como fica.

e ver se entendo como ele mudou a "seta" do selecMenu.

 

abs e obrigado

T+