Quinta-feira, 23 de Março de 2006

Efeito Typesetting - a resposta...

Fica já aqui a resposta. Logo que tenha oportunidade, penso publicar também no Blog dos Blogs. Eis como se faz:

Para obterem este efeito:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque pretium ullamcorper odio. Sed vel odio. Proin semper dolor vitae lorem. Morbi nec nibh quis felis dapibus porttitor. Maecenas vulputate urna nec massa. Vivamus convallis porttitor magna.
Curabitur turpis magna, feugiat eget, porttitor sed, accumsan quis, tortor. Pellentesque ac mauris et leo ullamcorper adipiscing. Nullam ac massa. Morbi quis velit sed ligula ultricies egestas. Vestibulum dapibus lectus consequat ante.



Escreveriam isto, em Edição Simples:

<div style="width: 410px;">
<div style="padding: 2px; float: left; width: 200px; text-align: justify; margin-top: 0px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque pretium ullamcorper odio. Sed vel odio. Proin semper dolor vitae lorem. Morbi nec nibh quis felis dapibus porttitor. Maecenas vulputate urna nec massa. Vivamus convallis porttitor magna.
</div>
<div style="padding: 2px; float: right; width: 200px; text-align: justify; margin-top: 0px;">
Curabitur turpis magna, feugiat eget, porttitor sed, accumsan quis, tortor. Pellentesque ac mauris et leo ullamcorper adipiscing. Nullam ac massa. Morbi quis velit sed ligula ultricies egestas. Vestibulum dapibus lectus consequat ante.
</div>
</div>
<br class="clear">

Valeu? :-)
sinto-me:
|| tags:
publicado por Sergio às 07:29
link do post | comentar | ver comentários (2) | favorito
Quinta-feira, 16 de Março de 2006

Efeito Typesetting

Olá, mais uma vez. Este post aqui é só para aguçar a curiosidade dos meus (poucos) utentes deste blog :) Ou seja, a questão principal que espero que me coloquem, é: "Como raio fez ele aquilo??" Enfim, como "teaser", deixem-me dizer-vos que a solução está no post anterior. Palavra.
Não é nada de complicado. Posso também afirmar que não é tão simples como o pequeno e simples truque do post anterior. Mas, segue o mesmo principio de utilização dos <div> que discuti anteriormente. Alguém sabe a resposta? :-P

sinto-me:
|| tags: ,
publicado por Sergio às 16:26
link do post | comentar | ver comentários (7) | favorito

1º Truque: alinhar texto nos Posts...

Ora aqui vai:
Se quizeres alinhar o texto do teu post à direita, assim:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque vehicula tellus vitae lacus. Nullam ac eros luctus elit semper lobortis. Proin feugiat libero at metus. Sed tristique dignissim nulla. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed nec nulla eu est adipiscing feugiat. Cras gravida congue elit.


Faz assim:
- Abre o editor de posts (Novo Post)
- Selecciona Edição Simples (o botão com um "S")
- Escreve o seguinte "tag":
<div style="text-align: right;">
Tudo o que escreverem aqui fica alinhado a direita.
</div>

Para "justificar" texto, em vez de "right", dentro do tag de "div", escrevam "justify". Tenho dito. :)
sinto-me: nice
|| tags: ,
publicado por Sergio às 15:46
link do post | comentar | ver comentários (1) | favorito

|| mais ...

pesquisar

 

Abril 2012

Dom
Seg
Ter
Qua
Qui
Sex
Sab
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
19
20
23
24
25
26
27
28
29
30

|| posts recentes

Efeito Typesetting - a re...

Efeito Typesetting

1º Truque: alinhar texto ...

|| arquivos

Abril 2012

Março 2012

Outubro 2011

Setembro 2011

Agosto 2011

Março 2011

Fevereiro 2009

Setembro 2008

Fevereiro 2008

Junho 2007

Janeiro 2007

Dezembro 2006

Outubro 2006

Setembro 2006

Agosto 2006

Julho 2006

Maio 2006

Abril 2006

Março 2006

Dezembro 2005

|| tags

todas as tags

|| favoritos

Efeméride

Os velhos do restelo

|| links

|| imagens

blogs SAPO

subscrever feeds