Janitor
Главная
Ctrl K
ВойтиРегистрация

CARNIVORAL | CSS TEMPLATE [FREE]

Переведено с английского·

CARNIVORAL | CSS TEMPLATE [FREE]

16

30

by:@Ru1nous

— Carnivoral —

Тема «мясной» (meatcore). Заходи в мясную лавку и выбирай свой кусок. Загляни сегодня в наши ГОРЯЧИЕ СКИДКИ и спецпредложения от менеджера!




Важно!

Я использовал несколько файлов изображений для создания этого шаблона, все они размещены на Imgur. ВОТ архив со всеми использованными мной изображениями. Используйте их как угодно.

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

КАК УСТАНОВИТЬ

1. Скопируй ВСЁ

2. Вставь это в поле «About me» в настройках профиля JanitorAI и сохрани.

3. Заполни свои изображения, ссылки и текст (см. ниже).


ПРАВИЛА, ЧТОБЫ ВСЁ НЕ СЛОМАЛОСЬ

1. Никаких пустых строк нигде. Чтобы начать новый абзац, напиши <br><br>

2. Ссылки на изображения должны быть прямыми, я использую Imgur: https://i.imgur.com/abc123.png

Если изображение не используешь, оставь его пустым так: src=""

3. Меняй только слова внутри "кавычек" или между > и <.

Не удаляй кавычки, < >, { } и всё, что содержит class=

4. Никогда не добавляй /* комментарии */ внутри части <style>.


ШПАРГАЛКА: найди это (Ctrl/Cmd + F) -> измени


ТВОЙ ПРОФИЛЬ

content: "Your Name" ----- твоё имя (без @)

content: "Your tagline here" ----- строка под твоим именем

"devout" ----- слово после количества подписчиков

"Consume" / "Purge" ----- кнопки «Подписаться» / «Отписаться»

"Packed on: mm.dd.yy" ----- дата регистрации

"Fresh Cuts" / "Offal" ----- вкладки «Персонажи» / «Избранное»

"cuts in stock" ----- слово после количества персонажей

ФОН

class="cv-bg"> помести своё изображение в src="" перед ним

class="cv-bg cv-glitch" необязательный GIF поверх фона

.cv-glitch{opacity:.3 сила GIF (.1 слабо - .5 сильно)

ШЕСТЬ ВКЛАДОК (каждая начинается с <details class="cv-cut ...)

01 Brain: обо мне + теги-чипсы

02 Shoulder: соцсети / контакты

03 Rib: правила

04 Loin: обновления (дорожная карта проекта)

05 Rump: дополнительная информация (используй для чего угодно)

06 Shank: галерея

- Название вкладки: текст после class="cv-title">

- Текст вкладки: между <p> и </p>

СЕГОДНЯШНЕЕ СПЕЦПРЕДЛОЖЕНИЕ

статус class="cv-special" между <p> и </p>,

дата между <i> и </i>

СПИСКИ: одна строка = один пункт. Скопируй строку, чтобы добавить, удали, чтобы убрать.

ТЕГИ (About Me)

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

-> измени "tag"

СОЦСЕТИ (Shoulder)

<a href="PASTE-LINK-HERE" class="cv-link"><img src="" alt="">Ko-fi</a>

-> твоя ссылка, затем название перед </a>

Не ссылка (почта и т.п.)? Используй строку <span class="cv-link">:

-> подпись перед <i>, адрес между <i> и </i>

ОБНОВЛЕНИЯ (Loin)

<details class="cv-job cv-done"><summary><b>Название</b></summary><p>Подробности</p></details>

-> cv-job cv-done = завершено, cv-job cv-now = текущее

cv-job = запланировано

ГАЛЕРЕЯ (Shank)

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

-> ссылка на изображение в src="", название вместо "Art title"

ИЗБРАННЫЕ КУСКИ (друзья)

<a href="PASTE-LINK-HERE" class="cv-hang"> ...

-> ссылка на их профиль, их картинка в cv-pfp src="",

затем Name и @name

ХОЛОДНАЯ КОМНАТА (серия)

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

-> твой тег серии вместо YOURTAG, обложка в

cv-pfp src="", «Название серии» (дважды) и описание

Не меняй ссылки cv-png. Это и есть мясное искусство.


НАКЛЕЙКИ НА КАРТОЧКАХ ПЕРСОНАЖЕЙ

Это последние три строки перед </style>:

HOT DEAL!! / MANAGER'S SPECIAL!! / ALL YOU CAN EAT

Наклейка появляется на каждой карточке, у которой есть её тег.

- Выбери тег: измени слово после pp-tag-

.pp-tag-hotdeal -> .pp-tag-[твой тег] (= каждая карточка с #[тег])

строчными буквами, без #. Встроенные теги тоже работают: .pp-tag-deaddove

- Или выбери одного бота: замени PASTE-BOT-ID первыми 8

символами после /characters/ в ссылке на этого бота.

- Чтобы выключить наклейку: поменяй её тег на .pp-tag-none

НЕОБЯЗАТЕЛЬНАЯ ТОНКАЯ НАСТРОЙКА

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

-> подними/опусти на 40px, чтобы переместить висящие ножи

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

-> подними на 56px, если руки прячутся за строкой меню телефона

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

-> три строки, которые окрашивают мясо внутри упаковок карточек


АВТОРСТВО

CARNIVORAL CSS от @Ru1nous

Свободно для использования и редактирования на твоё усмотрение! Упоминание автора приветствуется, но не обязательно.

Строчку «CARNIVORAL CSS by Ru1nous» внизу страницы можно оставить или убрать — как пожелаешь.

Создано 11 окт.

Обновлено 25 окт.

Опубликован 11 окт.

  • Безлимитный
  • #css
  • #profilecss
  • #freecss
  • #ru1noustemplates
прокси разрешены

Опубликованные чаты