Хостинг серверов Minecraft playvds.com
  1. Вы находитесь в русском сообществе Bukkit. Мы - администраторы серверов Minecraft, разрабатываем собственные плагины и переводим на русский язык плагины наших собратьев из других стран.
    Скрыть объявление
  2. Данный раздел создан исключительно для релизов! Вопросы по лаунчеру или обвязке задавайте ТОЛЬКО в соответсвующей теме автора. Любые другие темы будут удалены, а авторы понесут наказание.

Веб DLE Шаблон

Тема в разделе "Веб-обвязки и лаунчеры", создана пользователем IndigoGG, 17 июн 2017.

?

Как вам шаблон?

  1. 10/10

  2. 9/10

  3. 8/10

  4. 7/10

  5. 6/10

  6. 5/10

  7. Плохой...

Результаты будут видны только после голосования.
Статус темы:
Закрыта.
  1. Автор темы
    IndigoGG

    IndigoGG Активный участник

    Баллы:
    61
    Имя в Minecraft:
    IndigoGG
    Выкладываю свой шаблон на майнкрафт, сделал его на HTML, CSS и JS.
    Делал его для одного проекта но потом передумал и хочу залить его тут бесплатно.
    Шаблон адаптирован под CMS DLE (DataLifeEngine).
    Вот отдаю вам шаблон, пользуйтесь, жду ваших мнений.
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]


     
    Последнее редактирование: 7 июл 2017
  2. Хостинг MineCraft
    <
  3. Negezor

    Negezor Участник Пользователь

    Баллы:
    36
    Ужасно.
     
  4. Автор темы
    IndigoGG

    IndigoGG Активный участник

    Баллы:
    61
    Имя в Minecraft:
    IndigoGG
    Объясните в чём моя/мои ошибка/ошибки.
     
  5. anigami

    anigami Активный участник

    Баллы:
    61
    Походи посмотри по проектам, как там зделано, и поймеш что реально ужасно.
     
  6. Negezor

    Negezor Участник Пользователь

    Баллы:
    36
    Первая и самая сильная ошибка никакой уникальности, что то я не верю в мышечную память игроков везде. Шрифт ужасно читаем, неправильные padding/margin'ы, поля входа вообще не видно, различия стилей в разных блоках, а это говорит об отсутствии договоренности UI. Это я пока только говорю о самих скриншотах.
    Я уже просто не пойму, тебе самому понятно что тут сделано?
    Кнопка вообще хрен пойми где, звёздочки не указывают что информация обязательно, а только мешают (для приличия хоть красным бы выделил), текст на кислотном цвете.
    upload_2017-6-17_18-14-37.png
    В новостях и ЛС автор не выделяется в блок, но за то в комментариях выделяется блоком. Да да, такой стиль...

    ----------- Критика дизайна закончена, хотя я мог бы начать придираться, перейдём к коду.
    Main.tpl так сказать перейду откуда змеи растут, а именно начну с самой DLE шаблонизации. {AJAX} стоит размещать до </body> так как там подгружаются JS-ы DLE, а под ним свои и того 5 загружаемых скриптов (2 DLE и 3 твоих). Ты наверняка не слышал про такие крутые штуки как Webpack, Gulp или Grunt, а так же зачем 325-байтный файл подключать отдельно? В сумме у тебя вместо 1 подключения сразу 3. Так же стоит заметить что у HTML есть такие удобные атрибуты как defer и async.

    К стайлгайду претензий нет, хвалю, а по самоё вёрстки стоит поругать.
    Вместо обозначений namespace модулей, ты жёстко привязываешь структуру к CSS.
    Приведу примеры, твоя разметка:
    HTML:
    <nav id="nav">
        <ul>
            <li><a href="/">Главная</a></li>
            <li><a href="/forum.html">Форум</a></li>
            <li><a href="#">Кабинет</a></li>
            <li>
                <div class="dropdown">
                    <div class="dropbtn">Сервера</div>
                    <div class="dropdown-content">
                        <a href="#">Techno-Magic</a>
                        <a href="#">SandBox</a>
                    </div>
                </div>
            </li>
        </ul>
    </nav>
    
    Как бы я сделал разметку (учитывая сам HTML и возможности CSS)
    HTML:
    <nav class="navigation">
        <a href="/" class="navigation__link">Главная</a>
        <a href="#" class="navigation__link">Форум</a>
        <a href="#" class="navigation__link">Кабинет</a>
        <span class="navigation__dropdown__button">Сервера</span>
        <div class="navigation__dropdown">
            <a href="#" class="navigation__link">Techno-Magic</a>
            <a href="#" class="navigation__link">SandBox</a>
        </div>
    </nav>
    
    После моего примера ты наверное скажешь что такое сложно реализуется, но нет смысла нагромождать код лишним, а данная структура может терпеть сколько угодно изменений.
    Думаю я объяснил о каком пространстве имён я имел ввиду. Скажу сразу, не используй ID вместо классов, они не для того, ты не можешь переиспользовать стили.
    Ах да, ты же вроде хотел Bootstrap использовать :)
    upload_2017-6-17_18-38-51.png
    У тебя малость вёрстка поломалась и CSS в HTML таким небрежным образом) (Существуют селекторы). Не нужно CSS вставлять в HTML без надобности.
    upload_2017-6-17_18-39-56.png
    Слишком много шрифтов, зачем так много? Да и ещё одни regular с отсутствием bold поведения.

    В CSS стайлгайд ужасный, отступы между блоками отсутствуют, на дворе 2017, а ты не используешь PostCSS, flexbox, box-sizing: bordex-box. Классы с непонятными действиями .green, .red, а что они там они ещё сделаю тоже неизвестно. Повсеместный !impromant, селекторы тэгов вместо классов, классы вариются от snake_case, kebab-case до camelCase. Всё, у меня нет желания дальше в этом копаться, думаю ты понял.
     
  7. Vale

    Vale Новичок Пользователь

    Баллы:
    16
    Имя в Minecraft:
    Vale
    Добавь хоть ДЕМО, а то мне страшно ставить этот шаблон..:confused:
     
  8. Автор темы
    IndigoGG

    IndigoGG Активный участник

    Баллы:
    61
    Имя в Minecraft:
    IndigoGG
  9. Kimato

    Kimato Активный участник Пользователь

    Баллы:
    76
    А чего не - .navigation a {}?
     
  10. Djstim

    Djstim Активный участник Пользователь

    Баллы:
    78
    Skype:
    Alekcej1995
    Имя в Minecraft:
    Master26
    Я хуже не видел..
    Удачи в изучений!
     
  11. Negezor

    Negezor Участник Пользователь

    Баллы:
    36
    Потому что это плохая практика. Необходимо точное соблюдение HTML иначе выйдет не тот результат, а так же подобные селекторы медленней.
     
  12. CnoWes

    CnoWes Активный участник Пользователь

    Баллы:
    78
    Имя в Minecraft:
    CnoWes
    Шаблон сделан из 3 строчек css
     
  13. AzbukaMorza

    AzbukaMorza Ньюби

    Баллы:
    1
    Иди походи по русским форумам ты поймешь какой у тебя ужасный русский язык.
     
  14. anigami

    anigami Активный участник

    Баллы:
    61
    Не хотел обидеть Вас.
    Например мне сейчас рисует художник в фотошопе, после заказывать изготовление шаблона для DLE. Как мое мнение проше заказать чем мучить себе мозг очень долго.
     
  15. Spark108

    Spark108 Активный участник Пользователь

    Баллы:
    66
    Имя в Minecraft:
    Spark108
    Для начала кто-то ошибся разделом форума. Тут обсуждают (кривую) DLE верстку, а он с плагином лезет.
     
  16. Автор темы
    IndigoGG

    IndigoGG Активный участник

    Баллы:
    61
    Имя в Minecraft:
    IndigoGG
    Вы всегда будете делать такие шаблоны? Где тысячи цветов? Минимализм никто не пробовал? Единственные шаблон которые мне нравятся это отMythicalWorld и RedServer вот они реально крутые.... Я свои ошибки признаю, Negezor. В будущем я учту мои ошибки, эта была моей первой работой на DLE, возможно попробую еще раз. Но вот других не понимаю, что вам в минимализме на нравится?
     
  17. Negezor

    Negezor Участник Пользователь

    Баллы:
    36
    Flat не везде подходит, хоть и можно его сделать. Я использую очень часто Flat, Material Design или новый Fluent Design.
     
  18. Автор темы
    IndigoGG

    IndigoGG Активный участник

    Баллы:
    61
    Имя в Minecraft:
    IndigoGG
    Можно увидеть твои работы?
     
  19. Negezor

    Negezor Участник Пользователь

    Баллы:
    36
    Они не на тематику mc.
     
Статус темы:
Закрыта.

Поделиться этой страницей