1 августа 2016г.: Новые стандартные стили

Поделиться21Пн, 10 Окт 2016 21:32:41

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10710
Уважение: +7198
Позитив: +5265
Пол: Мужской
Последний визит:
Сегодня 03:12:25

Julia Corey
Работа по созданию стилей пока приостановлена, много других задач.
Возможно позже попробуем что-то сделать.

0

ВКонтакте alex__63

Поделиться22Пн, 10 Окт 2016 21:35:29

Автор: Julia Corey
Пейсатель-про заик
Зарегистрирован: Ср, 7 Сен 2016
Сообщений: 195
Уважение: +48
Позитив: +170
Пол: Женский
Последний визит:
Пт, 14 Сен 2018 18:30:28

Alex_63
а вот скрипт портала... он подгоняется под любой стиль?

0

Поделиться23Пн, 10 Окт 2016 21:41:36

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10710
Уважение: +7198
Позитив: +5265
Пол: Мужской
Последний визит:
Сегодня 03:12:25

Julia Corey
Нет, там вроде свое оформление какое-то (Можно редактировать под себя)
Честно говоря, не ставил, не знаю

0

ВКонтакте alex__63

Поделиться24Пн, 10 Окт 2016 21:44:53

Автор: Julia Corey
Пейсатель-про заик
Зарегистрирован: Ср, 7 Сен 2016
Сообщений: 195
Уважение: +48
Позитив: +170
Пол: Женский
Последний визит:
Пт, 14 Сен 2018 18:30:28

Alex_63
спасибо за подсказку. Остаётся выяснить, как сделать под конкретный стиль. :blush:

0

Поделиться25Пт, 4 Ноя 2016 17:42:34

Автор: John Warner
пользователь
Зарегистрирован: Пн, 19 Апр 2010
Сообщений: 313
Уважение: +6121
Позитив: +4893
Пол: Мужской
Предупреждения: Сказочный Сибиряк
Последний визит:
Чт, 3 Мар 2022 10:03:49

Есть предложение: нужен стиль современного вида (как стили в шапке топика), но на такую тематику:
1) Вуди-стайл, некий деревянный как бы на вид - полированное дерево.
2) Метал-шайн стайл, полированный крашеный металл, для автофорумов, с хромированными деталями, как стилистика мультфильма "Тачки". Желательно, хотя бы трёх-четырёх цветов, а в идеале - чтоб переключатель расцветки был либо в админке, либо на главной - но доступен админам лишь. Хотя, это как вариант.
3) В порядке бреда - стиль печатной зелёной платы, хе-хе. Характерный зелёный цвет лака, под лаком гетинакс и медная разводка дорожек. Хочу сделать такую себе на сайт, и было б неплохо тут такую видеть.
Но у меня своё видение вопроса, и я буду делать не форумный вариант

Вот вам идеи, если надо

+1

Поделиться26Пт, 4 Ноя 2016 18:01:12

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10710
Уважение: +7198
Позитив: +5265
Пол: Мужской
Последний визит:
Сегодня 03:12:25

John Warner :glasses: Идеи неплохие, но пока особо нет времени этим заниматься, мож к лету ближе

0

ВКонтакте alex__63

Поделиться27Пт, 4 Ноя 2016 19:44:46

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 08:38:44

John Warner написал(а):

1) Вуди-стайл, некий деревянный как бы на вид - полированное дерево.2) Метал-шайн стайл, полированный крашеный металл, для автофорумов,

http://365psd.ru/catalog/1003
http://365psd.ru/catalog/1006
Ну и тут глянуть http://365psd.ru/board/11

0

Поделиться28Вт, 15 Ноя 2016 12:23:28

Автор: Ioann Afanasyev
Стремящийся
Зарегистрирован: Вт, 15 Ноя 2016
Сообщений: 0
Уважение: +1
Позитив: 0
Последний визит:
Вт, 15 Ноя 2016 12:23:29

Alex_63 написал(а):

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

Отличные получились стили, но не хватает больше цветового разнообразия для простых стилей. Без всяких логотипов, картинок в шапке и т.п.

Classic DarkYellow, Classic DarkCyan, Classic DarkMagenta

+1

Поделиться29Вт, 15 Ноя 2016 13:58:52

Автор: mihka1980
Заблокирован
Зарегистрирован: Чт, 18 Фев 2010
Сообщений: 1075
Уважение: +131
Позитив: +603
Пол: Мужской
Предупреждения: ‡
Последний визит:
Пт, 11 Янв 2019 09:19:01

Как сделать любой из этих, новых стилей на все 100% на экран? Коды на ширину форума не поомгают!

Чтоб на весь экран было, без полей? которые чёрными квадратами помечены, не дома, не могу нормально отметить)))

0

Поделиться30Вт, 15 Ноя 2016 15:57:53

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10710
Уважение: +7198
Позитив: +5265
Пол: Мужской
Последний визит:
Сегодня 03:12:25

Ioann Afanasyev
Спасибо за отзыв, возможно в будущем сделаем еще несколько вариантов расцветок.

0

ВКонтакте alex__63

Поделиться31Вт, 15 Ноя 2016 16:00:46

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10710
Уважение: +7198
Позитив: +5265
Пол: Мужской
Последний визит:
Сегодня 03:12:25

mihka1980
Попробуйте в HTML верх:

<style type="text/css">
#pun,#pun-title table,#pun-navlinks .container {
max-width:96%;
width:96%;
}
</style>

(На стиле Community Blue не проверял, на остальных из списка работает)

+1

ВКонтакте alex__63

Поделиться32Вт, 15 Ноя 2016 17:35:39

Автор: mihka1980
Заблокирован
Зарегистрирован: Чт, 18 Фев 2010
Сообщений: 1075
Уважение: +131
Позитив: +603
Пол: Мужской
Предупреждения: ‡
Последний визит:
Пт, 11 Янв 2019 09:19:01

Alex_63 написал(а):

mihka1980
Попробуйте в HTML верх:

(На стиле Community Blue не проверял, на остальных из списка работает)

Спасибо растянулось, но, пропал к примеру поиск от гугл, так же не отображается гугл переводчик....

Код:

<script>
  (function() {
    var cx = '008797235139753318727:dvmdl1rbrui';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>

0

Поделиться33Вт, 15 Ноя 2016 19:27:31

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10710
Уважение: +7198
Позитив: +5265
Пол: Мужской
Последний визит:
Сегодня 03:12:25

mihka1980
Поставьте прежний стиль на тестовый форум(если нет - создайте), все скрипты с основного(HTML верх-низ) перенесите туда, дайте ссылку - попробую нарисовать правку

0

ВКонтакте alex__63

Поделиться34Вт, 15 Ноя 2016 20:00:43

Автор: mihka1980
Заблокирован
Зарегистрирован: Чт, 18 Фев 2010
Сообщений: 1075
Уважение: +131
Позитив: +603
Пол: Мужской
Предупреждения: ‡
Последний визит:
Пт, 11 Янв 2019 09:19:01

Alex_63 написал(а):

mihka1980
Поставьте прежний стиль на тестовый форум(если нет - создайте), все скрипты с основного(HTML верх-низ) перенесите туда, дайте ссылку - попробую нарисовать правку

Пожалуйста

так же логотип не отображается

Свернутый текст

Код:

<div style="position:absolute; right:0%; top:0px;">
Сервис<img src="http://forumstatic.ru/files/000e/d4/30/76196.png" border=0><a href="http://spotsmenki.mybb.ru/" target="blank">
<div style="position:absolute; right:0%; top:0px;"><img src="
http://forumstatic.ru/files/000e/d4/30/90888.png" border="0" /></div><img src="http://forumstatic.ru/files/000e/d4/30/90888.png" alt="Фото и видео Знаменитостей,Спортсменок,Клипы,Муз-Live,Soft, Эротика,Oops,Upskirts и многое другое. Photos and videos of celebrities,Athletes,Music videos,Live performances,Soft,Erotic,Oops,Upskirts and more" /></a></div>

0

Поделиться35Ср, 16 Ноя 2016 13:36:19

Автор: mihka1980
Заблокирован
Зарегистрирован: Чт, 18 Фев 2010
Сообщений: 1075
Уважение: +131
Позитив: +603
Пол: Мужской
Предупреждения: ‡
Последний визит:
Пт, 11 Янв 2019 09:19:01

mihka1980 написал(а):

Пожалуйста

так же логотип не отображается

Вопрос в принципе можно считать закрытым, так как после добавки двух кодов (дублирование) поиска от гугла он каким то образом чудесным появился :crazyfun:

Отредактировано mihka1980 (Ср, 16 Ноя 2016 13:38:51)

+1

Поделиться36Вс, 27 Ноя 2016 17:42:24

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10710
Уважение: +7198
Позитив: +5265
Пол: Мужской
Последний визит:
Сегодня 03:12:25

Тема почищена от оффтопа.

0

ВКонтакте alex__63

Поделиться37Ср, 28 Дек 2016 11:25:02

Автор: NinaArtizo
Заслуженный
Зарегистрирован: Сб, 23 Окт 2010
Сообщений: 69
Уважение: +3
Позитив: +13
Пол: Женский
Последний визит:
Пн, 5 Авг 2019 15:35:02

Этот пробник переводите в HTML-код , например на сайте http://pix.academ.info/ и спокойно вставляйте в
HTML-верх самым первым. удачи!

0

Поделиться38Чт, 30 Мар 2017 15:09:44

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10710
Уважение: +7198
Позитив: +5265
Пол: Мужской
Последний визит:
Сегодня 03:12:25

Уважаемые пользователи!

Сегодня в список стандартных стилей добавлены три новых расцветки ставшего популярным стиля Classic_DarkBlue:
● Classic DarkCyan
● Classic DarkOrange
● Classic DarkPurple

Скриншоты:

Classic DarkCyan
Classic DarkOrange
Classic DarkPurple

При обнаружении каких-либо неполадок либо недочетов в новых стилях просьба сообщить в этой теме.

+5

ВКонтакте alex__63

Поделиться39Вт, 4 Апр 2017 06:31:03

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3418
Уважение: +2104
Позитив: +675
Пол: Мужской
Последний визит:
Пн, 22 Апр 2024 13:50:55

Alex_63
Предлагаю обновить кнопки в стандартных стилях, добавив им чуть большего взаимодействия, что крайне важно пользователю для визуализации проделанных им действий.
К примеру для стиля Dark Blue

Код:

form .button:hover, form .button:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    text-decoration: none;
    -webkit-box-shadow: inset rgba(255,255,255,0.75) 0 100px 0, rgba(0,0,0,0.1) 0 1px 2px;
    -moz-box-shadow: inset rgba(255,255,255,0.75) 0 100px 0, rgba(0,0,0,0.1) 0 1px 2px;
    -khtml-box-shadow: inset rgba(255,255,255,0.75) 0 100px 0, rgba(0,0,0,0.1) 0 1px 2px;
    box-shadow: inset rgba(255,255,255,0.75) 0 100px 0, rgba(0,0,0,0.1) 0 1px 2px;
}
form .button:active, input[type="submit"]:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.7)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
}

http://ou.mybb.ru/search.php - кнопка "Отправить"

Добавлено спустя 18 минут 59 секунд:

Да и поля text, textarea, select было бы не лишним оформить:

Код:

input[type="text"], input[type="password"], input[type="email"], input[type="tel"],textarea, select {
    border: 1px solid #ccc;
    padding: 5px;
    margin-top: 4px !important;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus,select:focus {
    border-color: #b5c9dc;
    outline: none;
    box-shadow: 0 0 0 4px rgba(201, 218, 235, 0.5);
}

Пример по той же ссылке

Отредактировано Reysler (Вт, 4 Апр 2017 06:51:22)

0

Telegram @a_reysler

Поделиться40Вт, 4 Апр 2017 07:08:23

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10710
Уважение: +7198
Позитив: +5265
Пол: Мужской
Последний визит:
Сегодня 03:12:25

Reysler
Некоторая визуализация взаимодействия есть и сейчас:

form .button:hover, form .button:focus, form .button:active,
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
text-decoration: none;
-webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px, rgba(0,0,0,0.05) 0px 1px 3px;
-moz-box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px, rgba(0,0,0,0.05) 0px 1px 3px;
-khtml-box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px, rgba(0,0,0,0.05) 0px 1px 3px;
box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px, rgba(0,0,0,0.05) 0px 1px 3px;
}

Посмотрел пример по ссылке, в целом понравилось(именно по кнопкам), возможно подкручу немного оформление при наведении, при следующем обновлении стилей поправлю может.
Только по инпутам не уверен, что стоит делать... Идея с outline вроде неплохая, но толщину линии может стоит уменьшить чуть?

0

ВКонтакте alex__63

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

1 августа 2016г.: Новые стандартные стили

Сообщений 21 страница 40 из 51

Поделиться21Пн, 10 Окт 2016 21:32:41

Поделиться22Пн, 10 Окт 2016 21:35:29

Поделиться23Пн, 10 Окт 2016 21:41:36

Поделиться24Пн, 10 Окт 2016 21:44:53

Поделиться25Пт, 4 Ноя 2016 17:42:34

Поделиться26Пт, 4 Ноя 2016 18:01:12

Поделиться27Пт, 4 Ноя 2016 19:44:46

Поделиться28Вт, 15 Ноя 2016 12:23:28

Поделиться29Вт, 15 Ноя 2016 13:58:52

Поделиться30Вт, 15 Ноя 2016 15:57:53

Поделиться31Вт, 15 Ноя 2016 16:00:46

Поделиться32Вт, 15 Ноя 2016 17:35:39

Поделиться33Вт, 15 Ноя 2016 19:27:31

Поделиться34Вт, 15 Ноя 2016 20:00:43

Поделиться35Ср, 16 Ноя 2016 13:36:19

Поделиться36Вс, 27 Ноя 2016 17:42:24

Поделиться37Ср, 28 Дек 2016 11:25:02

Поделиться38Чт, 30 Мар 2017 15:09:44

Поделиться39Вт, 4 Апр 2017 06:31:03

Поделиться40Вт, 4 Апр 2017 07:08:23