Janitor
Início
Ctrl K
EntrarCadastrar

CARNIVORAL | TEMPLATE CSS [GRÁTIS]

Traduzido do inglês·

CARNIVORAL | CSS TEMPLATE [FREE]

16

30

by:@Ru1nous

— Carnivoral —

Um tema meatcore. Entre no açougue e escolha o seu corte. Venha ver nossas OFERTAS QUENTES e as promoções do Gerente de hoje!




Importante!

Usei vários arquivos de imagem para criar este template, todos hospedados no Imgur. AQUI há um arquivo zip com todas as que usei. Sinta-se livre para usá-las como quiser.

------------------------------------

COMO INSTALAR

1. Copie TUDO

2. Cole na caixa "Sobre mim" nas configurações do seu perfil no JanitorAI e salve.

3. Preencha suas imagens, links e textos (veja abaixo).


REGRAS PARA NÃO QUEBRAR

1. Nenhuma linha em branco em lugar algum. Para um novo parágrafo, digite <br><br>

2. Os links de imagem devem ser diretos, eu uso o Imgur: https://i.imgur.com/abc123.png

Deixe uma imagem vazia assim se não a usar: src=""

3. Altere apenas palavras dentro de "aspas" ou entre > e <.

Não apague aspas, < >, { } nem nada que diga class=

4. Nunca adicione /* comentários */ dentro da parte <style>.


GUIA RÁPIDO: Encontre isto (Ctrl/Cmd + F) -> altere-o


SEU PERFIL

content: "Seu Nome" ----- seu nome (sem @)

content: "Sua frase aqui" ----- a linha abaixo do seu nome

"devout" ----- palavra após a contagem de seguidores

"Consume" / "Purge" ----- botões Seguir / Deixar de seguir

"Packed on: mm.dd.yy" ----- sua data de entrada

"Fresh Cuts" / "Offal" ----- as abas Personagens / Favoritos

"cuts in stock" ----- palavra após a contagem de personagens

FUNDO

class="cv-bg"> coloque sua imagem no src="" antes dele

class="cv-bg cv-glitch" GIF opcional sobreposto

.cv-glitch{opacity:.3 intensidade do GIF (.1 suave - .5 forte)

AS SEIS ABAS (cada uma começa com <details class="cv-cut ...)

01 Brain Sobre mim + chips de tags

02 Shoulder Redes sociais / contato

03 Rib Regras

04 Loin Atualizações (roteiro do projeto)

05 Rump Informações extras (use para qualquer coisa)

06 Shank Galeria

- Título da aba: o texto após class="cv-title">

- Texto da aba: entre <p> e </p>

OFERTA DO DIA

status class="cv-special" entre <p> e </p>,

data entre <i> e </i>

LISTAS: uma linha = um item. Copie uma linha para adicionar, apague para remover.

TAGS (Sobre mim)

<span class="cv-tag">tag</span>

-> altere "tag"

REDES SOCIAIS (Shoulder)

<a href="COLE-O-LINK-AQUI" class="cv-link"><img src="" alt="">Ko-fi</a>

-> seu link, depois o nome antes de </a>

Não é um link (e-mail etc.)? Use a linha <span class="cv-link">:

-> rótulo antes de <i>, endereço entre <i> e </i>

ATUALIZAÇÕES (Loin)

<details class="cv-job cv-done"><summary><b>Nome</b></summary><p>Detalhes</p></details>

-> cv-job cv-done = concluído cv-job cv-now = atual

cv-job = planejado

GALERIA (Shank)

<details class="cv-art" ...><summary><img src="" ...

-> link da imagem em src="", título no lugar de "Art title"

CORTES ESCOLHIDOS (amigos)

<a href="COLE-O-LINK-AQUI" class="cv-hang"> ...

-> o link do perfil deles, a foto deles no cv-pfp src="",

depois Nome e @name

A CÂMARA FRIA (séries)

<a href="...custom_tags=SUATAG..." class="cv-side"> ...

-> sua tag de série no lugar de SUATAG, imagem de capa no

cv-pfp src="", "Nome da Série" (duas vezes) e a descrição

Não altere os links cv-png. Eles são a arte da carne.


ADESIVOS DOS CARTÕES DE PERSONAGEM

São as últimas três linhas antes de </style>:

OFERTA QUENTE!! / ESPECIAL DO GERENTE!! / COMA À VONTADE

Um adesivo aparece em cada cartão que tenha sua tag.

- Escolha a tag: altere a palavra após pp-tag-

.pp-tag-hotdeal -> .pp-tag-[insira sua tag aqui] (= todos os cartões #[a tag])

minúsculas, sem #. Tags integradas também funcionam: .pp-tag-deaddove

- Ou escolha um bot: substitua PASTE-BOT-ID pelos primeiros 8

caracteres após /characters/ no link desse bot.

- Desligue um adesivo: altere a tag para .pp-tag-none

AJUSTES FINOS OPCIONAIS

.cv-rig{position:fixed!important;left:0;right:0;top:40px

-> suba/desça 40px para mover as facas suspensas

.cv-hands{height:80px;bottom:56px}

-> suba 56px se as mãos ficarem escondidas atrás da barra de menu do seu celular

.pp-cc-wrapper:nth-child(3n

-> as 3 linhas que colorem a carne dentro dos pacotes de cartões


CRÉDITO

CARNIVORAL CSS por @Ru1nous

Livre para usar e editar como quiser! Crédito é apreciado, mas não obrigatório.

A linha pequena "CARNIVORAL CSS by Ru1nous" no rodapé da página pode ficar

ou sair, como preferir.

Criado 11 de out.

Atualizado 25 de out.

Publicado 11 de out.

  • Sem limites
  • #css
  • #profilecss
  • #freecss
  • #ru1noustemplates
proxy permitido

Chats publicados