Как реализовать вывод баннеров сеткой?

[sk1l1]

Как реализовать вывод поставщиков вот в таком виде?

Для просмотра ссылки Войди или Зарегистрируйся

 

[inturned]

Ну можно сделать просто статьей, можно заморочиться и создать страницу с управлением с админки, ну или как-то так, за основу можно взять файлы от страницы "Производители"

 

[artxaker]

Ну как то так не забудь добавит в цыкл если знаеш как если нет то можеш в ручную

Спойлер

<style>
.content {
    margin: 80px 90px 150px;
    color: #4E4E4E;
}
.clearfix {
    zoom: 1;
}
.suppliers {
    margin: 0 0 0 -52px;
    list-style: none;
}
.suppliers li {
    display: inline-block;
    width: 216px;
    margin: 0 0 65px 49px;
    vertical-align: top;
}
.suppliers a {
    text-decoration: none;
    display: block;
    cursor: pointer;
}
.suppliers a .img {
    display: table-cell;
    width: 214px;
    height: 118px;
    border: 1px solid #ccc;
    vertical-align: middle;
    text-align: center;
    line-height: 0;
}
.suppliers a .supp_name {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    color: #666;
    text-decoration: underline;
}
</style>
<div class="content">
    <div class="title"><h1>Поставщики</h1></div>
    <ul class="suppliers clearfix">
        <li>
            <a href="http://www.nulled.cc/" target="_blank">
                <span class="img">
                    <img src="картинка" alt="бла бла">
                </span>
                <span class="supp_name">имя</span>
            </a>
        </li>
    </ul>
</div>

 

[bezzubtsev]

Используйте то, что написал Для просмотра ссылки Войди или Зарегистрируйся, только более простой метод.
Идём в админку, создаем информационную страницу. Пишем ЧПУ УРЛ вроде 'supplier'.
В поле название - название.
В поле описание - жмём выключить текстовый редактор (показать код), и вставляем следующее:

<style>
.content {
    margin: 80px 90px 150px;
    color: #4E4E4E;
}
.clearfix {
    zoom: 1;
}
.suppliers {
    margin: 0 0 0 -52px;
    list-style: none;
}
.suppliers li {
    display: inline-block;
    width: 216px;
    margin: 0 0 65px 49px;
    vertical-align: top;
}
.suppliers a {
    text-decoration: none;
    display: block;
    cursor: pointer;
}
.suppliers a .img {
    display: table-cell;
    width: 214px;
    height: 118px;
    border: 1px solid #ccc;
    vertical-align: middle;
    text-align: center;
    line-height: 0;
}
.suppliers a .supp_name {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    color: #666;
    text-decoration: underline;
}
</style>
<div>
    <ul class="suppliers clearfix">
        <li>
            <a href="http://www.nulled.cc/" target="_blank">
                <span class="img">
                    <img src="картинка" alt="бла бла">
                </span>
                <span class="supp_name">имя</span>
            </a>
        </li>
        <li>
            <a href="http://www.nulled2.cc/" target="_blank">
                <span class="img">
                    <img src="картинка2" alt="бла бла2">
                </span>
                <span class="supp_name2">имя2</span>
            </a>
        </li>
    </ul>
</div>

Картинки, ссылки и названия - прописываем ваши. Сохраняем.

 

[snail]

Можно взять бесплатный модуль добавления картинки поставщикам, есть на официальном форуме, и дальше стилями