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!