ACESSE NOSSO DISCORD
Dream AnimesEntrar

forum Últimas do Fórum

forum [Tutorial] Temas - Criação / Melhores práticas

Publicado: | Editado:

Evil

Rank:
Fundador / Programador

Nível: 255
Pontos: 130

Página de Criação / Listagem de Temas

Clique aqui

(remova todo o conteúdo do Editor)



Escolhendo um tema Base:
Antes de começar você deve escolher qual tema vai usar como base:
o padrão do site:
ou de um tema já existente:
  • Copie o nome do tema
  • Remova qualquer tipo de caractere especial e substitua o espaço por - e deixe em minsculo

EX: Tema de Demonstração ficaria: tema-de-demonstracao

em seguida utilize o nome sem os caracteres listados acima no código abaixo:
  • @Import "tema-de-demonstracao.css";
note que agora tem .css no final
Insira o código escolhi no editor e vamos para a próxima etapa.

Para pessoas normais que desejam apenas alterar o fundo do site e/ou a loli do DA:

Se seu desejo é apenas mudar o fundo do site antes de mais nada é necessário que você upe sua imagem em algum site de imagens (google drive, imgur etc) e copiar o link DIRETO para a imagem (normalmente termina em .jpg/.png)

Após upar e copiar o link direto, você deve substituir a parte escrita "LINK_DA_IMAGEM" no código abaixo pelo link da sua imagem.
  • body {background: url(LINK_DA_IMAGEM) no-repeat center fixed / cover; }

Agora é só escolher um nome e Clicar em "Criar Tema" e pronto, seu tema está pronto para ser usado basta clicar nele para ativa-lo.

(Não é necessário ler as outras seções do tutorial)

Um pouco mais avançado:

[Em breve...]
Publicado:

Mistrata

Shinobu Sensui

Rank:
Redator

Nível: 21
Pontos: 808

Caramba, funcionou mesmo, fácil e rápido, to usando tema do naruto. Vlw pela opcão de alterar o tema, o site ficou minha cara!
Publicado:

Gamerav

Olhos do Imperador

Rank:
Corporal

Nível: 12
Pontos: 102

SAITI MAIS PIKA DO PLANETA, QUEM NAO CONCORDA VEM PRO PAU KE EU TO PUTO
Publicado:

Evil

Rank:
Fundador / Programador

Nível: 255
Pontos: 130


Versão simplificada do tutorial:

-> Acesse https://www.dreamanimes.com.br/temas

-> Apague tudo do campo grande e colorido.

-> cole:
@Import "verao.css";
body {background: url(LINK_DA_IMAGEM) no-repeat center fixed / cover; }

Upe a imagem que você deseja de plano de fundo copie o link e troque LINK_DA_IMAGEM pelo link da imagem desejada.
Publicado:

Jukera

Rank:
Membro de Honra

Nível: 25
Pontos: 231

EH MOLEKKKK
Publicado:

DiegoMarxWeiller

Cinzas do Halloween

Rank:
Warrant Officer

Nível: 39
Pontos: 2104

falei q ia dar merda kkk
Publicado:

MordredElric

Alquimista Federal

Rank:
Corporal

Nível: 16
Pontos: 113

Tem alguma forma de fazer a imagem ficar numa definição melhor que esse Blur estranho?
Publicado:

BlackkDeimos

O Dragon Slayer

Rank:
Sergent Grade 2

Nível: 33
Pontos: 2289

Quando vai sair o tutorial mais avançado?

Publicado:

BlackkDeimos

O Dragon Slayer

Rank:
Sergent Grade 2

Nível: 33
Pontos: 2289

Obg ainda não tinha visto e isso é ótimo para personalizar o site um pouco ao estilo de cada um mas pensei que poderiam colocar um tutorial mais avançado que ajudasse os usuários alterar outros aspetos do site(ex.: A Deusa Loli, a cor do DreamAnimes, proporções, etc ). Além disso poderia dar para guardar o seu tema atual porque alguns usuários partilham os seus temas e gostei bastante de alguns e gostaria de poder trocar facilmente entre eles.
Publicado: | Editado:

TachibanaMei

Rank:
Uploader

Nível: 68
Pontos: 12024

@Blackkdeimos

Os temas criados por você, ficam salvo em sua conta. Basta você ir no mesmo lugar onde abre para criar, ou seja, em "Alterar Tema". E caso queira compartilhar seu tema com alguém basta copiar o endereço dele, a url, só clicar em seu tema que deseja usar, e em seguida ir na url e copiar o link.

E com relação ao que gostaria, de um tutorial mais avançado: "alterar outros aspectos do site (ex.: A Deusa Loli, a cor do Dream Animes, proporções, etc"

Bem, isso está longe do meu alcance. Caso tais alterações/personalizações sejam possíveis/permitidas, só o programador poderá criar tal tutorial. Fiz só o básico mesmo, como a troca do tema, já que muitos users estavam perguntando como fazer.
 

Termos de Uso - DMCA Notification - Regras do Site - Alterar Tema
© 2019 Dream Animes - Carregado em: 0.047300815582275