Mudanças entre as edições de "Desciclopédia:Tutorial/HTML e CSS"

1 378 bytes adicionados ,  14h50min de 24 de setembro de 2020
sem sumário de edição
m
Quanto às cores, é muito simples. Ao adicionar, por exemplo, <code>color:brown</code> ao código ali de cima, fica assim:
 
<code><nowiki><span style="background-color:orange; border:1px solid black; color:brown;">Texto com fundo laranja, borda preta sólida e cor marrom.</span></nowiki></code>
 
Isso resulta em:
 
<span style="background-color:orange; border:1px solid black; color:brown;">Texto com fundo laranja, borda preta sólida e cor marrom.</span>
 
Segue a mesma lógica que você aprendeu nas aulinhas de inglês: <code>bluered</code>, <code>redgreen</code>, <code>greenblue</code> e guaraná com rolha.
 
=== Fonte ===
{| class="wikitable" style="clear:both; float:right;"
Mexendo na fonte.
!Fontes mais usadas na DP
font-family: 'FONTE';
|-
FONTE: Tahoma, fixedsys, arial, etc.
|<span style="font-family:Arial;">Arial</span>
font-size: TAMANHOpx
|-
TAMANHO: é o tamanho :P, seguido do 'px'. Outra vez, pode-se usar
|<span style="font-family:Tymes New Roman;">Tymes New Roman</span>
também unidades mirabolantes, mas aí acho que vira merda.
|-
|<span style="font-family:Old English Text MT;">Old English Text MT</span>
|-
|<span style="font-family:Tahoma;">Tahoma</span>
|-
|<span style="font-family:Monospace;">Monospace</span>
|-
|<span style="font-family:Cursive;">Cursive</span>
|-
|}
 
É possível personalizar a fonte de seu texto, sempre seguindo a mesma lógica dos exemplos anteriores. Veja:
Por exemplo, <code><nowiki><span style="font-size:25px; font-color:" font-family:Times New Roman;">Textão formal</span></nowiki></code> resulta em: <span style="font-size:25px; font-family:Times New Roman;">Textão formal</span>
 
<nowiki><span style="font-family: Tahoma;">Texto em fonte Tahoma.</span></nowiki>
Esta forma de se aplicar estilos é, no geral, a mais recomendada, pois além de permitir que se aplique múltiplos - e variadíssimos, muito mais do que se pode imaginar - estilos numa tag só, não utiliza as outras tags específicas de estilo (&lt;font&gt;, &lt;b&gt;, &lt;i&gt;, etc.), que estão caminhando para o obsoletismo à medida que o HTML se desenvolve.
 
Que resulta em:
 
<span style="font-family: Tahoma;">Texto em fonte Tahoma.</span>
 
Além de <code>font-family</code>, existe o comando <code>font-size</code>, que serve para modificar o tamanho de seu texto, assim:
 
<nowiki><span style="font-size:15px;">Textão</span></nowiki>
 
<span style="font-size:15px;">Textão</span>
 
== Outras tags ==
Outros tipos de tags podem ser usadas em páginas da Desciclopédia menos frequentemente.
Uma das mais importantes, tendo em vista que os textos predominam a [[Desciclopédia]].
 
*'''font'''
:A tag <code>font</code> era muito usada no passado por modificar coisinhas no texto sem muito código. Veja:
 
<nowiki><font face="Tymes New Roman" size="4px" color="Blue">Texto com tag Font!</font></nowiki>
 
<font face="Tymes New Roman" size="4px" color="Blue">Texto com tag Font!</font>
 
:Hoje, seu uso não é recomendado por ser obsoleta.
 
*'''poem'''
:O sistema wiki ignora quebras de linha no texto do usuário. Se você escrever qualquer frase, apertar <code>Enter</code> e continuar escrevendo, o texto aparecerá como se estivesse escrito na mesma linha. Para não ter que usar <code><nowiki><br /></nowiki></code> toda santa vez que quiser pular apenas uma linha, o <code>poem</code> pode fazer isso por você. Quer um exemplo?
 
;Verso da batatinha escrito sem o "poem"
<div style="font-style:Italic;">
Batatinha quando nasce
Se esparrama pelo chão
A menina quando dorme
Põe a mão no coração
</div>
 
;Verso escrito com o "poem"
<poem style="font-style:Italic;">
Batatinha quando nasce
Se esparrama pelo chão
A menina quando dorme
Põe a mão no coração
</poem>
 
Enfim, já dá pra fazer altas coisas <s>idiotas</s> legais com isso tudo.
 
== Finalizando ==
{{c|ACABOU!! ACABOU!! É TETRAA! É TETRAA!!!|Descíclope novato ao final da aula}}
 
Ok gente, chegamos ao final de nossa aulinha de códigos. Não esqueça de testar o que aprendeu em [[Especial:Minha página/sandbox|sua página de testes]] pessoal, e em caso de qualquer dúvida, pode consultar um descíclope mais experiente ou ir ao [[Forum:Alcoólicos Anônimos|fórum de ajuda especializada (clique aqui)]]. Isso é tudo, pessoal!
Como montar:
Coloca-se < font parâmetro="valor">, antes do texto, e depois, coloca-se </font> para limitar<br> os parâmentros até este ponto.
Obs.:
Parâmetros:
Color: Define a cor da letra. [[Ajuda:Lista_de_Cores|Lista de Cores]]
Size: Define o tamanho da fonte.
Face: Define qual fonte (Ex.: Comic Sans, Arial, etc.).
<poem> -> evita quebras de linha, ideal para fãs do [[Descionário]]
 
== Ver também ==
Enfim, já dá pra fazer altas coisas <s>idiotas</s> legais com isso.
*[[Desciclopédia:Tutorial/mídias|Adicionar imagens, vídeos e áudios]]
emailconfirmed, Administradores da interface, rollback
11 556

edições