Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Советовал бы поправить стили к информеру и заменить их на такие:
.mtr {display:table;} .mtr .article_counters {margin-bottom:10px;} .mtr .im {padding-right:15px;display:table-cell;vertical-align:top;} .mtr_td {display:table-cell;vertical-align:top;} .mtr .inim {max-width: 100%;max-height: 180px;overflow: hidden;} .mtr_descr {margin:0;position:absolute;top:-9000px} .name_mtr {font-size:16px;font-weight:bold;} .article_counters {margin-bottom:14px;font-size:13px;color:#8c8c8c;} .article_counters span {display:inline-block;margin-right:10px} .article_counters .dats {background:url('https://yraaa.ru/files/time.png') 0px 1px no-repeat;padding-left:20px} .article_counters .views {background:url('https://yraaa.ru/files/views.png') 0px 1px no-repeat;padding-left:20px} .article_counters .coms {background:url('https://yraaa.ru/files/comment.png') 0px 1px no-repeat;padding-left:20px} .article_counters .catalog {background:url('https://yraaa.ru/files/catalog.png') 0px 1px no-repeat;padding-left:20px} .article_counters .user {background:url('https://yraaa.ru/files/user.png') 0px 1px no-repeat;padding-left:20px}
выделил красным, первое width это ширина и height высота и все ссылки на иконки загрузите себе в файловый менеджер и замените в этих стилях на свои чтобы в один момент фото не перестали работать так как источник их удалит или может удалить когда вздумается.
как мне понять , какие картинки у меня в стилях? вы писали: "Залить картинки именно те что в стилях"
или где почитать об этом? когда я пойму , какие это картинки, тогда залью в файловый менеджер и ссылки доавлю в стили в соответствующие места
Можно и без них, стили информера замените на следующие:
.mtr {display:table;} .mtr .article_counters {margin-bottom:10px;} .mtr .im {padding-right:15px;display:table-cell;vertical-align:top;} .mtr_td {display:table-cell;vertical-align:top;} .mtr .inim {max-width: 100%;max-height: 167px;overflow: hidden;} .mtr_descr {margin:0;position:absolute;top:-9000px} .name_mtr {font-size:16px;font-weight:bold;} .article_counters {margin-bottom:14px;font-size:13px;color:#8c8c8c;} .article_counters span {display:inline-block;margin-right:10px} .article_counters .dats,.article_counters .user,.article_counters .catalog,.article_counters .coms,.article_counters .views {padding:2px 15px;}
В таком случае шаблон вида информера замените на код:
<div class="mtr"> <div class="im"> <div class="inim"> <a href="$ENTRY_URL$"><img src="<?if($IMG_SMALL_URL1$)?>$IMG_URL1$<?else?>$IMG_URL1$<?endif?>" width="300" alt="$TITLE$" title="$TITLE$" /></a> </div> </div> <div class="mtr_td"> <div class="name_mtr"><a href="$ENTRY_URL$">$TITLE$</a>$MODER_PANEL$</div> <div class="article_counters"><span class="dats">$DATE$ в $TIME$</span></div> <p class="mtr_d"> $MESSAGE$ </p> </div> </div>
Спасибо. Линия получилась.
Sentimo тоже спасибо за справочники. Вставила текст под линию сама с их помощью + помог аналогичный код, который мне Юрий, когда -то присылал..
Только заметила , что шрифт в информерах поменялся.. сам шрифт и цвет шрифта с кратким описанием материала (стал красным, был серым) - хотя шрифтам я не меняла ничего.