Чтение RSS каналов

Форум

Открыть Ответить

Сайты на Slaed CMS на версии 6.x

31
19.09.2019 18:00:17
otherside, приятный дизайн, молодец!

По теме оформления пожелания будут? Может быть что то модифицировать для удобной вёрстки?

О сколько нам открытий чудных,
Готовит просвещенья дух,
И опыт, сын ошибок трудных,
И гений, парадоксов друг...
3.24

3.24
32
19.09.2019 19:24:39


По теме оформления пожелания будут? Может быть что то модифицировать для удобной вёрстки?



Когда много лет пользуешься продуктом и знаешь его практически полностью, перестаешь замечать неудобства. Лично мне более чем удобно создавать темы. Не могу припомнить каких-либо проблем.
4.01

4.01
33
19.09.2019 19:26:57
Барбершоп - красавчик !
4.33

4.33
34
11.10.2019 14:29:2511.10.2019 14:37:49
Как и обещал в соседней теме про css фреймворки, перевел один из сайтов на фреймворк Bulma. Это первый опыт работы с ним.

Вобар.ру

Естественно, сайт полностью адаптивный, правильно отображается на всех устройствах
4.01

4.01
35
16.10.2019 22:22:3816.10.2019 22:23:13
otherside, понравилась реализация проекта, просто и со вкусом, ничего лишнего. Продолжайте в том же духе!

О сколько нам открытий чудных,
Готовит просвещенья дух,
И опыт, сын ошибок трудных,
И гений, парадоксов друг...
3.24

3.24
36
11.11.2019 21:14:1811.11.2019 21:23:10
Решил тоже не отставать от otherside и перевести сайт на адаптив. Конечно не так профессионально. Использовал фреймвёрк Pure (https://purecss.io), о котором так же писал ранее.
Как и бульма занимает крохи. Сначала хотел перевести сайт на бульма, но не нашёл примера той вариации, которая мне была нужна. А в Pure откопал. Думаю в любом фреймвёрке можно всё - дело в опыте.
Вобщем? чем мне понравился Pure - хорошо адаптирует многоколоночные страницы.
Сетка у него двух вариантов: 5-блочная или 24-блочная. Но можно сгенерировать и свою.
Границы переходов разрешений можно сгенерировать свои, либо оставить по умолчанию. Мне по умолчанию не понравились и я сделал свои.

Принцип работы Pure такой:
Есть класс отвечающий за определённое разрешение экрана и класс отвечающий за поведение блоков.
Комбинируя их можно легко настроить любый варианты.
Пример:
<div class="pure-u-1 pure-u-sm-1-2 pure-u-md-1-4 pure-u-xl-1-4">


Здесь
u1 - отвечает за мобильную версию
u-sm - за таблетную
u-md - планшетную
u-xl - десктопную.

А цифры, которые идут далее отвечают за ширину отображения.
1 - весь экран
1-2 - полэкрана
1-3 - треть экрана
1-4 - четверть экрана
И т.д.
Основной подход, что мобильный вариант главный.
Т.е. если два блока подряд идут такие:
<div class="pure-u-1"></div><div class="pure-u-1"></div>
,
то они окажутся друг под другом при любом разрешении экрана.
а если так:
<div class="pure-u-1 pure-xl-1-2"></div> <div class="pure-u-1 pure-xl-1-2"></div>
,
то в десктопной версии они будут одной строкой, а в остальных случаях друг под другом.
Сайт который я делал https://coffeemollka.ru.
Обратите внимание на чёрные прямоугольники ( пока в виде картинок) - как они ведут себя при изменении размеров экрана. Сначала ужимаются, потом перестраиваются в три-два, и потом ещё раз но уже а в два-три.
Вобщем, хороший фреймворк. До этого пробовал темплейтс. Там так я не смог сделать.
4.25

4.25
37
11.11.2019 23:29:18
olevpa, в целом очень даже неплохо, мне понравилось.

Вижу тема CSS фреймворков становится актуальной.

Что думаете по поводу полного перехода системы на один из них?
Всех желающих прошу высказываться в теме. Хотелось бы конструктивно, все за и против.

О сколько нам открытий чудных,
Готовит просвещенья дух,
И опыт, сын ошибок трудных,
И гений, парадоксов друг...
3.24

3.24
38
29.11.2019 12:36:3330.11.2019 18:58:12
olevpa, кстати, круто получилось. Если позволите, маленький совет. В некоторых местах не хватает воздуха. Особенно заметно, если смотреть с маленьких экранов.

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

В некоторых местах не хватает воздуха
4.01

4.01
39
06.03.2020 18:03:4106.03.2020 18:09:42

olevpa, кстати, круто получилось. Если позволите, маленький совет. ...



Благодарю за комментарий. Заказчику "вечно некогда", поэтому изменений так и не последовало.

Переводил в адаптив сайт https://olik.by/
результат (на тестовом сайте):
http://olik-by.ru/index.php
фреймвёрк всё тот же - purecss.io
4.25

4.25
40
25.05.2020 11:00:22
Да, дизайн отличный. Если комментарии принимаете, я бы чуть-чуть отодвинула текст капсом (типа "АДРЕС") от нижней строчки. Или сделать его на 50% светлее
0

0
Открыть Ответить
Хотите опробовать SLAED CMS в действии?

Технологии

PHP MySQL HTML 5 CSS 3 jQuery jQuery UI

Контакты

  • D-49179, Deutschland
    Ostercappeln, Im Siek 6
  • +49 176 61966679

  • https://slaed.net
Идеи и предложения
Обратная связь