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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Информация сервиса » 1 августа 2016г.: Новые стандартные стили


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

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

21

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

0

22

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

0

23

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

0

24

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

0

25

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

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

+1

26

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

0

27

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

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

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

0

28

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

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


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

Classic DarkYellow, Classic DarkCyan, Classic DarkMagenta

+1

29

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

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

http://s0.uploads.ru/t/bt52H.jpg

0

30

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

0

31

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

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

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

+1

32

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

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

0

34

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

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


Пожалуйста

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

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

Свернутый текст
Код:
<div style="position:absolute; right:0%; top:0px;">
Сервис<img src="http://forumfiles.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://forumfiles.ru/files/000e/d4/30/90888.png" border="0" /></div><img src="http://forumfiles.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

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

Пожалуйста

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

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

http://s0.uploads.ru/t/YRUZh.jpg

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

+1

36

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

0

37

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

0

38

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

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

Скриншоты:

Classic DarkCyan
http://se.uploads.ru/a9S1e.png


Classic DarkOrange
http://s9.uploads.ru/KWpdC.png


Classic DarkPurple
http://sa.uploads.ru/ok92V.png

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

+5

39

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

Код:
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

40

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


Вы здесь » Единый форум поддержки » Информация сервиса » 1 августа 2016г.: Новые стандартные стили