March 15, 2019

Десигн на МФК


Действующие лица:

Веб-шлюха неопределённого возраста, любит всё красивенькое.

Фотошоп, скаченный по первой же ссылки с рутора.

Блокнот, который у продвинутых юзеров Atom, Brackets, Notepad++.

Прямые руки.

Пара извилин.


Акт первый

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

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

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

Уделите время тому, чтобы приобрести новые полезные навыки (вдруг вам что-то понравится и вы резко смените сферу деятельности) – десигн (погуглите что-нибудь про ui/ux, графический дизайн, колористику) и html&css (htmlbook.ru, html academy и ютуба достаточно). Скачайте фотошоп или гимп и потыкайте там в разные кнопки. Поверьте, девочки, это не сложно. Зато вашей еврейской душе не придётся расставаться с деньгами каждый раз, когда вы решите что-то поменять (ну или голову кому-то ебать). Будьте взрослыми и самостоятельными. А ещё гифки научитесь делать, все любят гифки. Я уже упоминала софт для гифок в посте про софт и как впихнуть 4 гифки в одну. Только смотрите, чтобы размер гифки был маленький (ну где-то 2мб максимум), а то мембер умрёт.


Акт второй. Десигн

Не ебу как кто делает, но я ещё со времён блогов на тумбе, вьюи и блогспоте достаю РУЧКУ и ЛИСТИК и РИСУЮ. Рисую я схему, где и что будет находиться. Этого вполне достаточно и я не проёбываюсь с пикселями. Поэтом я открываю фотошоп, тыкаю размер холста 1000 по ширине и дохуя по высоте и хуячу там направляющие, а потом уже леплю из говна и палок дисигн. Гуглю какой-нибудь raccoon pattern, чтобы был милый фон с енотиками, kawaii shiba tumblr transparent png clipart, чтобы были пёсели. Леплю слой на слой, ищу бесплатные красивые шрифты на каком-нибудь 1001freefonts.com или fontspace.com, рамочки всякие гуглю, где-то что-то сама дорисовываю, где-то беру свои фотки и вырезаю себя с помощью йоба-плагина. Кароч, творчество в чистом виде. Когда всё сделано, я сохраняю в psd, чтобы потом иметь возможность отредактировать какие-то косяки. Потом режу эту хуйню на куски (кусок с инфой обо мне, кусок с инфой про снапчат и т.п.) и сохраняю их по отдельности, типа mfc-about-me.png, mfc-snapchat.jpg и т.п. 

После этого я загружаю все джипег/пнг (тут кому какой формант надо/удобно) картиночки на MFC (пушо у него сложные отношения с хостингами). Делается это так: Manage Photos -> Create New Photo Gallery -> Hide Gallery -> Add Photo -> Add Files -> выбираю фотки -> Start Upload -> Manage Photos -> долистываю до нужного альбома -> выбираю нужную фотку -> кликаю на неё -> Get Photo URL -> копирую ссылочку, а остальное в третьем акте нашей пьесы))0 Вы можете создать альбом под каждый отдельный дисигн, вдруг пригодится. Теперь в картинках:


Тыкаешь сюда в своём Model Admin

Создаёшь новую галерею ткнув сюда.


А потом придумываешь имя и тыкаешь сюда. Готово! Новый альбомчик с фоточками создан!

Теперь его нужно скрыть ткнув в Hide Gallery

А теперь можно добавить картиночки твоего дисигна ткнув на Add Photo

Затем жмёшь Add Files и выбираешь картиночки. После нажимаешь Start Upload

Когда всё загрузится, возвращаешься в Manage Photos долистываешь до нужного альбома, кликаешь на нужную картинку, вылезет меню, котором нужно выбрать Get photo URL и скопировать ссылку.


Акт третий. Код

Окей, я не научу вас кодить говнокод на языках программирования, которые даже не являются языками программирования (блять, html-погромисты, лол) (простити). Но вот гугл сможет. Я уже упомянула htmlbook, где вы можете найти теги для всего и HTML Academy, бесплатной хуйни оттуда вполне достаточно чтобы суметь в HTML и CSS на уровне "делаю себе дисигн на MFC". В этом нет абсолютно нихуя сложного. А если понравится, то будете дальше дрочиться с погромированием и укатитесь из свечения пиздой в ойти, получать всё ту же среднюю айтишную зп, только без видосов на порнхабе и с соцпакетом.

Вот вам готовое решение от Ahley Tea тык на ссылку. Вставляете это в поле для CSS, которое находится Customize Profile -> edit your css directly -> Custom CSS

Чтобы посмотреть, что получилось, нужно нажать Preview Profile, а чтобы сохранить Update CSS.

Что у вас будет? Пустота + MFCShare/стена с комментами (это вы можете убрать/добавить в Edit Profile -> Organize Section перенеся ненужные секции из Displayed Sections в Hidden Sections).

Теперь картиночки. Вам нужно захуячить HTML код. Тут ничего сложного.

<img src="ваша ссылка">

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

<img src="ваша ссылка" alt="ваш текст">

Если вы хотите, чтобы ткнув на картинку мембер переходил по ссылке, то код должен быть такой

<a href="ссылка, по которой будет переходить мембер (например, ссылка на твиттер"><img src="ссылка на отображаемую картинку (баннер вашего твиттера)"></a>

Жмёшь Edit Profile

Тыкаешь в Step Four

Вставляешь куда-нибудь HTML-код. Я впихиваю в More About Me/Bio. Ткнув в Preview Profile ты увидишь, что там вышло, а ткнув Save Profile сохранишь результат.

Преколов с хтмл дохуя и больше, сами дальше разберётесь. Базовую базу я вам дала.

Если самостоятельно сделать никак, то погуляйте по профилям моделей, там обычно указаны контакты того, кто делал профиль, ткнёте в них и заплатив денежку получите, чё хотите. Можно ещё оплатить (или попросить мема оплатить) cammodelexpress и нахуячить чё угодно, никаких хтмлов знать не надо для этого. Ещё можно погуглить готовые шаблоны, я на wecamgirls такое видела. Найти кучу полезных штук можно здесь - http://myfreemfcprofilehelp.blogspot.com/