0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 334 Просмотров
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
Всем привет, подскажите пожалуйста, как сделать на странице список услуг формата, как на этом сайте:

https://okna5.ru/ru/production

*

NewUsers

  • Завсегдатай
  • 1478
  • 118 / 0
CSS или HTML код тебе надо
Занимаюсь создание расширений только для Joomla 3.x.x | Доработка и настройка сайтов. Работаю по факту (без всяких предоплат). Оплата только на Яндекс.Деньги
Помогу с переездом на PHP 7.x и исправлю ошибки PHP
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
может модуль есть, чтобы что-то похожее сделать? Пробовал через модуль для каталога товаров, почти получилось, но по скольку он платный был то там содержимое товара нельзя добавить, в общем может кто бесплатный модуль таки посоветует?)
*

NewUsers

  • Завсегдатай
  • 1478
  • 118 / 0
может модуль есть, чтобы что-то похожее сделать? Пробовал через модуль для каталога товаров, почти получилось, но по скольку он платный был то там содержимое товара нельзя добавить, в общем может кто бесплатный модуль таки посоветует?)
Через модуль вывода HTML кода
Код: html
<div class="wpex-vc-columns-wrap clr">
    <div class="wpb_column vc_column_container vc_col-sm-6">
        <div class="vc_column-inner wpex-clr">
            <div class="wpb_wrapper wpex-vc-column-wrapper wpex-clr ">
                <div class="vc_row wpb_row vc_inner vc_row-fluid">
                    <div class="wpb_column vc_column_container vc_col-sm-3">
                        <div class="vc_column-inner wpex-clr">
                            <div class="wpb_wrapper wpex-vc-column-wrapper ">
                                <div class="wpb_single_image wpb_content_element vc_align_">
                                    <div class="wpb_wrapper">
                                        <a title="f013_1" href="#" target="_self">
                                            <div class="vc_single_image-wrapper vc_box_rounded  vc_box_border_grey">
                                                <img class="vc_single_image-img " src="https://okna5.ru/wp-content/uploads/2016/06/f013_1-100x100.jpg" width="100" height="100" alt="f013_1" title="f013_1">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><div class="wpb_column vc_column_container vc_col-sm-9">
                        <div class="vc_column-inner wpex-clr">
                            <div class="wpb_wrapper wpex-vc-column-wrapper ">
                                <div class="wpb_text_column wpb_content_element ">
                                    <div class="wpb_wrapper">
                                        <h2><a href="#">Установка офисных перегородок</a></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="wpb_column vc_column_container vc_col-sm-6">
        <div class="vc_column-inner wpex-clr">
            <div class="wpb_wrapper wpex-vc-column-wrapper wpex-clr ">
                <div class="vc_row wpb_row vc_inner vc_row-fluid">
                    <div class="wpb_column vc_column_container vc_col-sm-3">
                        <div class="vc_column-inner wpex-clr">
                            <div class="wpb_wrapper wpex-vc-column-wrapper ">
                                <div class="wpb_single_image wpb_content_element vc_align_">
                                    <div class="wpb_wrapper">
                                        <a title="trash" href="#" target="_self">
                                            <div class="vc_single_image-wrapper vc_box_rounded  vc_box_border_grey">
                                                <img class="vc_single_image-img " src="https://okna5.ru/wp-content/uploads/2016/06/trash-100x100.png" width="100" height="100" alt="trash" title="trash">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><div class="wpb_column vc_column_container vc_col-sm-9">
                        <div class="vc_column-inner wpex-clr">
                            <div class="wpb_wrapper wpex-vc-column-wrapper ">
                                <div class="wpb_text_column wpb_content_element ">
                                    <div class="wpb_wrapper">
                                        <h2><a href="#">Вывоз старых окон и мусора</a></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Код: css
<style>
    .wpex-vc-row-centered .wpex-vc-columns-wrap {
        margin-left: -15px;
        margin-right: -15px;
    }
    .vc_column_container {
        padding-left: 0;
        padding-right: 0;
    }
    .vc_col-sm-6 {
        width: 50%;
        float: left;
    }
    .vc_column_container > .vc_column-inner {
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .wpex-vc-column-wrapper {
        margin-bottom: 40px;
        width: 100%;
    }
    .wpex-vc-row-centered .vc_row {
        margin-left: 0;
        margin-right: 0;
    }
    .wpb_row {
        max-width: none;
    }
    .wpb_row,
    .wpb_content_element,
    ul.wpb_thumbnails-fluid > li,
    .last_toggle_el_margin,
    .wpb_button {
        margin-bottom: 0;
    }
    .vc_col-sm-3 {
        width: 25%;
        float: left;
    }
    .wpb_single_image a {
        position: relative;
        display: block;
        display: inline-block;
        max-width: 100%;
        border: none;
        outline: 0;
    }
    .wpb_single_image .vc_single_image-wrapper.vc_box_rounded,
    .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
        border-radius: 4px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .wpb_single_image .vc_single_image-wrapper {
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
    }
    .vc_single_image-wrapper {
        position: relative;
    }
    .wpb_single_image img {
        height: auto;
        max-width: 100%;
        vertical-align: top;
    }

</style>
Занимаюсь создание расширений только для Joomla 3.x.x | Доработка и настройка сайтов. Работаю по факту (без всяких предоплат). Оплата только на Яндекс.Деньги
Помогу с переездом на PHP 7.x и исправлю ошибки PHP
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
Спасибо, уже почти понятно, а как это добавить на сайт, этот код же над править и куда эти CSS добавлять? Как создать модуль с HTML кодом я знаю, а остальноё всё в тумане)!
*

NewUsers

  • Завсегдатай
  • 1478
  • 118 / 0
Спасибо, уже почти понятно, а как это добавить на сайт, этот код же над править и куда эти CSS добавлять? Как создать модуль с HTML кодом я знаю, а остальноё всё в тумане)!
В настройках этого модуля есть визуальный редактор, в нем есть функция вставки код (Инструменты -> Исходный код). В модальное окно вставь весь код который я дал. Скорей всего редактор удалит стили, так что придется вставить их в какой нибудь файл который используется на странице где будет выводится модуль
Занимаюсь создание расширений только для Joomla 3.x.x | Доработка и настройка сайтов. Работаю по факту (без всяких предоплат). Оплата только на Яндекс.Деньги
Помогу с переездом на PHP 7.x и исправлю ошибки PHP
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
 :D Получилось.)

А CSS куда вставляется?

Я так понимаю это каким-то образом с сайта "образца" скопировано?
*

NewUsers

  • Завсегдатай
  • 1478
  • 118 / 0
Я так понимаю это каким-то образом с сайта "образца" скопировано?
Ну так от куда еще


А CSS куда вставляется?
В любой который используется на странице...
Занимаюсь создание расширений только для Joomla 3.x.x | Доработка и настройка сайтов. Работаю по факту (без всяких предоплат). Оплата только на Яндекс.Деньги
Помогу с переездом на PHP 7.x и исправлю ошибки PHP
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
У меня сейчас вот так отображается (в одну колонку), что не так?

*

NewUsers

  • Завсегдатай
  • 1478
  • 118 / 0
У меня сейчас вот так отображается (в одну колонку), что не так?
стилей нет
Занимаюсь создание расширений только для Joomla 3.x.x | Доработка и настройка сайтов. Работаю по факту (без всяких предоплат). Оплата только на Яндекс.Деньги
Помогу с переездом на PHP 7.x и исправлю ошибки PHP
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
Вставил этот код в конце template.css", не знаю, как но работает)))
*

Dmitrius

  • Новичок
  • 8
  • 0 / 0
Осталось теперь сообразить, как размножать строки, копирование в визуальном редакторе не прокатило, отобразилось, как "подпункт"
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать рамку вокруг модуля?

Автор RaMzEs1997

Ответов: 29
Просмотров: 271
Последний ответ 14.11.2018, 16:15:03
от lexxbry
Как сделать пункт меню, который бы ссылался на последнюю опубликованную статью в?

Автор Sportacus

Ответов: 11
Просмотров: 223
Последний ответ 01.10.2018, 16:09:14
от Septdir
Сделать сайт на Joomla

Автор Michail19821982

Ответов: 10
Просмотров: 169
Последний ответ 27.09.2018, 14:24:35
от Michail19821982
Можно ли сделать отображение в меню количества документов в статье

Автор SergeiK2011

Ответов: 1
Просмотров: 143
Последний ответ 15.09.2018, 05:45:57
от Cedars
Реализация оплаты заявки после конфигуратора. Как сделать?

Автор adamatis

Ответов: 5
Просмотров: 87
Последний ответ 13.09.2018, 13:47:19
от lexxbry