jquery ui

[erison 63]

pessoal estou nusando o jquery ui

so que tem um problema. la no demo tem

 

body {
font-size: 62.5%;
}

 

isso e para deixar os componentes do jquery ui tamanho normal.

so que meu conteudo fica pequeno, e se eu tirar os componentes ficam grandes.

tenho que editar todo o css? ou tem outra maneira

[ricardo_mc 19]

Olha, independente do jQuery UI, você sempre pode modificar o CSS.

 

Carregue os Javascripts antes de seus CSS, porque dessa forma, se a jQuery adicionar CSS, ele será carregado antes dos seus próprios, dando maior relevância ao seu CSS do que do jQuery.

 

Feito isso, você modifica o que quiser. Por exemplo, coloque o seguinte código em sua folha de estilo.

 

body{font-size:100% !important;}

 

Assim você vai sobrepor o código do jQuery. O "!important" vai garantir que o seu código tenha mais relevância do que o outro, portanto, o seu irá sobrepor.

[erison 63]

Olha, independente do jQuery UI, você sempre pode modificar o CSS.

 

Carregue os Javascripts antes de seus CSS, porque dessa forma, se a jQuery adicionar CSS, ele será carregado antes dos seus próprios, dando maior relevância ao seu CSS do que do jQuery.

 

Feito isso, você modifica o que quiser. Por exemplo, coloque o seguinte código em sua folha de estilo.

 

body{font-size:100% !important;}

 

Assim você vai sobrepor o código do jQuery. O "!important" vai garantir que o seu código tenha mais relevância do que o outro, portanto, o seu irá sobrepor.

 

eu sei que o stylo que vai ler e sempre o utimo.

fiz do modo que você falo e não deu certo.

ele almento tudo do mesmo jeito.

 

pq assim acho que esse font-size 65.2% tinha que ficar apenas nas bibliotecas do jquery ui.

o problema e que ele ta no body. ai ele mexe com todo meu site.

[Júlio Santos 3]

Carregue os Javascripts antes de seus CSS, porque dessa forma, se a jQuery adicionar CSS, ele será carregado antes dos seus próprios, dando maior relevância ao seu CSS do que do jQuery.

 

Mas só usando important! já vai sobrepor as definições do JS, não? Inverter essa ordem com que os arquivos externos serão carregados pode atrapalhar com relação a caso alguma regra no JS esteja manipulando algum estilo. Como o CSS não terá sido carregado ainda .....

[erison 63]

assim so da para vcs entenderem, baixando a biblioteca do jquery ui.

 

pq no style dele ja vem body{font-size:65.2%;} pq e tudo grande e prescisa diminuir.

 

e agora?

[ricardo_mc 19]

assim so da para vcs entenderem, baixando a biblioteca do jquery ui.

 

pq no style dele ja vem body{font-size:65.2%;} pq e tudo grande e prescisa diminuir.

 

e agora?

 

Uma forma que tem para resolver isso, é procurar na estrutura de HTML e CSS do jQuery UI todas as classes e IDs base.

 

Quando digo as bases, são aquelas tags Pai que comportam o plugin.

 

Ex: se eu tenho um calendário, o plugin dele vai ser aberto +- assim:

 

<div id="nomeBaseQualquer" class="classeBasePlugin">
   <div id="conteudoXXX">
       ....
       ....
   </div
</div>

 

Dessa forma, a tag base do plugin todo será essa DIV com ID nomeBaseQualquer e classe classeBasePlugin.

 

Pegando essas tags, você pode fazer o seguinte no CSS da própria jQuery UI (considerando que você baixou o CSS e não o carrega de outro domínio). Adiciona o fonte-size para essas bases e remove o font-size do body:

 

body{font-size:62.5%;}

#nomeBaseQualquer, .nomeBaseQualquer{font-size:62.5%;}

 

 

Vê se isso resolve seu problema.

[erison 63]

eu ja fiz isso uma vez no css do calendario.

mas eu usso varios.

buttons dialogs e outros, e não queria editar todos.

[F Lima 0]

Olá Pessoal,

 

Sou novo por aqui e novo tb em desenvolvimento ... estou aprendendo!

 

Será que o amigo com a dúvida, Erison já conseguiu o que queria?