#mingicodes

[HTML/CSS] EMOTIONS?!

algumas informações importantes sobre esse código:

as cores, textos e imagem são totalmente customizáveis logo no início do código.

se for usar, mande uma ask/reblogue/curta. nunca retire os créditos.

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!

[BBCODE] THE VAMPIRE

algumas informações importantes sobre esse código:

cada imagem pode ser substituída procurando por “IMAGEM” de 1 a 9.

esse code não tem barra de rolagem.

por ser um code bem simples, sinta-se livre para fazer modificações e encaixar uma quantidade maior/menor de texto, etc!

se for usar, mande uma ask/reblogue/curta. nunca retire os créditos.

[HTML/CSS] WATERMELON SUGAR

algumas informações importantes sobre esse código:

as cores, textos e imagem são totalmente customizáveis logo no início do código.

se for usar, mande uma ask/reblogue/curta. nunca retire os créditos.

[TEMPLATE/ROL] STEP INTO THE LIGHT

as cores podem ser editadas logo no início do código, por meio dos comandos: –highlight, –background, –title, –text e –italic.

se for usar, mande uma ask/reblogue/curta. nunca retire os créditos.

[BBCODE] PUT ON A SMILE

algumas informações importantes sobre esse código:

a imagem de cima e de baixo pode ser qualquer uma, substitua o link onde está escrito “IMAGEM”.

a imagem da esquerda deve ser 200x320, substitua onde está escrito “AVATAR”.

para mudar as cores, substituir a cor dos comandos –background, –title, –text e –border, logo no início do código.

se for usar, mande uma ask/reblogue/curta. nunca retire os créditos.

[HTML] SEÑORA

algumas informações importantes sobre esse código:

a imagem será automaticamente redimensionada para ficar com 70x70.

todas as cores são customizáveis e podem ser editadas de maneira simples, logo no início do código: "--sraprincipal: #e0586a; --srafundo: #fff; --sradetail: #eaeaea; --srafonte: #333".

se for usar, mande uma ask/reblogue/curta. nunca retire os créditos.

[BBCODE] DON'T FIGHT WHAT'S NATURAL

algumas informações importantes sobre esse código:

a imagem será automaticamente redimensionada para 300x210.

todas as cores são customizáveis e podem ser editadas de maneira simples, logo no início do código: “--destaque: #aba7cc; --secund: #d2abcc; --texto: #fff0f2; --titulo: #847faf”.

tags principais para customização: TÍTULO · IMAGEM · TEXTO.

se for usar, mande uma ask/reblogue/curta. nunca retire os créditos.