Question

Здравствуйте, использую для вывода похожих материалов:

<?if($RELATED_ENTRIES$||$RELATED_ENTRIES$(10))?>     
<div id="uRelated"> <span>Смотрите также:</span> 
<?$RELATED_ENTRIES$(10)?>
</div> 
<?else?><?endif?>

Подскажите, плиз, как изменить размер шрифта в большую сторону (до размеров самого материала), уж больно мелковато и "Смотрите также:" сделать выделенным?

P.S. Если у Вас есть свободная минутка, то есть еще не решенные проблемки:

здесь

здесь

Буду рад и благодарен за любую помощь!

Answer 1

Добавьте в таблицу стилей CSS следующие стили:

#uRelated {
margin-top: 5px;
font-family: monospace;
text-align: left;
padding: 10px 10px 10px 10px;
border: 1px solid #aea79f !important;
box-shadow: 0 0 10px rgb(177, 172, 172);
border-radius: 3px;
background: #F5F6F7;
}
#uRelated span {
font-size: 18px;
font-family: serif;
font-weight: bold;
color: #000 !important;
}
#uRelated *{
font: 15px/20px 'latin','cyrillic';
color: #21A18B;
list-style: none;
margin:0;
padding:0;
overflow:hidden;
white-space:nowrap;
} 
#uRelated ul.uRelatedEntries{width:99%;margin:7px auto 0;} 
li.uRelatedEntry{width:95%;float:left;height:1.5em;text-indent: 25px; background: url('http://petronog.com/images/bullet.png') no-repeat 5px 2px;}

иконку - http://petronog.com/images/bullet.png загрузить к себе на фтп и заменить на свою ссылку в стилях.

Размер шрифта меняем вот здесь:

#uRelated * {
font: 15px/20px 'latin','cyrillic';
color: #21A18B;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
white-space: nowrap;
}

font: 15px/20px 'latin','cyrillic';

В результате с стилями выше блок будет выглядеть вот так:

Comments

Это конечно круто! Большое спасибо!!!

---

Чтоб тем не плодить: можно ли этот Ваш блок приспособить под небольшой текст с картинкой? Если да, то как?
Заранее благодарен за ответ...

---

ознакомьтесь - http://likbezz.ru/forum/63-629-1