Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форума, дизайну и css (5)


Вопросы по оформлению форума, дизайну и css (5)

Сообщений 361 страница 380 из 527

1

Как сделать? Что вставить? Где править?
Отвечаем на ваши вопросы по оформлению форумов. :mybb:

Прошлые темы:
1. Вопросы по оформлению форумов, дизайну и css
2. Вопросы по оформлению форумов, дизайну и css - 2
3. Вопросы по оформлению форума, дизайну и css (3)
4. Вопросы по оформлению форума, дизайну и css (4)

Теги: вопросы по оформлению, стиль форума, стиль, css, дизайн, style

0

361

Всем привет!
Я админ форума "Жизнь вопреки ДЦП" - jvdcp.ru. Мне несколько лет назад дизайнеры, на дизайнерском форуме Герды, помогли создать свой стиль (дизайн) форума. Но сейчас почему-то исчезли картинка в шапке и подложка форума. Мне пришлось поставить встроенный стиль.

Вот как было:
http://forumupload.ru/uploads/0003/ac/ce/3992/t360119.jpg

А вот так стало:
http://forumupload.ru/uploads/0003/ac/ce/3992/t789079.jpg

Что делать? Спасибо.

Отредактировано Andr84 (03.06.2020 11:37:30)

0

362

Andr84
Добрый день!
С Гердой сейчас неизвестно, возможно ли связаться, а я появился здесь уже сильно позже — и видел форум уже таким, как он выглядит сейчас. Потому встречные вопросы:
— подложка форума была везде или на какой-то определенной странице?
— изображение же в шапке форума было, да?

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

Мне пришлось поставить встроенный стиль.

Т.е., сейчас на форуме стоит стандартный? А код своего/дизайнеров вы сохранили где-нибудь?

0

363

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

— подложка форума была везде или на какой-то определенной странице?
— изображение же в шапке форума было, да?

Всё было всегда на всех страницах так:
http://forumupload.ru/uploads/0003/ac/ce/3992/t808715.jpg

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

Т.е., сейчас на форуме стоит стандартный? А код своего/дизайнеров вы сохранили где-нибудь?

Да, сейчас у меня на форуме стоит один их встроенных стилей оформления (зайдите, пожл., на него и посмотрите - jvdcp.ru).
Конечно, я всё храню в ПК.

0

364

Andr84
А как давно они слетели? И можно будет мне в лс его перекинуть? Посмотрю, может ли быть дело в ссылках.
Но, к сожалению, уже на данный момент есть процентов 95 уверенности, что изображения придется просто заменять, если они вдруг сами по себе не сохранились.  :( Если сохранились — то чудесно.

0

365

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

Andr84
А как давно они слетели? И можно будет мне в лс его перекинуть? Посмотрю, может ли быть дело в ссылках.
Но, к сожалению, уже на данный момент есть процентов 95 уверенности, что изображения придется просто заменять.

В 2018г. слетела подложка (появился смеющийся маленький мальчик с надписью "Mybb"), а 3 дня назад подложка почернела и пропала шапка форма. Я могу Вам скинуть код в ЛС. Но, я подозреваю, что дизайнер загрузил картинки шапки и подложки на uploads.ru - ваш Фотохостиг, а там со временем все картинки удаляются. Нужно загружать прямо на форум в Админка => Файлы.
У меня есть картинка шапки форма (без знака ДЦП и без красной бегущей строки внизу. Это всё отдельные контейнеры), а вот картинки подложки у меня нет, но я найду другую. Только скажите шир. и выс. картинки. Спасибо.

0

366

Andr84
Жду код стиля в лс тогда. Для уточнения размеров изображения в шапку надо смотреть по нему.
А фон — в общем-то подойдет любая так называемая "бесшовная текстура", они обычно небольшими по размеру квадратиками/прямоугольниками идут. Либо если подберете монолитный-фиксированный фон — то минимум 1920х1080.

0

367

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

Andr84
Жду код стиля в лс тогда. Для уточнения размеров изображения в шапку надо смотреть по нему.
А фон — в общем-то подойдет любая так называемая "бесшовная текстура", они обычно небольшими по размеру квадратиками/прямоугольниками идут. Либо если подберете монолитный-фиксированный фон — то минимум 1920х1080.

Я вчера Вам в ЛС скинул код стиля и картинку шапки - её менять не надо, пожл.
А фон поищу и скину Вам в ЛС. Спасибо.

0

368

Arakhen
Простите, обнаружил еще одну поломку в моем стиле - нет значка (иконки) "ДЦП" возле заголовков разделов и тем форума. Если в теме/разделе нет новых сообщений, то иконка черно-белая, а если есть, то она красная (см. скрины).

Вот как было (скрин старый, поэтому НЕ СМОТРИТЕ НА КРАСНЫЙ ПРЯМОУГОЛЬНИК И КРАСНУЮ СТРЕЛКУ. ЭТО БЫЛА РЕКЛАМА.):
http://forumupload.ru/uploads/0003/ac/ce/3992/t455258.jpg

А вот так сейчас выглядит (на скрине выделено красным кругом место иконок):
http://forumupload.ru/uploads/0003/ac/ce/3992/t251534.jpg

Если  Вам нужна сам значок, то вот:
http://forumupload.ru/uploads/0003/ac/ce/3992/t371195.jpg

0

369

Andr84
Спасибо вам. Получил, изучил.
Теперь по порядку:

1. Шапку, подложку и иконку загружаем а Администрирование > Файлы (на своем форуме, если они еще не там).
2. У шапки размер, как оказалось, и не задавался строго вообще, только высота 411px максимальная, потому ищем эту строчку и меняем в ней выделенную красным ссылку:

#pun-title table {
    border: none;
    background: url(http://s4.uploads.ru/ocyN2.jpg) top center no-repeat;
    width: 100%;
    height: 411px;
}

Туда можно и картинку до 800-900 в ширину ставить спокойно. Просто на маленьких экранах будет видно с неё только то, что попадает в область примерно 600 пикселей, что в середине. Я ниже скрин приложу, он с экрана 1360 в ширину.

3. Ссылка фона-подложки меняется тут: 

html, body {
    background: #0c0402 url(http://s4.uploads.ru/zpVev.jpg) repeat top center scroll;
    position: relative;
}

То, что синим: этот код можно заменить на #cfdc8d
Например. Чтобы не мелькала черная прогрузка под светлым фоном.

4. Ищем вот эту строчку:

html, body {
    margin: 40px 0 20px 0;
    padding: 0;
}

Меняем на:

html, body {
    margin: 0px 0 20px 0;
    padding: 20px 0px 0px 0px;
}

(чуть поменьше отступ сделал, но если нужно как было, то 20px во второй строчке меняем на 40).

5. Иконки. Ищем эту строчку:

div.icon {
    background: url(http://s4.uploads.ru/y6lxi.png) no-repeat;
}

Уменьшаем иконку до 40x40 px, сохраняем чёрно-белый вариант и меняем ссылку на новую.

Потом:

С иконками там есть еще такая штука — их там было 4 разных. У всех размер 40х40.

От новых сообщений (я так понимаю, тут был цветной оригинал картинки):

tr.inew div.icon {
            background: url(http://s5.uploads.ru/umvRO.png) no-repeat;
    }

Закрытые темы:

tr.iclosed div.icon {
            background: url(http://s4.uploads.ru/2AIVv.png) no-repeat;
    }

Важные темы:

tr.isticky div.icon {
            background: url(http://s4.uploads.ru/YayGv.png) no-repeat;
    }

Единственное, что фон всё же не совсем бесшовный.(

По итогу с травяным фоном это так выглядит

https://i.gyazo.com/989676825dc1c4927247969bb49e90fb.png

0

370

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

0

371

Andr84
Тут главное не снести скобочки. Так что сложно будет что-то реально уронить.
Хорошо, пишите тогда в лс.

0

372

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

2. У шапки размер, как оказалось, и не задавался строго вообще, только высота 411px максимальная, потому ищем эту строчку и меняем в ней выделенную красным ссылку:

#pun-title table {
    border: none;
    background: url(http://s4.uploads.ru/ocyN2.jpg) top center no-repeat;
    width: 100%;
    height: 411px;
}

Туда можно и картинку до 800-900 в ширину ставить спокойно. Просто на маленьких экранах будет видно с неё только то, что попадает в область примерно 600 пикселей, что в середине. Я ниже скрин приложу, он с экрана 1360 в ширину.

Привет!
1. Мне дизайнер сделал картинку для шапки форума, и она нормально сидела там (см. ее границы на скрине).
http://forumupload.ru/uploads/0003/ac/ce/3992/t926582.jpg

2. В какой части "Своего стиля" нужно искать все ссылки, которые Вы процитировали в своем посте? В "Структуре..." или в "Цветах..."?

Спасибо.

0

373

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

Привет!
1. Мне дизайнер сделал картинку для шапки форума, и она нормально сидела там (см. ее границы на скрине).

Я про это вас и спрашивал. У вашего форума не фиксированная ширина таблицы, и при этом сама картинка очень маленького размера, то есть — на больших экранах будет много пустого пространства.  :dontknow:  По сути здесь нужно другое изображение. Маленькие растягивать на увеличение не принято — очень сильно испортится качество.

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

2. В какой части "Своего стиля" нужно искать все ссылки, которые Вы процитировали в своем посте? В "Структуре..." или в "Цветах..."?

Проще всего найти с CTRL+F по тегам — скорее всего в структуре, но с головы точно не уверен.

0

374

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

Я про это вас и спрашивал. У вашего форума не фиксированная ширина таблицы, и при этом сама картинка очень маленького размера, то есть — на больших экранах будет много пустого пространства.    По сути здесь нужно другое изображение. Маленькие растягивать на увеличение не принято — очень сильно испортится качество.

А какая шир. и выс. картинки должна быть?

0

375

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

А какая шир. и выс. картинки должна быть?

Высота 411 пикселей.
С шириной — тут не будет четкого ответа. Она динамическая, растягивается в зависимости от экранов. Сейчас есть мониторы с разрешением более 1920 пикселей, потому чем шире будет изображение — тем лучше. Требуется так же учитывать, что при нынешнем варианте кода на маленьких экранах не будет видно краев, т.е. основная картинка должна быть в середине.

0

376

Arakhen
Всё понял. Тогда пусть будет, как есть. Спасибо Вам огромное. :mybb:

0

377

Добрый день! Меня отправили к вам за помощью)

Хочется прописать в обычную таблицу в форме ответа всплывающие подсказки с текстом и графикой при наведении на ссылку, чтобы получить вот такой эффект

Примерно так.

https://i.imgur.com/dorg13R.jpg

.
Вот сама таблица: http://sacramentolife.ru/viewtopic.php? … 1#p3222907 при наведении на имена должна всплывать био и фото.
Возможно ли это?

0

378

Luco
Я сюда перекинул для того, чтобы не разбирать в скриптовой теме то, что к скриптам не относится — это сильно оффтоп для скриптового раздела.
Не требовалось дублировать сообщение.)

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

Вот сама таблица: http://sacramentolife.ru/viewtopic.php? … 1#p3222907 при наведении на имена должна всплывать био и фото.

1. Тема недоступна ни для гостей, ни для аккаунта рекламы. Доступ к ней мне нужен, и, желательно, без необходимости регистрировать аккаунт.
2. Вы хтмл в сообщениях включали/будете включать или нет? Я это не просто так спрашиваю — от этого зависит, каким образом вообще решать поставленную задачу.

0

379

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

2. Вы хтмл в сообщениях включали/будете включать или нет? Я это не просто так спрашиваю — от этого зависит, каким образом вообще решать поставленную задачу.

Тема будет оформляться с простого аккаунта участника форума. Без админского доступа. Не знаю, можно ли при этом включать хтмл на этом конкретном форуме.

Я могу разве что прислать свой пароль-логин в лс.

По сути таблица выглядит вот так.

http://forumupload.ru/uploads/0003/ac/ce/7114/t940674.jpg

0

380

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

Тема будет оформляться с простого аккаунта участника форума. Без админского доступа. Не знаю, можно ли при этом включать хтмл на этом конкретном форуме.

Я могу разве что прислать свой пароль-логин в лс.

Ну, какой-то хтмл-скрипт на форуме стоит, но не тот, что вшит в систему. Посмотрим.
Вы администратор этого форума или пользователь?

Можно просто еще скинуть сюда сам код таблицы тогда. Я рвусь в закрытое исключительно из-за него.  :D
Еще один вопрос для уточнения полноты картины — тема будет одна, или нужно, чтобы в разделах все темы были с такой фичей?

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форума, дизайну и css (5)


Рейтинг форумов | Создать форум бесплатно