Question

Привет, сейчас материалы доски объявлений выглядять так:

Как мне сделать чтобы они выглядили так:?

 

2. И как сделать чтобы фон сайта стоял на месте, чтобы при прокрутки сайта вниз фон не опускался?

Answer 1

Добавьте в css:

#allEntries{display:flex;flex-wrap:wrap;margin:-15px}
#allEntries > div{padding:15px;box-sizing:border-box;width:100%}
@media (min-width: 981px),(min-width: 521px) and (max-width: 710px) {
#allEntries > div{width:33.3333333%}
}
@media (min-width: 711px) and (max-width: 980px),(min-width: 350px) and (max-width: 520px) {
#allEntries > div{width:50%}
}

 

Answer 2

1. Ознакомьтесь с материалом - http://forum.ucoz.ru/forum/32-42730-1 перейдите в шаблон вида материалов доски объявлений - http://mailshoping.do.am/panel/?a=tmpl;m=13;t=7 и выполните манипуляции как описано по ссылке.  
2. Как вижу уже решено, фон фиксирован и не опускается.

Comments

А как сделать чтобы опускался?

---

Владислав Демченко,

Так он уже фиксирован или вы хотите чтобы он не был фиксирован. Пишите чтобы не опускался, теперь спрашиваете как сделать чтобы опускался, вы определитесь.

Чтобы опускался, в стилях ищем строку 22:

.wrap {
 background: url('http://virus-corp.do.am/mailshoping/fon.jpg') top center no-repeat;
 background-attachment: fixed;
 background-size: cover;
 min-height: 100%;
 }

удаляем выделенное.

---

Я сдела этот "Вид материалов" сам

 <figure class="imgteaser" style="position: relative; display: table; margin: 0px auto; border-width: 10px; border-color: rgb(68, 85, 102); line-height: 0; color: rgb(223, 223, 223); cursor: pointer; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; text-align: start;"><a href="$ENTRY_URL$"><font color="#333333" face="sans-serif, Arial, Verdana, Trebuchet MS"><span style="font-size: 13px; line-height: 20.8px;"><img alt="" src="$SCREEN_URL$" style="width: px; height: 246px;" /></span></font></a>  <figcaption style="position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 5px 10px; font-size: 12.8px; line-height: 1.3em; background: rgba(68, 85, 102, 0.701961);">$TITLE$</figcaption> </figure>

Что здесь можно предумать, чтобы материалы были в четыри колонки?

---

Владислав Демченко,

Читайте материал по ссылке и вникайте в написанное, дублировать информацию нет надобности, прочтите и выполняйте как атм описано, где заменять я ссылку выше предоставил.