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