Оценка верстку

@doom88 · Регистрация: 20.10.2017

Студворк — интернет-сервис помощи студентам

Здравствуйте, оцените, пожалуйста, верстку макета psd. Сейчас учусь на wordpress разработчика, чего не хватает для уровня junior wordpress developer?

@doom88 · 22.07.2019, 13:42 **[ТС]**

Спасибо всем, кто смог быть вежливым и доброжелательным в нелегком деле оценки творчества новичка. Я постарался исправить ошибки, добавить динамичности, если под динамичностью, в том числе, понимается использование псевдоклассов и подготовил еще одну верстку. Макет посложнее предыдущего. Прошу оценить, а также, кто работал со слайдером owl-carousel, подсказать как убрать пустой слайд на переходе от последнего к первому?

@Fedor92 · 22.07.2019, 19:27

Блин, интрига...

Интересно, что скажут мастера современных сайтов...

Сообщение от doom88

Я постарался исправить ошибки, добавить динамичности, если под динамичностью, в том числе, понимается использование псевдоклассов и подготовил еще одну верстку.

Мало что изменилось, но подвижки есть.

Сообщение от doom88

кто работал со слайдером owl-carousel, подсказать как убрать пустой слайд на переходе от последнего к первому?

Вот это нужно убрать из кода слайдера:

HTML5
1
2
3
4
5
    
<div class="owl-nav">
    <div class="owl-prev"></div>
    <div class="owl-next"></div>
</div>

Оценивать не буду принципиально - ибо мнение "вежливых" нынче лучше мнения злобных троллей...

@voral · 22.07.2019, 22:10

особо не вникал. на этот раз запустил. Не кликается у меня меню... Точнее очень узкая полоска... В принципе несли пальцем может и не промахнешся

Я б вообще сделал примерно так (правда клик не по всей шапке) importat поставил, чтоб не править остальные стили

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<div class="menu-mobile">
    <input type="checkbox" id="check-menu">
    <label for="check-menu" class="menu-alt"></label>
    <nav class="menu-mobile-items">
        <a href="#">Home</a>
        <a href="#">Services</a>
        <a href="#">About</a>
        <a href="#">Works</a>
        <a href="#">Blog</a>
        <a href="#">Clients</a>
        <a href="#">Contacts</a>
    </nav>
</div>
 
 
    <style>
    .menu-alt{
        position: absolute;
        top: 8px !important;
        left:auto !important;
        right: 10px !important;
        width: 35px !important;
        height: 22px !important;
        border:2px solid #fff;
        border-width:2px 0;
        transition: .5s all;
        box-sizing:border-box;
        cursor:pointer;
        z-index:1;
    }
    .menu-alt:before,
    .menu-alt:after{
        content:'';
        position: absolute;
        top: 8px;
        right: 0;
        width: 35px;
        height: 2px;
        background-color: #fff;
        transition: .5s all;
        box-sizing:border-box;
    }
 
    #check-menu:checked ~ .menu-alt {
        border: none;
    }
 
    #check-menu:checked ~ .menu-alt:before {
        transform: rotate(45deg);
    }
 
    #check-menu:checked ~ .menu-alt:after {
        transform: rotate(-45deg);
    }
 
    </style>

Добавлено через 3 минуты
А вообще говоря. Можно подумать, чтоб не дублировать меню. А использовать одно и тоже для обоих видов

@doom88 · 23.07.2019, 10:40 **[ТС]**

Добавлено через 1 минуту

Сообщение от Fedor92

Вот это нужно убрать из кода слайдера:

1
2
3
4
5
<div class="owl-nav">
* * <div class="owl-prev"></div>
* * <div class="owl-next"></div>
</div>

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

@Fedor92 · 23.07.2019, 14:04

Сообщение от doom88

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

Ну всё правильно убираются. Скрипт добавляет навигацию динамически, поэтому отдельный блок для стрелочек не требуется. И в скрипте указано всё верно. Вот Вам подсказка попробуйте изменить в скрипте где подключаете карусель:

JavaScript
1
2
3
1024: {
   items: 4
 },

количество элементов, вместо 4 на 3. Увидите эффект, ну, а дальше загадка на логику почему так происходит. Подсказка: надо смотреть в сторону вёрстки... Жду от Вас правильный ответ. Это будет шаг к Вашему саморазвитию, кстати, в сети есть много клоунов, которые так и не догадались...

@doom88 · 23.07.2019, 22:51 **[ТС]**

Сообщение от Fedor92

загадка на логику почему так происходит

потому что пустой блок между 4 и 1 слайдом это <div class="owl-nav">
да, если его убрать из html, пустой блок исчезает, но и стрелок навигации нет, как нужно по макету

Новые блоги и статьи Все статьи Все блоги /
Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .	Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .
Оттачиваю умение писать js программы. russiannick 30.08.2026 Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .	мат медиц модель 30. презентация проекта anaschu 27.08.2026 хоп хоп хоп хидахоп, а я кладую))	Как у меня протекала болезнь zorxor 27.08.2026 Здравствуйте, друзья! Эта запись блога предназначена именно для вас - для моих дорогих друзей, которые знали меня лично. Чтобы ответить на вопрос - а что же со мной произошло на самом деле? Я учился. . .	Нашел вот забавное видео о измерениях. Лучшее что я видел на эту тему kumehtar 26.08.2026 ILETXiw9bMQ Основная суть и тезисы по измерениям: 0D (Нулевое измерение): точка, не имеющая длины, ширины, высоты или объема. Объект не может перемещаться в 0D. 1D (Первое измерение):. . .