Задать вопрос
lazuren

lazuren

Ответы пользователя по тегу CSS

  • Как задать файл стилей для определенного HTML тега?

    lazuren
    @lazuren
    Сделайте главный файл стилей например main.css который будет подключаться ко всем страницам и отвечать за общие стили для сайта и сделайте файл login.css который подключите только там, где есть 
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="main.css" type="text/css" rel="stylesheet" media="screen">
    <link href="login.css" type="text/css" rel="stylesheet" media="screen">
</head>
<body>
<div class="main">
    <header>Header</header>
    <main>
        <div class="login">Login</div>
    </main>
    <footer>Footer</footer>
</div>
</body>
</html>

    Файл login.css:
    /*Все стили для бока с классом login*/
.login{
    
}
    Ответ написан
    Комментировать
    Комментировать

  • Как закрепить картинку по правую сторону?

    lazuren
    @lazuren
    Добавил в css:
    .intro_last {
  position: absolute;
  right: 0;  
}

    Блок "intro_last" перенес в другое место:
    <!-- Intro start -->
<div class="intro">
    <div class="container">
        <div class="intro_inner">
            <img class="intro_round" src="img/intro/riph.png" alt="Iphone">
            <div class="intro_p1">

                <div class="intro_start">
                    <img class="intro_earth" src="img/intro/earth.png" alt="earth">
                    <div class="intro_text1">
                        App of<br> the year
                    </div>
                </div>
                <h1 class="intro_textM">My apps shoecase</h1>
                <h2 class="intro_textS">Lorem Ipsum is simply dummy text .....</h2>
                <div class="intro_buy">
                    <i class="fas fa-shopping-cart"></i>
                    <a class="cartText" href="#">Buy now</a>
                </div>
            </div>
            <div class="intro_last">
                <a href="http://piccy.info/view3/13642478/c35a5f7f1efd3926282063b15e9247b5/" target="_blank"><img
                        src="http://i.piccy.info/i9/e9c54fb1611ee0eade25ff9f529ad149/1581110018/2988/1361251/slider.png"
                        alt="Piccy.info - Free Image Hosting" border="0"/></a><a
                    href="http://i.piccy.info/a3c/2020-02-07-21-13/i9-13642478/356x135-r" target="_blank"><img
                    src="http://i.piccy.info/a3/2020-02-07-21-13/i9-13642478/356x135-r/i.gif" alt="" border="0"/></a>
            </div>
        </div>
    </div>
</div>
<!-- Intro end -->
    Ответ написан
    Комментировать
    Комментировать

  • Как стилизовать слайдер для OpenCart 3 (ocStore)?

    lazuren
    @lazuren
    Вообще он работает с помощью плагина swiper (https://swiperjs.com/api/). Можно кастомизировать прямо в slideshow.twig с помощью параметров.
    Не забудьте при этом после внесения изменений обновить кэш темы и sass
    5e373f23f25db007687676.png
    Если и это не сработает очистите папку /system/storage/cache (кроме index.html).
    И имейте ввиду при внесении изменений в slideshow.twig вы измените его не только на главной странице, но и везде где используется слайдер такого типа.
    Ответ написан
    Комментировать
    Комментировать

  • Как вывести категории 3-4 уровня в верхнем меню?

    lazuren
    @lazuren
    Нужно переписывать контроллер menu.php так как там предусмотрено только 2 уровня.
    Ответ написан
    16 комментариев
    16 комментариев

  • Как адаптировать scrollTop?

    lazuren
    @lazuren
    Отслеживай джава скриптом размеры (viewport) экрана и передавай в функцию нужное значение.
    Ответ написан
    Комментировать
    Комментировать