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

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

31
19.09.2019 18:00:17

otherside, приятный дизайн, молодец!

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


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

SLAED CMS
SLAED CMS
3.24

3.24

32
19.09.2019 19:24:39

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

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

otherside
otherside
3.97

3.97

33
19.09.2019 19:26:57

Барбершоп - красавчик !

kej
kej
4

4

34
11.10.2019 14:29:25 11.10.2019 14:37:49

Как и обещал в соседней теме про css фреймворки, перевел один из сайтов на фреймворк Bulma. Это первый опыт работы с ним.

Вобар.ру

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

otherside
otherside
3.97

3.97

35
16.10.2019 22:22:38 16.10.2019 22:23:13

otherside, понравилась реализация проекта, просто и со вкусом, ничего лишнего. Продолжайте в том же духе!


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

SLAED CMS
SLAED CMS
3.24

3.24

36
11.11.2019 21:14:18 11.11.2019 21:23:10

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

Принцип работы Pure такой:
Есть класс отвечающий за определённое разрешение экрана и класс отвечающий за поведение блоков.
Комбинируя их можно легко настроить любый варианты.
Пример:

PHP
<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.\ Обратите внимание на чёрные прямоугольники ( пока в виде картинок) - как они ведут себя при изменении размеров экрана. Сначала ужимаются, потом перестраиваются в три-два, и потом ещё раз но уже а в два-три.
Вобщем, хороший фреймворк. До этого пробовал темплейтс. Там так я не смог сделать.

olevpa
olevpa
3.97

3.97

37
11.11.2019 23:29:18

olevpa, в целом очень даже неплохо, мне понравилось.

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

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


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

SLAED CMS
SLAED CMS
3.24

3.24

38
29.11.2019 12:36:33 30.11.2019 18:58:12

olevpa, кстати, круто получилось. Если позволите, маленький совет. В некоторых местах не хватает воздуха. Особенно заметно, если смотреть с маленьких экранов.

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

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

3.97

39
06.03.2020 18:03:41 06.03.2020 18:09:42

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

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

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

olevpa
olevpa
3.97

3.97

40
25.05.2020 11:00:22

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

Amikta
Amikta
0

0

Открыть Ответить
Хотите опробовать SLAED CMS в действии?
Идеи и предложения
Обратная связь
Подтверждение

Поделиться
QR-код

Предварительный просмотр