#mingicodes

[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.

para pegar o código, clique AQUI.

[mingiarchives]

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. ♥

[mingicodes]

[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.

para pegar o código, clique AQUI.

[mingicodes]

[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.

para pegar o código, clique AQUI.

[mingicodes]

[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.

para pegar o código, clique AQUI.

[mingicodes]

[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.

para pegar o código, clique AQUI.

[mingicodes]

[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.

para pegar o código, clique AQUI.

[mingicodes]

[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.

para pegar o código, clique AQUI.