[Guia] Dicas e macetes para usar na hora de criar um tutorial!

  • Respostas:6
  • AbertoNão stickySem resposta
  • Posts no fórum: 1.680

18/abr/2015 17:58:39 via Web

Vou trazer a minha versão e logo abaixo a versão do Pedro.

Aí vão as tags e truques que conheço:

Linha Horizontal:

Você pode fazê-la de duas formas, usando "---" (três hifens) ou "___" (três underlines) em um parágrafo vazio, mas por experiência eu recomendo usar os underlines, porque os hifens podem confundir o sistema devido à sua dupla função (leia o próximo subtítulo para saber qual é):

---
___

Fica assim:



Mas se fizermos ao contrário:

___
---

Acontece isso devido à dupla função:

_


Título:

Acrescente um "=" (um igual) em baixo do texto ou um "#" (uma cerquilha) antes do título pra ele ficar do tamanho máximo aceitado pelo fórum:

Exemplo
=
#Exemplo

Fica assim:

Exemplo

Exemplo

Além disso, podemos usar o "-" (um hífen) da mesma maneira citada acima para deixar o título em negrito:

Exemplo
-

Fica assim:

Exemplo

Mas também podemos usar outros três códigos, sendo que "<h1>" tem o mesmo efeito que o "=", "<h2>" tem o mesmo efeito que o negrito (portanto, o negrito não tem poder algum sobre ele) e apenas o "<h3>" é inovador, pois é único, e só pode ser acessado com esse código.

<h1>Exemplo Gigante (semelhante ao "=")</h1>
<h2>Exemplo Médio (semelhante ao negrito)</h2>
<h3>Exemplo Pequeno (inovador)</h3>

Fica assim:

Exemplo Gigante (semelhante ao "=")

Exemplo Médio (semelhante ao negrito)

Exemplo Pequeno (inovador)

Texto:

Existem vários códigos e truques aqui, tantos que, não vou falar muito sobre eles. Os que estão dentro de uma citação são os comuns, os que estão em duas citações são as alternativos:

*Exemplo*  (Itálico comum)
<em>Exemplo</em> (Itálico alt.)
<i>Exemplo</i> (Itálico alt.)
**Exemplo** (Negrito comum)
<b>Exemplo</b> (Negrito alt.)
<strong>Exemplo</strong> (Negrito alt.)
`Exemplo` (Código comum)
<code>Exemplo</code> (Código alt.)
<pre>Exemplo</pre> (Código com citação)
<s>Exemplo</s> (Tachado)

Fica assim:

Exemplo (Itálico comum) (A caixa já deixa em itálico, então não haverá efeito algum)

Exemplo (Itálico alt.)
Exemplo (Itálico alt.)

Exemplo (Negrito comum)

Exemplo (Negrito alt.)
Exemplo (Negrito alt.)

Exemplo(Código comum)

Exemplo (Código alt.)

Exemplo
(Código com citação)

Exemplo (Tachado)


Citação:

A citação só pode ser feita no começo de um parágrafo, adicionando um ">" (Um Maior que), e quanto mais ">" você adicionar, mais camadas de citações você terá. Existem três tipos de citações:

>Exemplo (citação comum)
>     Exemplo (citação em código - adicione cinco espaços após o "maior que")
<pre>Exemplo</pre> (citação em código - foi citado no subtítulo anterior, é o único que pode ser usado em qualquer parte do parágrafo, mas de qualquer forma ele acaba sendo mostrado no começo)

Fica assim:

Exemplo (citação comum)

Exemplo (citação em código - adicione cinco espaços após o "maior que")

Exemplo
(citação em código - foi citado no subtítulo anterior, é o único que pode ser usado em qualquer parte do parágrafo, mas de qualquer forma ele acaba sendo mostrado no começo)


Links:

O fórum nos dá uma opção de adicionar links bem parecido com OOP, mas ao contrário, porque a definição do objeto fica no fim. A construção dela é muito fácil de entender, mas o Pedro já entrou em detalhes, então vou mostrar uma alternativa, que é o famoso "a href". Para usá-lo, basta adicionar o código <a hef=" "> </b>, colocando seu link dentro das aspas e seu texto dentro dos maior que e menor que. Veja um exemplo:

<a href="https://www.google.com.br/">Exemplo</a>

Fica assim:

Exemplo

IMPORTANTE:
NUNCA, NUNCA, NUNCA MESMO, ESQUEÇA DO HTTPS://

Outras ferramentas, como Lista de Itens e Sequência, não tem porque serem exploradas, pois o Pedro vai falor o suficiente sobre elas. Se eu lembrar ou descobrir algo novo, eu atualizo o comentário.
Caso queiram tirar alguma dúvida, aperte em "Responder com citação" e você verá todo o meu comentário.
Deu trabalho fazer esse guia, mas espero ajudar muitas pessoas do fórum, até mais :D

— alterado em 5/jun/2015 15:40:18

  • Posts no fórum: 1.680

18/abr/2015 17:59:00 via Web

Dicas do Pedro:

Olá a todos, uma dúvida geral dos usuários do app AndroidPit é como postar tão legal como o membro "x" ou "y" do Fórum posta. Bem, vou mostrar a vocês como é simples a linguagem do forum.
Talvez para quem usa a versão PC não faça muita diferença, mas quem usa a aplicação ajude muito:

Apenas as Tags Presentes no Ferramentas do Forum

Fazer Citação

Adicione o ">" mais o Texto

Fiz esse guia pra te ajudar a responder com um citação.

Não use as "aspas" elas são apenas para destacar.


Citar Imagens:

Remova o ">" que fica em frente ao link da imagem:

image

Não use as "aspas" elas são apenas para destacar.


Add Imagens:

Add a tag "![image][número]" e abaixo "[número]:" espaço mais o "Link da imagem".
image
Número corresponde a sequência e link da imagem:

Neste caso seria algo mais ou menos assim:

![ image][ 1]

[ 1]: https:// fscl01.fonpit.de/userfiles/6992670/image/teste_de_imagem.png

Sem os espaços depois do "[", os mesmo foram apenas para desmontar a div.


Links em Textos:

Add a tag "[texto][número]" e abaixo "[número]:" espaço mais o "Link da imagem".

Clique aqui para ir a pagina inicial do AndroidPit

Número corresponde a sequência e link da imagem:

Neste caso seria algo mais ou menos assim:

[Clique aqui para ir a pagina inicial do AndroidPit][ 2]

[ 2]: http:// www.androidpit.com.br

Sem os espaços depois do "[", os mesmo foram apenas para desmontar a div.


Add Sequência:

Para quem faz tutorial, existe a sequência: "espaço", "número, "." e "espaço":

  1. Faça Wipe Cache
  2. Faça Wipe Data
  3. Faça Wipe Dalvik

Desta forma a sequência vai ficar bem organizada e numa coluna diferente da padrão.


Lista de Itens:

Para quem faz tutorial, ou qualquer coisa e precise de uma lista, basta colocar na sequência: "espaço", "-" (Hífen) e "espaço":

  • Active Display
  • Knock On/Off
  • Smart Display

Desta forma a lista vai ficar bem organizada e numa coluna diferente da padrão.

— alterado em 5/jun/2015 15:39:21

Conta desativada
  • Posts no fórum: 6.954

18/abr/2015 22:17:57 via App

Por que criou um novo tópico?

  • Posts no fórum: 776

18/abr/2015 22:43:33 via Web

Belo tópico, Hugo, parabéns, ficou ótimo. E também muito útil para quem usa a aplicação do AndroidPit

— alterado em 19/abr/2015 1:42:45

¬ Device: L Bello / Prime
¬ System: Android 5.0.2
¬ Version: LG D335 v20c

Possui um L Prime? Visite o fórum do L Prime no AndroidPit ou a comunidade LG L Prime no G+ agora mesmo!

Conta desativada
  • Posts no fórum: 361

18/abr/2015 23:28:45 via App

Ótimo tutorial, assim fica mais fácil pra mim da uma arrumada no meus post, ashuashu. :)