Флудилка вебмастеров

Страница: « 1 … 4 5 6 7 8 … 28 »

Сообщений 51 страница 60 из 272

Поделиться125.05.09 21:18

Автор: Gerda
технозомби
Уважение: +9804
Достижения/подарки: 8 16
Наградные баллы: 1612
Проверенный спец:
FD
FD

Топик для разговоров на общие темы, чтобы не смущать пользователей всякими обсуждениями "на эльфийском" в Комнате отдыха.

Портфолио https://forumd.ru/viewtopic.php?id=3833

Поделиться5126.02.23 08:35

Автор: Gothkiller
Участник
Уважение: +506
Достижения/подарки: 0 3
Наградные баллы: 490

#p181023,starling написал(а):

Gothkiller
показать, как?)

Если не трудно, буду рад хд А то как-то несолидно такое не знать.

Портфолио https://forumd.ru/viewtopic.php?id=6699

Поделиться5226.02.23 12:35

Автор: starling
Участник
Уважение: +907
Достижения/подарки: 0 0
Наградные баллы: 335

Gothkiller
ну, например, вот

background: url(https://forumstatic.ru/files/001b/04/78/11169.jpg); - это наш фон, который нужно установить. По размерам он 1920 на 1080, то есть мы можем использовать её как общий фон. (Картинка не самая удачная, потому что тёмная и по ней плохо видно изменения, но я не смогла быстро найти другую).
Для его позиционирования используется свойство background-position, которому можно задавать разные параметры. Для параметра top картинка будет выравниваться по верхнему краю, с параметром center - устанавливается по центру. Ещё может использоваться left, которую я обычно использую, если мне надо размножить фон по вертикали и горизонтали.
Про background-repeat, наверно, говорить смысла нет, просто запоминаем, что если у нас большое изображение в котором мы уверены, то можно выставить no-repeat и не заморачиваться.
Ещё есть background-size. Параметр contain сохраняет пропорции изображения, но вписывает его в экран. То есть если картинка будет уже ширины монитора, то по бокам от неё останется пустое место. Параметр cover даёт изображению возможность полностью закрыть всё пространство монитора и не оставляет пустых мест, как contain.

ну и вот как у меня прописан этот фон в коде у дизайна
Код:
background: url(https://forumstatic.ru/files/001b/04/78/11169.jpg), #262626;
background-size: cover;
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
если не разбивать эту запись отдельно по строкам-свойствам, а записать короче, то
Код:
background: url(https://forumstatic.ru/files/001b/04/78/11169.jpg) fixed no-repeat top center, #262626;
background-size: cover;

Поделиться5326.02.23 12:45

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

starling
Спасибо, добавила цитату в наш урок про фон: Фон форума/сайта CSS

Поделиться5426.02.23 13:01

Автор: Gothkiller
Участник
Уважение: +506
Достижения/подарки: 0 3
Наградные баллы: 490

starling
спасибо мил человек, выручил)

Портфолио https://forumd.ru/viewtopic.php?id=6699

Поделиться5526.02.23 15:28

Автор: Gerda
технозомби
Уважение: +9804
Достижения/подарки: 8 16
Наградные баллы: 1612
Проверенный спец:
FD
FD

#p180965,starling написал(а):

Automation Baby
оставим этот вопрос без чёткого ответа) но подозреваю, что раз используется по кругу один и тот же шаблон, но такой возможности у людей нет

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

Портфолио https://forumd.ru/viewtopic.php?id=3833

Поделиться5626.02.23 15:33

Автор: Gerda
технозомби
Уважение: +9804
Достижения/подарки: 8 16
Наградные баллы: 1612
Проверенный спец:
FD
FD

#p180999,Gothkiller написал(а):

вот думаю, пойти поругаться или нет. Человек заказал диз, а потом поменял макет на свой, но оставил мой код. Хм..это норма или свинство.

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

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

Портфолио https://forumd.ru/viewtopic.php?id=3833

Поделиться5726.02.23 16:26

Автор: starling
Участник
Уважение: +907
Достижения/подарки: 0 0
Наградные баллы: 335

#p181053,Gerda написал(а):

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

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

Поделиться5828.02.23 01:38

Автор: Gerda
технозомби
Уважение: +9804
Достижения/подарки: 8 16
Наградные баллы: 1612
Проверенный спец:
FD
FD

#p181074,starling написал(а):

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

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

A3 Text setup
шрифты настраиваются до того, как доделана структура. причем там шрифты на всё, в том числе на внутренние элементы, которые вообще еще не обрели ни форму, ни цвет.
вместо этого блока у меня три строчки - основной цвет и шрифт (там же где и body), цвет и шрифт ссылок, цвет ссылок при наведении - этого достаточно для "основы".
ибо мне удобнее держать декоративности по размеру и стилю шрифтов конкретных элементов там же, где и другие настройки этих элементов. например, загонять размер шрифта в цитатах отдельно, а рамочку и остальное держать отдельно - ну ваще не логично, это просто дублирует селекторы по сто раз, как водится в стандартных стилях.

B1 Parsed Content, Signatures and Scroll Boxes
после лейаута туловища внезапно идут стили контента ПОСТОВ, цитат и т.д.

B2 Information boxes
вот это прям тоже очень срочно надо настроить

B3 Pagination and posting links
опять прыгнули куда-то на настройку ссылок "страницы" и "новая тема/ответить", которые на внутренних страницах

C1 Form layout
самое время настроить формы (когда основные страницы даже не тронуты)

C2 Table layout
наконец-то! таблицы форумов (списка разделов, топиклиста и т.д.) идут только после того, как позаботились даже о цитатах, но не раньше.

и т.д.

Отредактировано Gerda (28.02.23 03:14)

Портфолио https://forumd.ru/viewtopic.php?id=3833

Поделиться5908.03.23 22:32

Автор: Anne Bonny
Участник
Уважение: +35

#p181186,Gerda написал(а):

они просто прыгают от одного элемента форума к другому

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

@Gerda может ты сделаешь универсальный стандартный код для майбб где не будет ничего лишнего?

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

Автор: Gerda
технозомби
Уважение: +9804
Достижения/подарки: 8 16
Наградные баллы: 1612
Проверенный спец:
FD
FD

#p181452,Anne Bonny написал(а):

@Gerda может ты сделаешь универсальный стандартный код для майбб где не будет ничего лишнего?

вопрос - а что не лишнее?

поставлю где-то border - люди потом будут убирать их через border-color: transparent вместо того, чтоб строчку удалить.

было бы неплохо, если б мне составили некое ТЗ, объяснив, что входит в "идеальный" код для майббшников.

Портфолио https://forumd.ru/viewtopic.php?id=3833

Ответить

Страница: « 1 … 4 5 6 7 8 … 28 »

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

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

Имя

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

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

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удали символы: "https://", "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 - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

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

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

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

GEMcross

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

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

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

📣 Наш проект: Ролевой поисковик

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

SPECIAL OFFER: We distribute designs for free

Support the project

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