Olá! O primeiro da minha pequena série de tutoriais vai ser bem útil para quem já tem alguma experiência com CSS.
Hospedar seu CSS em outra página é uma forma de protegê-lo de alterações alheias. Além disso, fica bem fácil alterá-lo quando você bem entender, direto do seu computador. As alterações feitas no seu código são sincronizadas rapidamente com o Dropbox.
ETAPA 1: Criando o arquivo .css
Abra o Bloco de Notas (Notepad) no seu computador. Como conteúdo, digite o CSS.
No momento que for salvar o arquivo, a sugestão de nome terá .txt no final. Apague e substitua por .css (por exemplo: template.css) O .css ao fim do nome é imprescindível para que o documento adquira o formato correto.
Seu CSS já está pronto. Para alterá-lo após criado, basta clicar no arquivo com o botão direito, selecionar “Abrir com” e escolher o Notepad.
ETAPA 2: Hospedando seu CSS
Utilizo o Dropbox, uma vez que é bem fácil de mexer. Crie sua conta e envie seu arquivo .css.
BÔNUS: Caso você baixe o aplicativo do Dropbox para desktop, será possível sincronizar sua conta com seu computador. Ou seja, você poderá colocar e modificar arquivos a qualquer momento. Essa ferramenta é bastante útil para poder alterar códigos ao vivo, sem necessidade de criar um novo arquivo. Quando sincronizar seu Dropbox com seu PC, o Dropbox aparecerá nos seus arquivos. Todas as pastas e arquivos que você criar dentro do seu Dropbox serão sincronizados sempre que você abrir o aplicativo. Alterações em arquivos são sincronizadas em questão de segundos.
ETAPA 3: Utilizando seu CSS externo
Abra sua conta no Dropbox e selecione o arquivo. Basta passar o mouse sobre ele para a opção Compartilhar aparecer. Clique no botão e selecione a opção Criar link. Copie o link e guarde-o para a próxima etapa.
Presumo que a maioria de vocês utilizaria seus CSSs para posts de rol e assinaturas em RPGs. A utilização de um CSS externo é bem semelhante à utilização de fontes (como as do Google Fonts). Você deve utilizar o seguinte código e colocá-lo em algum lugar na sua postagem/assinatura.
IMPORTANTE: Você deve fazer uma pequena alteração no link do seu arquivo. Substitua o www por dl, logo no início do URL. Sem essa alteração, seu CSS externo não funcionará.
Esse é o fim do tutorial! Espero que tenham compreendido. Caso tenham dúvidas, estou sempre disponível para oferecer ajuda.
Estarei realizando tutoriais acerca de outras questões sobre códigos. Podem fazer sugestões!
Com amor, Mingi. ♥











