Como formatar seus textos e incluir neles fotos e vídeos #write4net

1.322 leituras

Terça, 05 de Maio de 2009 | 01:20 UTC-3 | | 4 comentários

por Write4net @write4net (É você? Clique para confirmar)

O Write4net foi pensado para ser muito fácil e direto. Por isso, para publicar um artigo, oferecemos a você um "papel" muito simples de se preencher: título, hashtag (que é o assunto do artigo, ao estilo Twitter) e texto. Só isso.

Por trás de tanta simplicidade estão os recursos poderosos do código mágico do Write4net. Eles permitem a você inserir fotos, vídeos e formatação especial sem botões ou barras de ferramentas cheias de ícones. No Write4net você insere mídias e formata o seu texto apenas escrevendo alguns caracteres a mais.

No começo parece curioso, mas temos certeza de que você vai adorar. É muito mais prático - nada de usar o mouse, nada de carregar as mil telas de uma interface complicada. Sem tirar a mão do teclado você faz tudo.

Formatação do texto

O mais básico é o negrito, certo? No Write4net você o faz colocando asteriscos ao redor de palavras ou frases. Dessa maneira:

*palavra*

Fica assim:

palavra

Para criar um subtítulo que divide seu texto em partes, é só iniciar a frase com um pontinho. Assim:

. Subtítulo

Fica:

Subtítulo

Para criar uma lista de itens (os famosos bullets) basta iniciar a frase com um hífen. Assim:

- Item

Fica:

Item

E, finalmente, para destacar parágrafos em quadros amarelos, basta colocá-los entre linhas compostas por pares de colchetes, abrindo e fechando, assim:

[[

Texto no quadro

]]

Que resulta:

Texto no quadro

Você pode combinar tudo:

[[

. Quadro

Eis um quadro informativo:

- Vários itens

- Para enriquecer seu artigo

]]

Fica:

Quadro

Eis um quadro informativo:

Vários itens

Para enriquecer seu artigo

Links e mídias

Para inserir um link é muito simples. Coloque o texto que você deseja tornar clicável entre chaves. Entre o final do texto e a chave, coloque um sinal de maior e o endereço do seu link (ou e-mail). Fica assim:

{meu texto clicável>www.google.com}

Que resulta:

meu texto clicável

O Write4net permite a você inserir quantas fotos quiser em seus artigos. Ao lado do campo de texto há um quadro chamado Fotos. Faça o upload dos arquivos no campo indicado (aceitamos no formato GIF, JPG e PNG, no limite de 200 KB).

À media em que você vai fazendo seus uploads, a lista das fotos enviadas surge na tela. Ao lado das miniaturas há um código entre colchetes. Cada um deles representa uma imagem. Basta colá-lo no texto, no lugar em que você quer que apareça a imagem. Fácil assim :)

Se você simplesmente colar o código, a imagem ficará centralizada no texto. Veja:

[favicon.png]

Resulta em:

Você pode editar este texto para alinhá-lo onde quiser:

[favicon.png :left:] Texto

Resulta em:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec justo. In tempor orci vel lectus. Maecenas lobortis, urna venenatis tristique iaculis, enim tortor lacinia arcu, ac vestibulum mauris massa ut nisl. Integer lobortis enim at quam. Phasellus porta facilisis urna. Sed quis ipsum ut felis fringilla suscipit. Phasellus vehicula turpis vitae nunc. Maecenas nisl quam, fringilla vel, pharetra feugiat, molestie sit amet, tellus. Curabitur ornare lobortis massa. Suspendisse sodales ornare metus. Aenean vestibulum arcu non lectus. Aliquam placerat velit eu est. Fusce luctus. Sed sit amet ante. In hac habitasse platea dictumst. Donec non libero. Praesent auctor neque in orci. Quisque et nisl.

(Colocamos em um quadro para ficar mais evidente o alinhamento. Ah, viu como é possível combinar as formatações?)

Já:

[favicon.png :right:] Texto

Resulta em:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec justo. In tempor orci vel lectus. Maecenas lobortis, urna venenatis tristique iaculis, enim tortor lacinia arcu, ac vestibulum mauris massa ut nisl. Integer lobortis enim at quam. Phasellus porta facilisis urna. Sed quis ipsum ut felis fringilla suscipit. Phasellus vehicula turpis vitae nunc. Maecenas nisl quam, fringilla vel, pharetra feugiat, molestie sit amet, tellus. Curabitur ornare lobortis massa. Suspendisse sodales ornare metus. Aenean vestibulum arcu non lectus. Aliquam placerat velit eu est. Fusce luctus. Sed sit amet ante. In hac habitasse platea dictumst. Donec non libero. Praesent auctor neque in orci. Quisque et nisl.

Você também pode colocar legendas nas suas fotos:

[favicon.png "Este é o ícone do Write4net."]

Resulta em:

Este é o ícone do Write4net.Este é o ícone do Write4net.

É possível também controlar o tamanho da imagem:

[favicon.png (60x60)]

Aparece:

Pode-se controlar o posicionamento, a legenda e o tamanho da imagem simultaneamente, desde que se respeitando a ordem: primeiro a legenda, depois o tamanho e no final o alinhamento:

[favicon.png "Este é o ícone do Write4net." (60x60) :right:] Texto

Fica:

Este é o ícone do Write4net.Este é o ícone do Write4net. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec justo. In tempor orci vel lectus. Maecenas lobortis, urna venenatis tristique iaculis, enim tortor lacinia arcu, ac vestibulum mauris massa ut nisl. Integer lobortis enim at quam. Phasellus porta facilisis urna. Sed quis ipsum ut felis fringilla suscipit. Phasellus vehicula turpis vitae nunc. Maecenas nisl quam, fringilla vel, pharetra feugiat, molestie sit amet, tellus. Curabitur ornare lobortis massa. Suspendisse sodales ornare metus. Aenean vestibulum arcu non lectus. Aliquam placerat velit eu est. Fusce luctus. Sed sit amet ante. In hac habitasse platea dictumst. Donec non libero. Praesent auctor neque in orci. Quisque et nisl.

O Write4net também oferece suporte a vídeos do YouTube, do Vimeo e do DailyMotion. É bem simples. Basta colocar, entre colchetes, o endereço do vídeo desejado. Assim:

[www.youtube.com/watch?v=oC4FAyg64OI]

[www.vimeo.com/4918411]

[www.dailymotion.com/video/x370xv_beethoven-symphony-n-7-op-92-i_music]

Fica:

Por quê esses códigos?

Várias razões:

Tornam o Write4net muito mais rápido e compatível do que complicadas interfaces visuais de edição de texto;

Facilitam muito a vida de possíveis futuros desenvolvedores de clientes Write4net, assim que liberarmos nossa API;

Oferecem ao autor um controle de formatação muito melhor que interfaces visuais;

Têm tudo a ver com o espírito do Twitter (hashtags, só texto, caracteres etc);

São muito mais divertidos, você vai ver! :)

Ah! Lembre-se que o último parágrafo do texto é sempre dividido com publicidade. Preste atenção nisso ao formatar seus artigos.

Quer publicar artigos como este de maneira fácil, ágil e grátis? Clique aqui!

Este artigo foi comentado 4 vezes:

@lesilva 05 de Junho de 2009, 21:05 UTC-3 Muito bom esse manual :) - Write4net o novo sucesso da web

@vaumirtes 18 de Novembro de 2009, 10:53 UTC-3 È o futura da comunicação. Aqui é a verdadeira democracia virtual .

@vaumirtes 18 de Novembro de 2009, 10:54 UTC-3 Aqui é o protal para o universos dos pensamentos.

@caleri 19 de Fevereiro de 2010, 08:12 UTC-3 Prezados. Parabéns pelo site, sem dúvida um espaço revolucionário.

Mais de Write4net:

Hashcloud de Write4net:

Agora no Write4net:

Página gerada em 11 de Mar de 2010, 02:21:28