Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

настройка меню


Recommended Posts

У знакомого увидел меню в OC CMS Block

Надписи в оригинале стоят в картинках, а у меню под ними. 

Полностью копировал код и картинки себе на сайт, вывел в макете в том же месте но оно отличается от исходного варианта, а почему не пойму

 

код

                                                                                                                                                                        <div class="banner-center">
    <div class="row">
        <div class="col-md-3 col-sm-3 col-sms-12">
            <div class="col col1">
                <img src="image/catalog/cmsblock/home2.jpg" alt="block">
                                <h2>цифровые замки</h2>
                    <p>+ 38 Продуктов</p>                
                                <div class="banner-text">
                
                </div>
            </div>
            <div class="col col2">
                <img src="image/catalog/cmsblock/home1.jpg" alt="block1">
                <div class="banner-text">
                    <h2>дверные ручки</h2>
                    <p>+ 28 Продуктов</p>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-3 col-sms-12">
            <div class="col col3">
                <img src="image/catalog/cmsblock/home3.jpg" alt="block1">
                <div class="banner-text">
                    <h2>Погонаж</h2>
                    <p>+ 18 Продуктов</p>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-3 col-sms-12">
            <div class="col col4">
                <img src="image/catalog/cmsblock/home4.jpg" alt="block2">
                <div class="banner-text">
                    <h2>Петли</h2>
                    <p>+ 20 Продуктов</p>
                </div>
            </div>
            <div class="col col5">
                <img src="image/catalog/cmsblock/home5.jpg" alt="block2">
                <div class="banner-text">
                    <h2>Завертка дверная</h2>
                    <p>+ 14 Продуктов</p>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-3 col-sms-12">
            <div class="col col3">
                <img src="image/catalog/cmsblock/home6.jpg" alt="block2">
                <div class="banner-text">
                    <h2>Двери Premium</h2>
                    <p>+ 12 Продуктов</p>
                </div>
            </div>
        </div>
    </div>
</div>             

Снимок экрана 2019-12-18 в 20.15.17.png

Снимок экрана 2019-12-18 в 20.10.08.png

Надіслати
Поділитися на інших сайтах

19 минут назад, yura88k сказал:

но оно отличается от исходного варианта

Кроме HTML есть видимо и css.

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.