— прогресс —
Выбираете, сколько визуально должно быть процентов в полосе прогресса, находите соответствующую цифру в таблице ниже.
Меняете процент в коде в Формах → HTML верх
<!---------------------------- прогресс ---------------------------->
<div class="ready" style="width: 10%;" title="готовность 50%"></div>
<!-- конец -->
1% - выглядит как 10%
2% - выглядит как 15%
3% - выглядит как 20%
4% - выглядит как 25%
5% - выглядит как 30%
6% - выглядит как 35%
7% - выглядит как 40%
8% - выглядит как 45%
9% - выглядит как 50%
10% - выглядит как 50%
11% - выглядит как 55%
12% - выглядит как 60%
13% - выглядит как 65%
14% - выглядит как 70%
15% - выглядит как 75%
16% - выглядит как 80-85%
17% - выглядит как 90%
18% - выглядит как 95%
19% - выглядит как 99%
20% - выглядит как 100%
— новостные плашки —
Они стоят в Администрировании → Формах → HTML верх и идут снизу вверх, то есть, в верху самая свежая. Вы можете добавлять их просто вверх под следующим номером, не убирая нижние, а можете убирать не актуальные не меняя номера, в коде он не важен.
<!------------------ 5 (верхняя) ------------------>
<div class="news">
<pic><img src="https://i.imgur.com/H3u57k5.png"></pic>
<textbig><a href="">мистер лето </a></texbig>
<textsmall>задание шестого этапа</textsmall>
</div>
Картинку меняете на свою, лучше перезаливать все на https://imgur.com, в коде прописан размер 50*50px, картинки меньше ставить не пробовала, но, думаю, будет не очень. В коде стоят стикеры из VK 64*64px.
мистер лето - это то, что будет в плашке крупным шрифтом, название конкурса или акцентное слово новости, старайтесь не писать там слишком много текста, иначе будет появляться автопрокрутка (как на примере в третьей плашке).
задание шестого этапа - это нижний маленький поясняющий текст, тоже старайтесь не писать слишком много, оптимально - как на пятой плашке. Если всё-таки написали много, и текст вылез, надо будет немного сократить.