Привет, сегодня я от нечего делать написал простейший вывод категорий на изображения, вместо категорий можно писать что угодно и как угодно, но скрипт задумал именно под них. Возможность вывести категорию на изображение стало распространено, что теперь вы самостоятельно можете сделать при помощи стиля CSS. 

Я написал комментарии к каждому из свойств в CSS, так что будет легко новичкам. 

Как установить скрипт? 

Для начало кинем код что ниже, выше кода изображений в материале или виде материалов: 

<div class="c0decat">Категория: c0de18.icu</div>

А вот это уже в таблицу стилей: 

.c0decat { 
  position: absolute; 
  margin: 11% 0 0 0px; 
  background-color: #bf501d; 
  border-radius: 0 3px 3px 0; 
  font-family: Arial; 
  padding: 1px; 
  padding-right: 4px; 
  padding-left: 2px; 
  color: #f7f7f9; 
  border: 3px solid #d7501d; 
} 

.stukopan { 
  border: 2px solid #b0b2b3; 
  width: 340px; 
  height: 202px; 
  border-radius: 3px; 
}