Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bills

[Resolvido] Jquery titulo com fonte pequena

Por , em Desenvolvimento frontend

Recommended Posts

Bills    2

Bills
Postado

Estou aprendendo sobre jquery e tenho uma dúvida. Quando vou fazer um dialog de o titulo dele sai grande.

Uso uma div assim:

<div id="msgbox" style='font-size:60%;' title="titulo" >
<p> messagem </p>
</div>

 

O style só é aplicado ao conteudo do dialog. Como faço para deixar o titulo com tamanho normal, sem precisar diminuir o tamanho da fonte no body inteiro?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

isso é com css amigo.

 

Topico Movido:

JS :seta: CSS

Compartilhar este post

Link para o post
Compartilhar em outros sites

André do Vale    76

André do Vale
Postado

Bom, ou você pode alterar o font-size inline que você utilizou ali no exemplo (60%). Ou move esse estilo para um arquivo CSS separado, e faz uma chamada pra div:

 

#msgbox { font-size: 60% }

 

A fonte grande deve ser justamente estes 60%. Tente diminuí-lo. :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bills    2

Bills
Postado

Não funcionou. O estilo só diminui o tamanho do conteudo do Dialog. Quero deixar o titulo pequeno também

 

Um código de exemplo:

<html>
<head>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js'></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/jquery-ui.css" type="text/css" />

<script>
	$(function(){
		$( "#msgbox" ).dialog() // cria o dialog
	});
</script>

<style>
	#msgbox { font-size: 10% }
</style>
</head>
<body >
<div id="msgbox" title="grande">
<center>pequeno</center>
<div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Samuel Volpato    4

Samuel Volpato
Postado

Tu quer diminuir o tamanho do texto que ta no atributo "title"?

 

Se for o título do dialog do jquery UI, tem uma opção 'title' que tu usa qdo cria o modal que a descrição é essa:

Specifies the title of the dialog. Any valid HTML may be set as the title. The title can also be specified by the title attribute on the dialog source element.

 

Da pra ti colocar HTML no título quando cria, e dessa maneira provavelmente tu pode estilizar, com CSS, a partir desse HTML.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito