Дизайн для MyBB Events In Valencia

Страница: « 1 2 3 4 5 6 »

Ответить

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

Поделиться105.06.22 20:40

Автор: Automation Baby
Атаманша
Уважение: +8566
Достижения/подарки: 7 6
Наградные баллы: 1 075

portfoliopost

FDteam-portf

freepost

Дизайн для MyBB форума в сиренево-зелёных тонах. Нейтральный и легкоперекрашиваемый стиль.

Дата: 05.06.2022

Платформа: MyBB

Автор: As, Герда, Automation Baby

Стоимость: ~~6000р~~ БЕСПЛАТНО

подробное описание

Условия использования:
Вы можете использовать все материалы, соблюдая условия использования бесплатного контента.

ГРАФИКА
В наличии PSD. Дизайн на первый взгляд простой, но имеет много деталей: фоны, рамочки и так далее. Цветовая гамма: сиреневый, зелёный и белый. Но он довольно универсален в плане оформления и легко перекрашивается (для этого достаточно взять три цвета) и найти другие элементы, которые заменят цветы и бабочки в шапке.

ВЕРСТКА
Имеется оформление для встроенных майббовских скриптов: количество непрочитанных тем, закладки, поиск по теме.
Оформлены подфорумы в кратком виде на главной и странице списка тем (в подробном виде не оформлялось).
Оформлены 3 доп. поля в мини-профиле.
Страницы поиска, списка участников, просмотра и редактирования профиля, ЛС также не обделены вниманием.
Внешний вид разделов на главной несколько не такой как в стандартном стиле (колонки "ТЕМ" и "СООБЩЕЕНИЙ" объединены в одну), имеется отдельное оформление для форумов с переадресацией.
На страницах списка тем нет иконок, но строчки с опросами, новой или важной темой подсвечиваются. А в случае новых сообщений в теме, то появляется ещё и мигающий индикатор. Также расположение и вид колонок "СООБЩЕНИЙ" и "ПРОСМОТРОВ" другое.
В коде имеется много комментариев.
Всё что не было в стандартном стиле и дописывалось в процессе вёрстки, расположено в начале первого окна стилей. Во втором окне цвета, стили границам и блокам, картинки и фоны.
Подгружены в отдельный файл 4 шрифта, которые используются в дизайне.
Надпись в шапке (та которая "Events in Valencia") не является частью картинки и легко редактируется.
Стилизованы описания категорий, для примера в коде имеется описание первой категории.
Установлен и стилизован скрипт кнопочек прокрутки страницы вверх-вниз.
Вёрстка в "Администрировании" немного отличается: убраны шапка, футер и объявление; есть горизонтальное меню.
У объявления блочная вёрстка. Само по себе это даёт немного, но если захочется делать мобильную версию, объявление будет довольно легко подстроить под экраны мобилок.
Страница переадресации имеет отдельное оформление.

+12

Цитировать Сообщение 1

nou да, проставляла разрешение начав редактировать форум, еще до дизайна. После пары ролевых привыкла к квадратным аватарам. Не измеряла размеры изображения по привычке, ибо обычно автоматически становились установленного на сайте. А когда поняла, то уже редактировала другое. Картинку загрузила буквально в последнюю очередь, прежде чем сюда написать. Поищу коды для автоматического регулирования.
Могу ли скинуть Вам в лс, как примерно хотелось бы дабы это выглядело, пару вариантов с других форумов? Не хотелось бы получить бан за рекламу, нарушения прав или чего еще. Проще схематически объяснить, чем словами пытаться описать то, в чем не особо смыслю.

> вертикальное позиционирование (значение bottom) в процентах хорошее решение, но в горизонтале, я бы отказалась от процентов,
К этому, если Вас не затруднит, не могли бы скинуть это в пикселях?

Даа, теперь размеры подходящие, большое спасибо.

Про "найти в теме" так просто, что неловко. Казалось, внимательно все проглядывала, но столько легких моментов пропустила

Deff, благодарю. Находила сию тему, отчего-то код не срабатывает.

Цитировать Сообщение 21

Поделиться2222.12.22 23:23

Автор: nou
nou animation studio
Уважение: +2023
Достижения/подарки: 1 0
Наградные баллы: 0

Belive122
По профилю смысла искать коды думаю нет, там надо думать исходя из фоновой графики, а также анализировать какая минимальная ширина профиля понадобиться

Ответ к стрелкам можно поиграть размерами ставите значение и смотрите, когда положение (пробуйте сужать окно браузера) понравится оставляется. Попробуйте с 20px начать

По поводу функционала, не берите в голову, сама всего не знаю. У кого он есть у кого-то его нет (имеется ввиду на платформах). Главное можно спросить и вам подскажут

Цитировать Сообщение 22

Поделиться2323.12.22 00:27

Автор: Belive122
Участник
Уважение: +17

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

Пока лазила, дабы еще разок пройтись по всему, меня смутило это: они поверх всего, пока находишься в разделе админа

Подскажите, это должно выглядеть так? Как-то немного выбивается из общего дизайна

Deff, создала рандом тему - теги исчезли. Работает. Большое спасибо 💗

nou я хотела не коды искать, а показать зрительно варианты профилей в темах, как бы хотелось, чтобы это выглядело. Не стили, а пропорции приблизительные. Аватарку же можно сменить/переделать/вставить код автоматического регулирования одинакового размера для всех.
Стрелки с процентов заменила на пиксели, благодарю 💗

Столько людей мне отозвались тут весьма приятно *умиляется*

Цитировать Сообщение 23

Поделиться2423.12.22 00:51

Автор: Automation Baby
Атаманша
Уважение: +8566
Достижения/подарки: 7 6
Наградные баллы: 1 075

#p177861,Belive122 написал(а):

Пока лазила, дабы еще разок пройтись по всему, меня смутило это: они поверх всего, пока находишься в разделе админа

#p177861,Belive122 написал(а):

Подскажите, это должно выглядеть так? Как-то немного выбивается из общего дизайна

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

@nou ты это сможешь поправить?

#p177861,Belive122 написал(а):

я хотела не коды искать, а показать зрительно варианты профилей в темах, как бы хотелось, чтобы это выглядело. Не стили, а пропорции приблизительные. Аватарку же можно сменить/переделать/вставить код автоматического регулирования одинакового размера для всех.
Стрелки с процентов заменила на пиксели, благодарю 💗

Если вам нужна новая вёрстка профиля (отличная от того что в этом дизайне), оформите бесплатный заказ: Заказать верстку и скрипты

Вот в первопосте заказа и покажите-расскажите-укажите с примерами-картинками что вам надо и как. Вам сверстают.

Цитировать Сообщение 24

Поделиться2523.12.22 00:56

Автор: nou
nou animation studio
Уважение: +2023
Достижения/подарки: 1 0
Наградные баллы: 0

Automation Baby
Посмотрю (если пароли не сменились)
но до норм комп я только утром дойду

Цитировать Сообщение 25

Поделиться2623.12.22 07:33

Автор: nou
nou animation studio
Уважение: +2023
Достижения/подарки: 1 0
Наградные баллы: 0

Belive122
На вашем проекте я уже внесла исправления
Если интересно (для обучения) как что править, описание ниже

#p177864,Automation Baby написал(а):

Это дополнения от русфф, диз же верстался на майбб и такие мелочи от русфф не подгонялись.
@nou ты это сможешь поправить?

ссылки и контакты (ТП русфф)
двигаются тут (проверяла не везде, если где-то работает не корректно, сообщите)

Код:

/*коррекция админки для контактов RUSFF*/
.admin-advert-block {
    width: 468px;
    height: 60px;
    position: absolute;
    left: 600px;
    top: 50px;
}

И для

#p177861,Belive122 написал(а):

Как-то немного выбивается из общего дизайна

Код:

/* коррекция положения на странице наград сортировки пользователей */
span.fr a:link {
    color: #e8e8d9;
    font-size: 0.75em;
    padding: 0 25px 0 0;
    text-transform: uppercase;
    font-family: Playfair Display;
    font-weight: normal;
}

#p177861,Belive122 написал(а):

nou я хотела не коды искать, а показать зрительно варианты профилей в темах, как бы хотелось, чтобы это выглядело. Не стили, а пропорции приблизительные. Аватарку же можно сменить/переделать/вставить код автоматического регулирования одинакового размера для всех.

Я согласна с Automation Baby, как будите готовы, в предложенном разделе оставите заявку с примерами, и подумаем как это воплотить в жизнь.

Цитировать Сообщение 26

Поделиться2723.12.22 14:24

Автор: Automation Baby
Атаманша
Уважение: +8566
Достижения/подарки: 7 6
Наградные баллы: 1 075

nou
Спасибо! Добавила коды для квадры в шапку.

Цитировать Сообщение 27

Поделиться2823.12.22 14:42

Автор: nou
nou animation studio
Уважение: +2023
Достижения/подарки: 1 0
Наградные баллы: 0

Automation Baby
я их вставляла в окно 1 окно стиля сразу за 1 авторскими
кстати у майбба все корректировки где-то внизу первого окна стоят
~~мне влом искать было~~

Цитировать Сообщение 28

Поделиться2923.12.22 16:59

Автор: Belive122
Участник
Уважение: +17

Automation Baby Аа, поняла.

Ах, имела ввиду, показать какой ширины хотелось бы подогнать имеющийся профиль. Подумаю насчет заказа/смены на стадии полного представления своей задумки. А пока поковыляю сама.

nou спасибо *учится-учится*

Большое спасибо всем, кто помог разобраться, подсказал и нашаманил💗
Не ожидала, что на три листа затянется все это и столько времени отнимет.
Приятных предстоящих праздников, пусть все плохое останется позади

Цитировать Сообщение 29

Поделиться3023.12.22 17:04

Автор: Automation Baby
Атаманша
Уважение: +8566
Достижения/подарки: 7 6
Наградные баллы: 1 075

#p177885,Belive122 написал(а):

Большое спасибо всем, кто помог разобраться, подсказал и нашаманил💗
Не ожидала, что на три листа затянется все это и столько времени отнимет.
Приятных предстоящих праздников, пусть все плохое останется позади

Вам тоже всего хорошего и с наступающим! Спасибо что протестировали этот дизайн на QB! smile

Цитировать Сообщение 30

Ответить

Страница: « 1 2 3 4 5 6 »

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»

Имя

Скрыть инструментарий Показать инструментарий

ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляй ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удали символы: "http://", "https://" или "www."

font_download format_size format_bold format_italic format_underlined strikethrough_s format_paint color_lens

format_align_left format_align_center format_align_right list table_view

link add_photo_alternate ondemand_video mood

content_cut lock_open format_quote code

horizontal_rule anchor live_help emoji_symbols library_add

Bebas Neue Arial Georgia Microsoft Sans Serif Tahoma Verdana Century Gothic Palatino Linotype Times New Roman Franklin Gothic Medium Impact Arial Black Courier New Lucida Console Comic Sans Ms

10px 12px 14px 16px 18px 20px 22px

Точками

Кружочками

Квадратами

Цифрами

Римскими цифрами

Без обозначений

Многострочный пункт списка

Заголовок Автосжатие больших картинок Скрыть от гостей Ссылка «скачать» Имя читателя Добавлено спустя… Надстрочный текст Подстрочный текст Блок HTML Анкета: разделитель текста Анкета: закрыть ответы

Теги оформления специальных постов

Сделать пост специальным[block="portfoliopost"]portfoliopost[/block],

Светлый фон[block="makeportfoliolight"]makeportfoliolight[/block],

Красный пост[block="saledpost"]saledpost[/block],

Синий пост[block="forsalepost"]forsalepost[/block],

Зеленый пост[block="freepost"]freepost[/block],

Пост без профиля[block="no-prof"]no-prof[/block],

Общее портфолио FD[block="FDteam-portf"]FDteam-portf[/block],

Теги оформления картинок

Обложки: Для одной картинки по центру в рамке, автоматически уменьшается до ширины 480px

Обложка[block="cover"][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Закрыто[block="cover"][block="icon material-icons"]lock[/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Продажа[block="cover"][block="icon fa-solid fa-sack-dollar"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Подарок[block="cover"][block="icon fa-solid fa-gift"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Превью: Для любого количества картинок по центру в рамке, автоматически уменьшается до ширины или высоты 300px

Блок для превью[block="morepics"],[/block]

Разноцветные картинки-ссылки: Для любого количества картинок по центру в разноцветных рамках с заголовком, автоматически уменьшается до ширины 350px, минимальная высота 230px (если высота больше, картинка "обрезается" снизу, но не сжимается)

Блок для картинок-ссылок[block="port-block"],[/block]

Красный[block="p-out saled"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Синий[block="p-out forsale"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Зеленый[block="p-out free"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Желтый[block="p-out yellow"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Теги оформления контента

Обведенный текст[block="details"] [block="det"],[/block] [/block]

Добавить еще блок[block="det"],[/block]

Блок с кнопками[block="links"] [block="demo"][url=ссылка]синяя кнопка,[/url][/block] [block="store"][url=ссылка]оранжевая кнопка[/url][/block] [/block]

Синяя кнопка[block="demo"][url=ссылка]текст,[/url][/block]

Оранжевая кнопка[block="store"][url=ссылка]текст,[/url][/block]

добавить работу [block="wow bounceIn p-out,"] иконка [block="p-descr"][url=https://forumd.ru/viewtopic.php?id=]описание[/url][/block] [block="p-inner"][url=https://forumd.ru/viewtopic.php?id=][img]картинка[/img][/url][/block] [/block]

Иконки:

lock[block="icon material-icons"]lock,[/block]

[block="icon fa-solid fa-sack-dollar"],[/block]

[block="icon fa-solid fa-gift"],[/block]

ТЕГИ (вставить в p-out через пробел)

Тип работы:

под заказ saled,

на продажу forsale,

бесплатно free,

Основная категория:

Вебдизайн dis,

(для всего связанного с работой на сайтах/форумах, кроме готовых скриптов и мелкой графики)

Графика graf,

(для графона, НЕ включающего кодинг/скрипты)

Скрипты/коды code,

(для готовых разработок и работы по верстке/кодингу)
Мини-фильтры дизайнов:

адаптивные mob,

ролевые игры frpg,

компьютерные игры game,

нейтральные flat,

Подкатегории:

Дизайн форумов/сайтов fulldis,

(для полных работ по дизайну)

Макеты layout,

(для дизайнов, где только макет без кода, или работ по созданию макетов чего-либо)

Верстка dis-code,

(для работ по верстке чужих дизайнов или отдельных штук)

Соц-сети/стримы graf-s,

(графон для оформления соцсетей/стримов)

Ролевая графика/арт art,

(для мелкой графики)

Javascript/CSS js,

(для скриптов или выложенных цсс кодов)

Бесплатный диз от FD [block="p-out free fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

Платный диз от FD [block="p-out forsale fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

Дизайн от юзеров [block="p-out yellow"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

ТЕГИ (вставить в p-out через пробел)

Платформа:

MyBB.ru mybb-ru,

Макет (любая платформа) any,

Параметры:

+ PSD psd-in,

(в наличии макет помимо кодов)

+ адаптивка mob,

(есть версия для мобилок)

Тематика:

нейтральные flat,

ролевые игры frpg,

компьютерные игры game,

фентези fant,

аниме anime,

кино/сериалы kino,

стимпанк/киберпанк cyb,

мультфильмы kids,

животные cats,

Цвета:

тёмные darkst,

светлые light,

яркие bright,

добавить скрипт/код [block="SCRBLOCK"] [block="stforlink"] иконка, [block="link"][url=https://forumd.ru/viewtopic.php?id=]название[/url][/block] [/block] [block="sttags"] теги [/block] [/block]

Иконки:

[block="icon fa-brands fa-js"],[/block]

[block="icon fa-brands fa-css3-alt"],[/block]

[block="icon fa-regular fa-file-lines"],[/block]

[block="icon fa-solid fa-file-code"],[/block]

[block="icon fa-solid fa-file-invoice-dollar"],[/block]

ТЕГИ (*значение в скобках вставить в SCRBLOCK через пробел)

Тип кода:

скрипт (js)[block="js"]скрипт, js[/block]

css код (css)[block="css"]css код, css[/block]

HTML/CSS шаблоны (shab)[block="shab"]HTML/CSS шаблоны, shab[/block]

Модули/Расширения (global)[block="global"]Модули/Расширения, global[/block]

Платформа:

MyBB.ru (mybb-ru)[block="mybb-ru"]MyBB.ru, mybb-ru[/block]

Любой движок (any)[block="any"]Любой движок, any[/block]

Тип для форума:

Пользователи (users)[block="users"]Пользователи, users[/block]

Профиль (userprof)[block="userprof"]Профиль, userprof[/block]

Доп. поля профиля (adfield)[block="adfield"]Доп. поля профиля, adfield[/block]

Аватары (avatars)[block="avatars"]Аватары, avatars[/block]

Репутация (repa)[block="repa"]Репутация, repa[/block]

Группы (groups)[block="groups"]Группы, groups[/block]

Гoсти (guest)[block="guest"]Гoсти, guest[/block]

Администраторы (admins)[block="admins"]Администраторы, admins[/block]

Модераторы (moders)[block="moders"]Модераторы, moders[/block]

Регистрация (regis)[block="regis"]Регистрация, regis[/block]

Личные сообщения (ls)[block="ls"]Личные сообщения, ls[/block]

Вход (login)[block="login"]Вход, login[/block]

Подписки (subsc)[block="subsc"]Подписки, subsc[/block]

Поиск (search)[block="search"]Поиск, search[/block]

Цитирование (quotes)[block="quotes"]Цитирование, quotes[/block]

Пагинация (pagin)[block="pagin"]Пагинация, pagin[/block]

Опросы (polls)[block="polls"]Опросы, polls[/block]

Смайлы (smiles)[block="smiles"]Смайлы, smiles[/block]

Фикс скриптов QuadroBoards (qbfix)[block="qbfix"]Фикс скриптов QuadroBoards, qbfix[/block]

Страница форума:

На всех страницах (allpages)[block="allpages"]На всех страницах, allpages[/block]

Страницы (созд. в админке) (fpages)[block="fpages"]Страницы (соз. в админке), fpages[/block]

Главная страница (mainpage)[block="mainpage"]Главная страница, mainpage[/block]

Объявление (announ)[block="announ"]Объявление, announ[/block]

Категории (categ)[block="categ"]Категории, categ[/block]

Форумы (forums)[block="forums"]Форумы, forums[/block]

Статистика (stats)[block="stats"]Статистика, stats[/block]

Список тем (topiclist)[block="topiclist"]Список тем, topiclist[/block]

Страница профиля (profpage)[block="profpage"]Страница профиля, profpage[/block]

Тема (topics)[block="topics"]Тема, topics[/block]

Сообщения (posts)[block="posts"]Сообщения, posts[/block]

Контент сообщений (p-content)[block="p-content"]Контент сообщений, p-content[/block]

Рейтинг постов (p-repa)[block="p-repa"]Рейтинг постов, p-repa[/block]

Профиль автора поста (p-prof)[block="p-prof"]Профиль автора поста, p-prof[/block]

Форма ответа (fo)[block="fo"]Форма ответа, fo[/block]

Модификация ФО (fomod)[block="fomod"]Модификация ФО, fomod[/block]

Новые BB-теги (newbb)[block="newbb"]Новые BB-теги, newbb[/block]

Инструментарий спец тем/постов (spesh)[block="spesh"]Инструментарий спец тем/постов, spesh[/block]

Универсальные теги:

Дизайн/стиль (dis)[block="dis"]Дизайн/стиль, dis[/block]

Замена элементов/атрибутов (chan)[block="chan"]Замена элементов/атрибутов, chan[/block]

Загрузка (load)[block="load"]Загрузка, load[/block]

Переадресация (redir)[block="redir"]Переадресация, redir[/block]

Скроллинг (scroll)[block="scroll"]Скроллинг, scroll[/block]

Виджеты (vidjet)[block="vidjet"]Виджеты, vidjet[/block]

Меню (menu)[block="menu"]Меню, menu[/block]

Вкладки (ttabs)[block="ttabs"]Вкладки, ttabs[/block]

Галереи (gall)[block="gall"]Галереи, gall[/block]

Слайдеры (sliders)[block="sliders"]Слайдеры, sliders[/block]

Ротаторы (rotat)[block="rotat"]Ротаторы, rotat[/block]

Таймеры/даты (timers)[block="timers"]Таймеры/даты, timers[/block]

Спойлеры (spoilers)[block="spoilers"]Спойлеры, spoilers[/block]

Реклама (adv)[block="adv"]Реклама, adv[/block]

Изображения (pics)[block="pics"]Изображения, pics[/block]

Медиа (media)[block="media"]Медиа, media[/block]

Ролевые игры (frpg)[block="frpg"]Ролевые игры, frpg[/block]

Hover-эффекты (hover)[block="hover"]Hover-эффекты, hover[/block]

Анимация (anim)[block="anim"]Анимация, anim[/block]

Украшения (decor)[block="decor"]Украшения, decor[/block]

Праздники (seleb)[block="seleb"]Праздники, seleb[/block]

Ограничения/запреты (stops)[block="stops"]Ограничения/запреты, stops[/block]

Антикопирование (nocopy)[block="nocopy"]Антикопирование, nocopy[/block]

Уведомления (notif)[block="notif"]Уведомления, notif[/block]

ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

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

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

Объявление

🎲 Майский ваншот

GEMcross

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

💰 Крутой функционал от Alex_63 для MyBB.ru

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

❤️ Поддержать проект

SPECIAL OFFER: We distribute designs for free

Support the project

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

Дизайн для MyBB Events In Valencia

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

Поделиться105.06.22 20:40

Поделиться2122.12.22 21:06

Поделиться2222.12.22 23:23

Поделиться2323.12.22 00:27

Поделиться2423.12.22 00:51

Поделиться2523.12.22 00:56

Поделиться2623.12.22 07:33

Поделиться2723.12.22 14:24

Поделиться2823.12.22 14:42

Поделиться2923.12.22 16:59

Поделиться3023.12.22 17:04

Быстрый ответ

Теги оформления специальных постов

Теги оформления картинок

Теги оформления контента