Możesz to zrobić na kilka sposobów:
1. Samym CSSesem i dla każdego nagłówka ostylować ::before/::after ,
Kod:
div.module h3::before {
display: block;
float: left;
width: 25px;
height: 25px;
background: red;
}
2. Sposób to w module.php w folderze /html/ twojego szablonu, dodaj wyświetlanie obrazka.
Kod PHP:
/* * html5 (chosen html5 tag and font headder tags) */function modChrome_html5($module, &$params, &$attribs){ $moduleTag = $params->get('module_tag', 'div'); $headerTag = htmlspecialchars($params->get('header_tag', 'h3')); $bootstrapSize = (int) $params->get('bootstrap_size', 0); $moduleClass = $bootstrapSize != 0 ? ' span' . $bootstrapSize : '';
// Temporarily store header class in variable $headerClass = $params->get('header_class'); $headerClass = !empty($headerClass) ? ' class="' . htmlspecialchars($headerClass) . '"' : '';
if (!empty ($module->content)) : ?> <<?php echo $moduleTag; ?> class="moduletable<?php echo htmlspecialchars($params->get('moduleclass_sfx')) . $moduleClass; ?>">
<?php if ((bool) $module->showtitle) :?> <<?php echo $headerTag . $headerClass . '>' . $module->title; ?> <img src='TWÓJ OBRZEK!' />'</<?php echo $headerTag; ?>> <?php endif; ?>
<?php echo $module->content; ?>
</<?php echo $moduleTag; ?>>
<?php endif;}
3. Sposób za pomocąCSS możesz ustawić dla nagłówka tło i ustawić je do jednego boku:
Kod:
div.module h3 {
background: url(TWÓJ OBRAZEK) no-repeat 5px center;
background-size: cover;
4. Aby mieć możliwość wyświetlania takiego obrazka tylko w module w którym chcemy, można sposób drugi rozbudować o zamianę ciągu znaków na sztywny obrazek. Wtedy nazwa modułu mogła by mieć postać "Ostatnio Dodane {img}" a funkcja w pliku module.php zamieniała by ciąg znaków "{img}" na konkretny "<img src="ścieżka" />" i odpowiednio ostylowany oczywiście.