Modelos CSS Gratuitos (constantemente atualizados)

Traduzido do inglês

Free CSS Templates (Constantly being updated)

76

85

ATUALIZAÇÃO LEIA ISTO.

Recentemente vi várias pessoas usando meu CSS sem dar crédito. Sou meio covarde quando o assunto é confronto, mas recentemente perguntei a alguém sobre isso e a pessoa simplesmente explicou que presumiu que eu já tinha colocado o crédito. Há alguns motivos pelos quais não faço isso, mas enfim, de agora em diante vou adicionar meu crédito de CSS em algum lugar do código para que você não precise fazer isso, mas se eu ver que você está usando meu CSS e não está me dando crédito, o que você deveria fazer porque eu digo isso nos layouts do rentry para fazer, então vou te denunciar e você não poderá usar CSS. Sim, essa é uma regra de verdade no J.ai. Enfim, só leva um minuto para ir ao seu perfil se estiver usando meu CSS e garantir que está me dando crédito. Obrigado a todos que deram crédito, eu amo vocês <3

Nota: Qualquer coisa anterior ao CSS 8 não tem crédito embutido.




EI VOCÊ! SIM, VOCÊ!!
Você é um criador/usuário de bots do janitor AI que quer dar um tapa no seu perfil, ou simplesmente gosta de testar novos CSS e aprender como funcionam?

Então eu sugiro que você dê uma olhada neste bot, onde eu compartilho todos os meus modelos CSS, e provavelmente estou atualizando ele enquanto você lê isto para adicionar mais!! :3



FAQ (Por favor leia antes de continuar, especialmente se você tem conhecimento limitado de CSS e HTML.)



P: "O que é CSS?"

R: CSS (Cascading Style Sheets) é uma linguagem de programação usada para mudar a aparência de um site. Ela controla cores, fontes, fundos, bordas, layouts, animações e mais.


P: "O que é HTML?"

R: HTML (HyperText Markup Language) é usado para estruturar conteúdo numa página web. Para perfis do JanitorAI, o HTML pode ser usado para criar seções personalizadas, links, caixas de informação e menus suspensos onde houver suporte.


P: "Qual a diferença entre CSS e HTML?"

R: O HTML cria a estrutura e o conteúdo, enquanto o CSS controla sua aparência. A maioria dos meus modelos usa ambos para criar um design de perfil completo.


P: "Preciso de experiência em programação para usar seus modelos?"


R: Não! Meus modelos são feitos para serem amigáveis para iniciantes. Todos eles incluem comentários explicando o que você pode personalizar e onde colocar suas informações.


P: "Posso editar seus modelos?"

R: Obviamente! Você pode mudar cores, fontes, imagens, texto e outros elementos de design para se adequar às suas preferências.


P: "Como instalo um modelo CSS?"


R: Haverá uma imagem com instruções aqui embaixo em breve ♡♡♡


P: "Posso combinar dois modelos diferentes?"

R: Você pode, mas eu não recomendaria a menos que você entenda de CSS. Modelos diferentes podem conter código conflitante que pode quebrar seu layout.


P: "Como mudo as cores?"

R: Procure valores de cor como #FFFFFF ou #1E1E1E no CSS. Substitua-os pelos códigos de cor HEX que você preferir.


P: "Como mudo as imagens?"

R: Encontre as URLs das imagens no código e substitua-as por links diretos para suas próprias imagens. Recomendo usar o Imgur ou outro serviço de hospedagem de imagens que suporte links diretos de imagem.


P: "Posso remover seções que não quero?"

R: Sim, embora você deva ter cuidado ao deletar elementos HTML. Remover a tag de abertura ou fechamento errada pode quebrar outras partes do seu perfil


P: "Posso usar esses modelos no celular?"

R: A maioria dos meus modelos é feita para funcionar tanto no desktop quanto no celular. No entanto, alguns recursos podem aparecer de forma diferente dependendo do tamanho da sua tela.



Solução de problemas


P: "Por que meu CSS não está funcionando?"

R: Pode haver vários motivos, incluindo colchetes faltando, código conflitante, HTML incorreto ou mudanças no site do JanitorAI. Verifique novamente se você copiou o modelo inteiro, depois entre em contato comigo se ainda estiver com problemas.


P: "Por que minhas imagens não estão aparecendo?"

R: Certifique-se de que você está usando uma URL direta de imagem em vez de um link para uma página de hospedagem de imagens. Verifique também se a imagem não foi deletada ou tornada privada.


P: "Por que meu perfil está diferente da prévia?"

R: O tamanho da sua tela, navegador, CSS existente ou mudanças no JanitorAI podem afetar a aparência do modelo.


P: "Por que meu perfil está quebrado no celular?"

R: Algumas propriedades CSS se comportam de forma diferente em telas menores. Certos layouts podem precisar de ajustes adicionais específicos para celular.


P: "Por que meus menus suspensos não estão abrindo corretamente?"

R: Verifique se a estrutura HTML está correta e se toda tag de abertura tem sua tag de fechamento correspondente. CSS conflitante também pode afetar o comportamento dos menus suspensos.


P: "O que devo fazer se o JanitorAI atualizar e quebrar o modelo?"

R: Atualizações do site podem mudar as classes ou elementos dos quais os modelos dependem. Alguns modelos podem precisar ser atualizados para funcionar com a versão mais nova, me avise e eu tentarei consertar o mais rápido possível.


P: "Você pode me ajudar a consertar um modelo?"

R: Com certeza! se você estiver com problemas, nunca tenha medo de entrar em contato comigo no discord @sandy_bear_my_baby10 e podemos resolver juntos ♡



Uso e Crédito


P: Eu tenho que te dar crédito?

R: Se houver pedido para me dar crédito no código do rentry, por favor dê crédito a mim na sua página. Você pode simplesmente colocar meu nome numa caixa que ninguém vai ver, mas por favor não reivindique o código original como seu.


P: Posso redistribuir seus modelos?

R: Por favor, não reposte, redistribua ou envie meus modelos como se fossem seus. Em vez disso, direcione as pessoas ao modelo original ou ao meu perfil, por favor.

P: "Como instalo um modelo CSS?"
↓

Muitas pessoas podem sugerir que você instale seu CSS na sua seção "Sobre mim" nas configurações, mas todo o meu código funciona quando instalado dessa forma, e você pode ver o que está editando ♡

Se você instalar na sua seção sobre mim e ficar diferente das imagens mostradas no código do rentry, eu quero que você primeiro tente instalar da forma que estou te instruindo, e depois certifique-se de que copiou todo o código. Se ainda não funcionou, então você deve entrar em contato.

CSS UM: Monocromático básico, cinza, dois banners, quatro menus suspensos, vários links e uma caixa para criadores favoritos e/ou amigos se você quiser mudar para isso. Meu CSS mais básico, ótimo para pessoas que querem algo básico e não têm muita experiência com CSS/HTML

As imagens estão incluídas no rentry.co, junto com mais descrição de recursos e quaisquer limitações que possa ter = https://rentry.co/kashvault-css

CSS DOIS: Tema de perfil inspirado na Kuromi e no gótico, com fundos cinza escuro, detalhes em rosa empoeirado e malva, ótimo para alguém procurando algo mais complexo e fofo.

As imagens estão incluídas no rentry.co, junto com mais descrição de recursos e quaisquer limitações que possa ter = https://rentry.co/Kashvault-css2

CSS TRÊS: Perfil inspirado em aplicativo de namoro, com cores base escuras e contornos rosa e vermelho, visual legal e mais adequado para pessoas com conhecimento básico de CSS

As imagens estão incluídas no rentry.co, junto com mais descrição de recursos e quaisquer limitações que possa ter = https://rentry.co/kashvault-css3

CSS QUATRO: Tema militar/SAS, verdes escuros/de exército, menus suspensos, links, bom para alguém que quer algo de aparência complexa mas que na realidade é bem básico e fácil de alterar.

As imagens estão incluídas no rentry.co, junto com mais descrição de recursos e quaisquer limitações que possa ter = https://rentry.co/kashvault-CSS4

CSS CINCO: Tema fofo e simples de desktop, atualmente monocromático em branco e preto, mais complexo e tem mais código que meus outros modelos

As imagens estão incluídas no rentry.co, junto com mais descrição de recursos e quaisquer limitações que possa ter = https://rentry.co/Kashvault-CSS5

CSS SEIS: Tema de desktop inspirado no "Corn"Hub, com o clássico esquema de cores preto e laranja. Ousado, divertido e mais detalhado que meus modelos mais simples, com layouts personalizados e vários recursos editáveis. Provavelmente meu CSS mais complexo, na minha opinião

As imagens estão incluídas no rentry.co, junto com mais descrição de recursos e quaisquer limitações que possa ter = https://rentry.co/KashVault-CSS6

CSS SETE: Cards de bot básicos que mostram a descrição do bot e depois as tags ao passar o mouse, monocromático, básico e fácil de colorir.

As imagens estão incluídas no rentry.co, junto com mais descrição de recursos e quaisquer limitações que possa ter = https://rentry.co/kashvault-CSS7

CSS OITO: Um layout do Janitor AI com tema de praia, verde espuma do mar e branco, com links personalizáveis, menus suspensos, cards de personagem, decorações oceânicas e estilo amigável para celular.

As imagens estão incluídas no rentry.co = https://rentry.co/Kashvault-CSS8

CSS NOVE: Cards de bot em branco básicos que viram, imagem completa exibida e bio e tags do bot mostradas ao passar o mouse, funciona tanto no desktop quanto no celular.

As imagens NÃO estão incluídas no rentry.co desta vez = https://rentry.co/Kashvault-css09

LEMBRE-SE: EU SOU UM ESTUDANTE.
Eu NÃO sou desenvolvedor web, e sou HUMANO.

Por favor, lembre-se, nem tudo o que faço será perfeito, e se eu errar, apenas me corrija gentilmente.

Servidor do Discordlink


Criado 7 de out.

Atualizado 30 de out.

Publicado 9 de out.

Chats publicados