Páginas

sexta-feira, 18 de janeiro de 2013

Altura da linha - Blogger (e outros scripts em 'html')


Cada vez que entro no Blogger e tento fazer algo de diferente não posso deixar de me lembrar do Geocities... Há tanto tempo... E tinha todos os recursos que faltam ao Blogger... Superposição de figuras, textos sobre figuras, etc.... Foi realmente uma pena o Yahoo ter acabado com o Geocities...

Será que o Blogger não tem mesmo? O HTML está lá... Para você fazer o que quiser... É só encontrar um site que abrigue seus arquivos... Eu recomendo o “Box.com”.

Agora veja um problema comum do Blogger... A altura das linhas... Elas estão pré-formatadas. Você tem que se contentar com as opções  de títulos e tamanho das fontes....

E o Blogger é mestre em colocar seu texto do jeito que a CSS (Cascaded Style Sheet) foi elaborada.

Mas em relação à altura da linha, veja este scrip abaixo. Ele está na abertura do meu blog "Estórias Eróticas" (www.estoriaseroticas.blogspot.com), quando apresento as músicas que vc pode ouvir enquanto lê os textos...

Logo em seguida à formação da linha normal, entro com uma cláusula de limitação quanto à altura da linha. Veja em destaque... no caso quis que a altura fosse de 12 pixels. Pouco depois encerro a cláusula com um </div> para reabrí-la no formatação a seguir, novamente... Isso porque a folha de estilos (CSS) do Blogger insiste em modificar certas coisas...

<p style="margin-top: 0; margin-bottom: 0; line-height:200%"><font face="Journal"><b><font size="2" color="#FFFFFF">Jazz in Paris: Chet Baker Quartet Plays Standard</font></b><font color="#FCD254" size="2"><div style="line-height:12px;">
Chet Baker (trompete)<br />
Gérard Gustin (piano) <br />
Jimmy Bond (duplo baixo) <br />
Bert Dahlander (bateria) <b> <br />
</b>
</div>
</font><b><font size="2" color="#FFFFFF">Songs:</font></b><font color="#FCD254" size="2"><br />
<div style="line-height:12px;">
<b>1 Summertime -</b>
George Gershwin / Ira Gershwin / DuBose Heyward - 4:15 <br />
<b>2 You Go to My Head</b> -
J. Fred Coots / Haven Gillespie - 5:54 <br />
<b>3 Tenderly</b> -
Walter Gross / Jack Lawrence - 6:39 <br />
<b>4 Lover Man</b> -
Jimmy Davis / Roger &quot;Ram&quot; Ramirez / Jimmy Sherman - 4:52 <br />
<b>5 There's a Small Hotel</b> -
Lorenz Hart / Richard Rodgers - 3:47 <br />
<b>6 Autumn in New York</b> -
Vernon Duke - 7:07 <br />
<b>7 These Foolish Things</b> -
Harry Link / Holt Marvell / Jack Strachey - 4:44 <br />
<b>8 I'll Remember April</b> -
Gene DePaul / Patricia Johnston / Don Raye - 5:52
</div>

Aqui, usei a forma genérica, mas você pode introduzir a cláusula para formatar uma lista, por exemplo, assim:

<div style="line-height:número de pixels desejadopx;"><li>
itens da lista (uma abaixo do outro
</li></div>

O que está grafado em verde é o que você deve substituir, segundo suas conveni~encias, ao aplicar o script.

Bem... Aí está uma forma prática de você atribuir às linhas o número de pixels que deseja à altura.

Nenhum comentário:

Postar um comentário