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

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

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


Вы здесь » Единый форум поддержки » Мастерская дизайнов » Дизайн/скрипты/графика от ForumD.ru


Дизайн/скрипты/графика от ForumD.ru

Сообщений 81 страница 100 из 126

1

[html]<script type="text/javascript">
$('.s-tabs').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stab').eq(0).show();   
});
$('.s-tabs>span').live('click', function(){
     var a = $(this).parent('.s-tabs');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected');
     a.children('.stab').hide();   
     a.children('.stab').eq(index).show();   
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.spoiler').click(function(){
  jQuery(this).next('.spoiler_text').toggle('normal');
  return false;
});
});
</script>

<ul class="s-tabs">
<span>О нас</span>
<span>Платное: условия и цены</span>
<span id="full">Бесплатное: что можно за бесплатно, условия</span>
<span>Для дизайнеров и разработчиков</span>
<span>Контакты</span>

        <li class="stab">
<h3>Наши направления</h3>
Мы - команда профессиональных дизайнеров и технических специалистов с большим опытом работы. Работаем не только по оплате, но и бартером и даже <b>бесплатно</b>.<br>
Мы занимаемся:<br>
<font color=#672c1a> <b>•</b></font> <b>Дизайном</b> для форумов<br>
<font color=#672c1a> <b>•</b></font> Разработкой <b>скриптов</b><br>
<font color=#672c1a> <b>•</b></font> <b>Версткой</b><br>
<font color=#672c1a> <b>•</b></font> Созданием адаптивных (<b>мобильных</b>) версий<br>
<font color=#672c1a> <b>•</b></font> <b>Графикой</b> для ролевых<br>
<font color=#672c1a> <b>•</b></font> Оформлением <b>соцсетей</b><br>
<font color=#672c1a> <b>•</b></font> <b>Бесплатной техподдержкой</b> форумов<br>
<br>
<h3>Наши особенности</h3>
<font color=#672c1a> <b>•</b></font> <b>Сильная техническая сторона.</b> <br>
Мы умеем не использовать готовые коды, а можем сделать оригинальный шаблон с нуля. Мы можем исправить любые баги в коде. Мы не засовываем в дизайны png-картинки размером с обои на рабочий стол и не используем для анимации гифки весом в гигабайты. А еще мы можем передвинуть любой элемент форума в любое место и задать ему любую форму или стилизацию, а также добавить любую "штуку" в любое место и стилизовать под дизайн форума.<br>
<font color=#672c1a> <b>•</b></font> <b>Адекватные условия работы.</b> <br>
Мы не вставляем неудаляемые копирайты дизайнера в картинках, только текстовые html-подписи и комментарии в коде, которые заказчик имеет полное право удалить, если ему это мешает. Мы считаем, что полученная работа - собственность заказчика, и не ставим ему странные условия ее использования: вы можете ставить дизайн на любое количество сайтов, выкладывать его публично и дарить или продавать третьим лицам, изменять его или переделывать - это нормально. Это касается как платных заказов, так и БЕСПЛАТНЫХ.

        </li>
        <li class="stab">

<img src="http://forumupload.ru/uploads/0007/e3/f7/2/861595.jpg" style="width:100%">
<div class="spoiler">Стоимость</div>
<div class="spoiler_text">
Прайс-листа и <b>приблизительной стоимости дизайнов не существует</b>, так как мы оказываем очень широкий спектр услуг - <b>от создания простейших стилей до индивидуальных разработок</b>. <br>
Если бы мы делали дизайны просто вставляя новые картинки в один и тот же код, то тогда прайс-лист был бы актуален, но это не наш профиль - у нас заказывают очень РАЗНЫЕ дизайны, скрипты и графику, мы не ограничены определенным типом работ.<br>
<br>
<b><font color=#e63737>Стоимость заказа рассчитывается индивидуально</font></b> в зависимости от сложности выполнения и требуемого времени на исполнение.<br>
<br>
<b><font color=#e63737>Мы ориентируемся на Ваш бюджет</font></b>. При заказе рекомендуется указывать ваш максимальный бюджет, чтобы мы могли рассчитать, как не выходить за его рамки. При обсуждении заказа мы обязательно поможем подобрать подходящий именно Вам вариант исполнения.<br>
Также мы можем сделать выписку на основе вашего технического задания, как формируется цена и что входит в стоимость именно вашего заказа, чтобы Вы могли лично сформулировать итоговое задание и бюджет проекта.<br>
<br>
К оплате принимается:<br>
<font color=#672c1a> <b>•</b></font> перевод на банковский счет/карту visa<br>
<font color=#672c1a> <b>•</b></font> зачисление на donationalerts (телефон/яндекс/карты/qiwi/paypal) (комиссия платежной системы: +7.0%)

</div>

<div class="spoiler">Опции оценки заказов и предоплаты</div>
<div class="spoiler_text">

Мы предоставляем два варианта работы над вашими заказами: с наличием подробного технического задания и без него.<br>
<br>
<h3>При наличии техзадания</h3>
Заказ можно оставить <a href="http://forumd.ru/viewtopic.php?id=5760" target="_blank">у нас на форуме</a> или отправить нам подробное техзадание на почту <b>forumd-ru@yandex.ru</b>.<br>
На основе вашего задания, мы договоримся о стоимости работы.<br>
Рекомендуется указывать максимальный бюджет для расчета возможных опций исполнения вашего заказа и их обсуждения.<br>
<br>
При принятии заказа мы не берем предоплату.<br>
После разработки и утверждения заказчиком макета мы ожидаем 100% оплату заказа - тогда мы приступаем к верстке и техническому оснащению.<br>
<br>
Также мы гарантируем исправление любых незамеченных в ходе разработки и тестирования любых ошибок и багов дизайна даже после "сдачи" заказа.<br>
<br>
<h3>БЕЗ техзадания</h3>
Это опция для тех, кто не имеет четких требований по дизайну и готов положиться на дизайнера, <b>принимая риск, что итоговый результат может НЕ понравится</b>.<br>
<br>
Заказ можно оставить <a href="http://forumd.ru/viewtopic.php?id=5760" target="_blank">у нас на форуме</a>, <b>но не пользуясь шаблоном, а кликнув кнопку "<font color=#e63737>Новая тема</font>"</b>. Также можно отправить нам письмо на почту <b>forumd-ru@yandex.ru</b> или связаться <a href="https://discord.gg/Vz8GGZT" target="_blank">в дискорде</a>.<br>
<br>
В заказе необходимо указать в свободной форме <b>описание вашего форума</b> (и ссылку на него), <b>бюджет</b> и <b>ссылки на примеры дизайнов</b>, которые нравятся.<br>
<br>
При принятии заказа мы берем 100% предоплату, равную вашему бюджету.<br>
<br>
По результатам работы над заказом мы возвращаем часть предоплаты в случае, если процесс выполнения обошелся меньшими трудозатратами и правками, чем мы планировали, в виде дополнительных услуг или обратным переводом.

</div>

<div class="spoiler">Разработка макета и корректировки</div>
<div class="spoiler_text">

При разработке макета мы терпимо относимся к правкам и корректировкам, если они не противоречат исходному заданию и объективны. Любые <b>необъективные правки макета ограничиваются вашим бюджетом</b> и имеют определенный предел.<br>
<br>
Если ваши корректировки противоречат изначальному заданию (например, заказывали светлый дизайн, а теперь просите сделать фон черным), то стоимость заказа сразу будет увеличена или мы откажемся от работы с Вами. Мы не можем делать двойную графическую работу за изначальную стоимость заказа.<br>
<br>
Корректировки должны быть объективны и целесообразны.<br>
Макет дизайна - это не то же самое, что витрина магазина одежды, где все можно примерить и перепробовать.<br>
Если корректировки не ограничиваются изначальным заданием, трудозатраты и стоимость работы увеличивается.<br>
<br>
Когда вы заказываете БЕЗ технического задания, мы отталкиваемся от вашего бюджета в вопросе корректировок. Если бюджет не велик, то поправки на подобии "переделай ВСЁ" или "сделай темное, а не светлое" в него не впишется.

</div>

        </li>
        <li class="stab">

<div class="spoiler">бесплатные дизайны</div>
<div class="spoiler_text">

<img src="http://forumupload.ru/uploads/0007/e3/f7/2/861595.jpg" style="width: 100%;"><br><br>
Возможно ли заказать дизайн бесплатно? Да, возможно.<br>
Такие заказы мы принимаем строго ТОЛЬКО <a href="http://forumd.ru/viewtopic.php?id=5760" target="_blank">через форум</a> (не по почте, не в дискорде, а <a href="http://forumd.ru/viewtopic.php?id=5760" target="_blank">на нашем форуме</a>!!!).<br>
<br>
За бесплатные заказы мы беремся из альтруизма и желания помочь/поэкспериментировать.<br>
Заказчик должен помнить, что никто никому ничего не должен, поэтому надо трепетнее относиться к правкам и своим аппетитам.<br>
Мы стараемся помочь каждому (когда хватает времени), и мы стараемся, чтоб работа нравилась прежде всего заказчику (а не нам), но физически не можем гарантировать вам любые хотелки и исполнение всех желаний.<br>
Также помните, что любые правки затягивают работу над дизайном, т.к. бесплатные заказы мы выполняем в свободное время (которого мало).<br>
<br>
Срок выполнения бесплатного заказа НЕ ограничен и зависит не только от сложности заказа, но и от занятости специалистов.<br>
<br>
Администрация проекта может выставить стиль, сделанный бесплатно, в свободном доступе или на продажу в случаях, если заказчик более не пользуется дизайном или форум заказчика "умер".

</div>

<div class="spoiler">другие бесплатные заказы</div>
<div class="spoiler_text">

Все перечисленное вы можете заказать бесплатно:<br>
<br>
<div class="sup-l">
<a href="http://forumd.ru/viewtopic.php?id=5768" target="_blank" class="dis">Графические элементы дизайна</a>
<a href="http://forumd.ru/viewtopic.php?id=6322" target="_blank" class="rol">Аватары, подписи, эпиграфы</a>
<a href="http://forumd.ru/viewtopic.php?id=5768" target="_blank" class="rol">Рекламки</a>
<a href="http://forumd.ru/viewtopic.php?id=5771" target="_blank" class="teh">Скрипты</a>
<a href="http://forumd.ru/viewtopic.php?id=5771" target="_blank" class="rol">Верстка шаблонов, анкет, ролевых постов</a>
<a href="http://forumd.ru/viewtopic.php?id=5769" target="_blank" class="dis">Графика для соцсетей</a>
</div>
<br>
Ограничения:<br>
<font color=#672c1a> <b>•</b></font> Арт, сделанный с нуля. Т.е. не просто обработка, нарезка и фотошоп, а рисование с нуля, работа художников.<br>
<font color=#672c1a> <b>•</b></font> Сложные скрипты. Какой скрипт сложный, а какой - нет, в двух словах не объяснить. Но вам обязательно ответят и объяснят, выходят ли ваши хотелки за пределы бесплатного, и если выходят, то почему.<br>
<br>
Бесплатные заказы мы принимаем строго ТОЛЬКО <a href="http://forumd.ru/viewtopic.php?id=5760" target="_blank">через форум</a> (не по почте, не в дискорде, а <a href="http://forumd.ru/viewtopic.php?id=5760" target="_blank">на нашем форуме</a>!!!).<br>
Срок выполнения бесплатного заказа НЕ ограничен и зависит не только от сложности заказа, но и от занятости специалистов.

</div>

<div class="spoiler">техподдержка, реклама, бесплатные скрипты и дизайны</div>
<div class="spoiler_text">

<a href="http://forumd.ru/viewtopic.php?id=75" target="_blank">Техподдержка</a>. Бесплатна для всех. Любые вопросы по дизайну, css, администрированию, скриптам и т.д. Поможем починить баги на вашем форуме, встроить любой скрипт, сверстать любой код.<br>
<br>
<a href="http://forumd.ru/viewforum.php?id=1" target="_blank">Реклама</a>. Каждый может бесплатно и безвозмездно открыть свой топик и рекламировать свой форум.<br>
<br>
А еще по запросам пользователей мы добавляем новые бесплатные скрипты и дизайны, обновляем старые скрипты коды. Да, и гайды по вебдизайну делаем. Кароч, можно не стесняться и что-нибудь выпрашивать - постараемся помочь. :)

</div>

        </li>
        <li class="stab">

<div id="cont">
<h3>Для дизайнеров и разработчиков</h3>
<br>
Мы позитивно относимся к коллегам по цеху и любим подружиться с другими специалистами.<br>
Во-первых, у нас не всегда свободны руки, а заказов иногда накапливается немало. Поэтому мы часто заинтересованы подключить к работе над конкретным заказом нового кодера/дизайнера.<br>
Во-вторых, мы не считаем, что способны охватить ВСЮ аудиторию заказчиков и не стремимся к этому.<br>
Поэтому нам интересно формировать комьюнити, делиться своими заказами и пускать в своё "пространство" других спецов.
</div>

<div id="cont">
<h3>Заказы и реклама</h3>
<br>
Если вы занимаетесь чем-то связанным с вебдизайном или разработкой форумов/сайтов/скриптов, вы можете абсолютно бесплатно и безвозмездно:<br>
<font color=#672c1a> <b>•</b></font> Разместить свое портфолио и рекламировать свои услуги <a href="http://forumd.ru/viewforum.php?id=90" target="_blank">здесь</a>.<br>
<font color=#672c1a> <b>•</b></font> Брать любые заказы (в том числе и ПЛАТНЫЕ), которые поступают к нам на форум.<br>
<br>
Для этого не нужно заполнять каких-либо анкет, получать особый статус одобренного или чего-либо такого.<br>
Важно только ознакомиться с <a href="http://forumd.ru/viewtopic.php?id=3434" target="_blank">правилами</a>, чтобы не делать чего-либо нехорошего.
</div>

<div id="cont">
<h3>Работа в команде</h3>
<br>
Если вы тоже "командный игрок", то можно влиться в коллектив в качестве постоянного специалиста.<br>
Однако это подразумевает заинтересованность в развитии нашего общего дела, а не просто получение и выполнение заказов, адресованных нам.<br>
В команду мы ищем коллегу, который наравне с нами занимается проектом. Просто исполнитель может быть нанят в конкретный момент времени и не имеет приоритета в получении работы.<br>
Если для вас бурная деятельность в команде подходит, то вы можете обращаться <a href="http://forumd.ru/viewtopic.php?id=5788" target="_blank">сюда</a>.<br>
Также я могу ответить на любые вопросы о работе в команде на этом форуме в этой теме или ЛС.
</div>

        </li>
        <li class="stab">

<div id="cont">
<h3>КОНТАКТЫ</h3>
<br>
Для платных заказов и вопросов по платным заказам:<br>
<font color=#672c1a> <b>•</b></font> e-mail: <b>forumd-ru@ya.ru</b><br>
<font color=#672c1a> <b>•</b></font> discord: <b><a href="https://discord.gg/Vz8GGZT" target="_blank">ForumD.ru</a></b><br>
<font color=#672c1a> <b>•</b></font> <b><a href="http://forumd.ru/viewtopic.php?id=4506" target="_blank">обратная связь</a></b>
<br>
</div>
<div id="cont">
<h3>ЗАКАЗАТЬ</h3>
<br>
<font color=#672c1a> <b>•</b></font> <a href="http://forumd.ru/viewtopic.php?id=5760" target="_blank">Дизайн для форумов и сайтов</a><br>
<font color=#672c1a> <b>•</b></font> <a href="http://forumd.ru/viewtopic.php?id=5768" target="_blank">Графические элементы дизайна</a><br>
<font color=#672c1a> <b>•</b></font> <a href="http://forumd.ru/viewtopic.php?id=6322" target="_blank">Аватары, подписи, эпиграфы</a><br>
<font color=#672c1a> <b>•</b></font> <a href="http://forumd.ru/viewtopic.php?id=5771" target="_blank">Скрипты и верстка</a><br>
<font color=#672c1a> <b>•</b></font> <a href="http://forumd.ru/viewtopic.php?id=5769" target="_blank">Графика для соцсетей</a><br>
</div>
<div id="cont">
Также вы можете задать ЛЮБЫЕ вопросы мне на этом форуме в этой теме или в ЛС. :)<br>
</div>

        </li>
</ul>
<div id="port-video2">

<div id="text"><a href="http://forumd.ru/pages/portfolio">ПОРТФОЛИО</a></div>
<div id="text2"><a href="http://forumd.ru/">МОЙ САЙТ</a>    •    <a href="http://forumd.ru/pages/contacts">КОМАНДА И КОНТАКТЫ</a>    •    <a href="http://forumd.ru/viewtopic.php?id=4505">ОТЗЫВЫ</a>
</div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=6254">
<img src="http://gerda.moy.su/MyBB_files/FD/Kyz/Kyz_COVER.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=6313">
<img src="http://gerda.moy.su/MyBB_files/FD/TZgh/TZgh_COVER.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=6256">
<img src="http://gerda.moy.su/MyBB_files/FD/BGuild/BGuild_COVER.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=6262">
<img src="http://gerda.moy.su/MyBB_files/FD/LKb/LKb_COVER.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=6259">
<img src="http://gerda.moy.su/MyBB_files/FD/nofl/nofl_COVER.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=6263">
<img src="http://gerda.moy.su/MyBB_files/FD/NUS/NUS_COVER.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=6260">
<img src="http://gerda.moy.su/MyBB_files/FD/FarP/FarP_COVER.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=5740">
<img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_COVER.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=5739">
<img src="http://gerda.moy.su/MyBB_files/FD/ForgottenRealms/FR_2.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=5752">
<img src="http://gerda.moy.su/MyBB_files/FD/MyBBF/MyBBF_4.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=5750">
<img src="http://gerda.moy.su/MyBB_files/FD/WoW-WoD/WoD_COVER.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=5746">
<img src="http://gerda.moy.su/MyBB_files/FD/AKZ/AKZ_COVER.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=5747">
<img src="http://gerda.moy.su/MyBB_files/FD/WoW-all/WoW-all_COVER.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=6102">
<img src="http://gerda.moy.su/MyBB_files/FD/_layouts/stronghold2.jpg">
</a></div></div>

<div id="p-out"><div id="p-inner">
<a href="http://forumd.ru/viewtopic.php?id=6264">
<img src="http://gerda.moy.su/MyBB_files/FD/Witch/Witcher_COVER.jpg">
</a></div></div>

</div>

<style type="text/css">

#p-out {
    display: inline-block;
    margin-left: 1px;
    margin-bottom: 5px;
padding: 0;
height: 190px;
width: 274px;
background-color: #b7b1ac;
border: 1px solid #ddcfc5;
transition: background-color 0.6s;
-webkit-transition: background-color 0.6s;
position: relative;
}
#p-out:hover {background-color: #2f2f2f; border: 1px solid #e27b5c;}
#p-inner {
margin: 5px;
width: 264px;
height: 172px;
position: relative;
overflow: hidden;
border-style: solid;
border-width: 4px 0;
border-color: #080c15;
background-color: #ddcfc5;
z-index: 200;
}
#p-inner:hover {border-color: #e7633b;}

#p-inner img {width: 100%;}
#port-video2 {
transition: color 0.6s;
-webkit-transition: color 0.6s;
text-align: center;
}

#port-video2 {width: 100%; background-color: #585858; border-bottom: 10px solid #e27b5c;}
#text {font-size: 30px;}
#text2 {font-size: 22px; margin-bottom: 8px;}
#text, #text2 {
background-color: #2f2f2f;
text-align: center;
font-family: Impact;
padding: 5px;
border-bottom: 10px solid #b7b1ac;
color: #b7b1ac;
}
.s-tabs .stab h3 {
font-family: Impact;
font-size: 16px;
text-transform: uppercase;
font-weight: normal !important;
}
#cont {
background-color: rgba(0, 0, 0, 0.06);
border-style: solid;
border-color: rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.06) #e27b5c;
border-width: 1px 1px 1px 7px;
padding: 5px;
margin: 5px 5px 10px;
}
.spoiler_text {display:none;
background-color: rgba(0, 0, 0, 0.06);
border-style: solid;
border-color: rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.06) #e27b5c;
border-width: 0px 1px 1px 7px;
padding: 5px;
margin: 0px 5px 5px;
}
.spoiler {
cursor: pointer;
margin: 5px 5px 0;
background-color: rgba(0, 0, 0, 0.06);
padding: 5px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.06) transparent #e27b5c;
border-width: 1px 1px 0px 7px;
text-transform: uppercase;
font-family: Times New Roman;
font-size: 18px;
text-align: center;
color: #672c1a;
}

.s-tabs{
width: 100%;
display: block;
background-color: #2f2f2f;
border-top: 10px solid #e27b5c;
border-bottom: 10px solid #e27b5c;
text-align: center;
}
.stab {height:auto;}
.s-tabs span {
cursor: pointer;
font-family: Impact;
font-size: 28px;
text-transform: uppercase;
padding: 4px 20px;
background-color: #2f2f2f;
color: #d3ccc6;
transition: color 0.3s;
-webkit-transition: color 0.3s;
display: inline-block;
}
.s-tabs span:hover {
color: #fff;
}
.s-tabs span.selected{
color:#fff;
background:#e27b5c;
}
.s-tabs .stab{
width:auto;
margin:0;
display:none;
overflow-x:hidden;
border-top: 10px solid #e27b5c;
padding: 10px;
background-color: #b7b1ac;
text-align: left;
font-size: 13px;
color: #404040;
}
#port-video2 a {
color: #a25e49;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
#port-video2 a:hover {color: #e27b5c;}

.s-tabs span#full {width: calc(100% - 40px);}
.sup-l {text-align: center;}
.punbb .sup-l a {
display: inline-block;
text-transform: uppercase;
color: #fff !important;
margin: 5px 5px 0;
padding: 2px 5px;
border-radius: 3px;
font-weight: bold;
}
.sup-l a.dis {background-color: #26af33;}
.sup-l a.dis:hover {background-color: #1c8426;}
.sup-l a.teh {background-color: #23afc8;}
.sup-l a.teh:hover {background-color: #0080b7;}
.sup-l a.rol {background-color: #f7941d;}
.sup-l a.rol:hover {background-color: #e36120;}

</style>[/html]

Отредактировано Герда (Ср, 28 Окт 2020 08:03:08)

+2

81

ура, на ЕФП наконец хтмл в постах появился.
смогла пихнуть кучу инфы в первопост топика без вреда. :)

+1

82

[html]<div id="port-video2"><h3>Мы обновили <a href="https://forumd.ru/pages/portfolio_code" style="color:#e63737">портфолио</a></h3>
<span>Перед вами свежая подборка <font style="font-weight: bold; color: #e63737;">БЕСПЛАТНЫХ</font> кодов и скриптов!</span>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=6363" class="tip" title="Добавляет в форму ответа иконки-шрифты вместо стандартных картинок.">Иконки MI и FA в форме ответа</a>
<div class="p-inner">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/910116.jpg" class="postimg">
</div></div>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=6360" class="tip" title="Коды для установки аватарок списках, в топике, в профиле, в ЛС + разные авы для разных групп + принудительные аватарки пользователям или группам">Аватары по умолчанию</a>
<div class="p-inner">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/257838.jpg" class="postimg">
</div></div>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=6344" class="tip" title="Коды для изменения цвета ников ВЕЗДЕ: в статистике, в топиках, в юзерлисте и т.д. А также цветовыделение аватарок групп и пользователей и индикатор цвета групп в статистику.">Цветовыделение ников ВЕЗДЕ</a>
<div class="p-inner">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/577504.jpg" class="postimg">
</div></div>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=1293" class="tip" title="Эмитирует функцию закрепленной темы, отображая вашу ссылку первой в списках тем во всех (или в избранных) разделах.">Тема-объявление</a>
<div class="p-inner">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/881160.png" class="postimg">
</div></div>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=6338" class="tip" title="Превращение категорий в горизонтальный слайдер для форумов. ">Слайдер форумов в категориях</a>
<div class="p-inner">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/151331.gif" class="postimg">
</div></div>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=6373" class="tip" title="Заменяет количество просмотров топика на ваш html-контент (например, звездочки) по заданному количеству просмотров. А также вывод рейтинга количества просмотров на страницу топика.">Рейтинг темы звездами</a>
<div class="p-inner">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/862528.png" class="postimg">
</div></div>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=6315" class="tip" title="Анимирует в виде слайдера картинки, добавленные через дополнительное поле (флажки).">Слайдер картинок в профиле</a>
<div class="p-inner">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/237639.gif" class="postimg">
</div></div>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=6287" class="tip" title="При наведении курсора на аватар, всплывает содержимое дополнительного поля.">Всплывающее поле на аве</a>
<div class="p-inner">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/829725.gif" class="postimg">
</div></div>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=6371" class="tip" title="Заменяет рейтинг поста и голосование за пост (плюс и минус) на разные типы смайлов">Реакции на пост</a>
<div class="p-inner">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/731118.jpg" class="postimg">
</div></div>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=6147" class="tip" title="Добавляет к ячейке с названием топика первую картинку из первого сообщения топика.">Превью картинки в списках тем</a>
<div class="p-inner">
<img src="https://sg.uploads.ru/PG6hI.jpg" class="postimg">
</div></div>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=5799" class="tip" title="По клику на картинку, она разворачивается до полного размера, повторный клик возвращает обратно к посту с ужатой картинкой.">Разворачивание картинок до полного размера</a>
<div class="p-inner">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/768397.jpg" class="postimg">
</div></div>

<div class="p-out">
<a href="http://forumd.ru/viewtopic.php?id=6069" class="tip" title="Позволяет создавать анкеты с разными типами полей для заполнения пользователем. Есть много вариантов настроек.">Скрипт создания анкет и форм v2</a>
<div class="p-inner">
<img src="https://forumupload.ru/uploads/0007/e3/f7/2/89930.jpg" class="postimg">
</div></div>

</div></div>

<style>
.post-content #port-video2 {background: #1d2126; border-top: 5px solid #e63737; width: 100%;}
.post-content #port-video2 .p-out {
    display: inline-block;
    margin-left: 1px;
    margin-bottom: 5px;
}

.post-content #port-video2 .p-out {
padding: 0;
height: 245px;
width: 300px;
transition: all 0.6s;
-webkit-transition: all 0.6s;
position: relative;
background-color: #2e3e4f;
}
.post-content #port-video2 .p-inner {
margin: 10px; width: 280px;
height: 182px;
position: relative;
overflow: hidden;
background-color: #000;
z-index: 200;
}

.post-content #port-video2 .p-out a {
display: block;
font-family: 'Bebas Neue', Impact;
text-transform: uppercase;
transition: all 0.6s;
-webkit-transition: all 0.6s;
font-size: 24px;
padding: 5px;
width: 290px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background-color: #23afc8;
color: #fff;
border-bottom: 5px solid #0080b7;
}
.post-content #port-video2 .p-out a:hover {
text-decoration: none;
background-color: #0080b7;
}
.post-content #port-video2 {
transition: color 0.6s;
-webkit-transition: color 0.6s;
text-align: center;
}
.punbb .post-content #port-video2 .p-inner img {
opacity: 1.0;
margin: 0px !important;
width: 280px;
min-height: 182px;
}
.post-content #port-video2 h3 {
background-color: #2e3e4f;
font-family: 'Bebas Neue', Impact;
text-transform: uppercase;
    font-size: 32px;
padding: 4px 0px 0;
color: #fff;
    position: relative;
    right: auto;
    top: auto;
text-align: center;
}
.post-content #port-video2 span {
display: block;
background-color: #2e3e4f;
color: #fff;
transition: all 0.6s;
-webkit-transition: all 0.6s;
padding: 4px 10px;
margin-bottom: 10px;
}
.post-content #port-video span:hover {background-color: #e63737; color: #000}
</style>[/html]

+1

83

Герда
Ти зря сделала переадресацию на HTTPS , чем тьву не устраивало и то и другое ??

Свернутый текст

+1

84

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

Я к примеру не могу войти c HTTPS

а это с чем может быть связано? 0_о
это только на майбб или у тебя все сайты через этот протокол не работают?

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

чем тьву не устраивало и то и другое ??

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

+1

85

Герда написал(а):

а это с чем может быть связано?

Я серфлю в основном со старой оперы, мне так удобнее скрипты править, там наше HTTPS сертификат не воспринимает (не гугол-сертификат  однако)

Отредактировано Deff (Вт, 3 Ноя 2020 09:37:04)

+1

86

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

со старой оперы

ну ппц

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

+1

87

Герда
:love:  СПС!

(Я терь хоть вошёл, с HTTPS если вышел с HTTP автовход  с Хрома не делалсо...  :jumping:

Отредактировано Deff (Вт, 3 Ноя 2020 11:12:22)

+1

88

Ролевой форум + адаптивка под мобилы = реальность

Пока что я не видела ни одного ролевого форума, который позаботился бы о доступности для мобильных устройств и планшетов, и, вот, наконец появились желающие - ролевой проект ПЕТРОВСКИЙ УКАЗЪ.

Для создания адаптивки потребовалось сделать также реконструкцию макета (т.к. макета не было), с которой помогала Bruksa: из картинок дизайна был заново воссоздан полный макет, со всеми текстурами и элементами. Она же отрисовала и заверила макеты адаптивной версии.

Верстала я. Для начала был полностью переделан основной дизайн, который ранее был сверстан на базе одного из бесплатных шаблонов. Сделана оригинальная верстка шаблона, от кодов mybb остался небольшой кусочек, почти всё версталось с нуля с сохранением стилистики изначального дизайна. По сравнению с исходным шаблоном, CSS-код дизайна сократился на 65%, а вес графики дизайна на 45%. Также сделан крутой блочный код шапки, который "дизайнится" через css и не требует админа копаться среди милллиона html-тегов. Произведена ревизия всех скриптов, устаревшие заменены, некоторые "починены".

Адаптивность: Главная
https://forumupload.ru/uploads/0007/e3/f7/2/t16370.gif

Адаптивность: Топиклист
https://forumupload.ru/uploads/0007/e3/f7/2/t909797.gif

Адаптивность: Топики, профили, форма ответа
https://forumupload.ru/uploads/0007/e3/f7/2/t378419.gif

Адаптивка для дизайна сделана с сохранением стилистики оригинального дизайна и использованием ГРАФОНА. Т.е. это не просто "кодовая" адаптивка, а "ролевая": с сохранением атмосферы игрового форума, текстурками, графикой и ролевыми полями профиля. Версталась также постранично и без использования mybb-кода. Под нее разработан ряд скриптов для спойлеров меню и профиля + скрипт превращения таблички в слайдер - все эти скрипты работают только при ширине экрана, в которую "не помещается" основной дизайн, и не мешают наслаждаться полной версией дизайна.

Планшеты, iPad-ы
http://forumupload.ru/uploads/000b/09/4f/28134/t256142.jpg http://forumupload.ru/uploads/000b/09/4f/28134/t464775.jpg http://forumupload.ru/uploads/000b/09/4f/28134/t433415.jpg


Широкоформатные мобильные, например: iPhone X/XS
http://forumupload.ru/uploads/000b/09/4f/28134/t795590.jpg http://forumupload.ru/uploads/000b/09/4f/28134/t636744.jpg http://forumupload.ru/uploads/000b/09/4f/28134/t554657.jpg http://forumupload.ru/uploads/000b/09/4f/28134/t591255.jpg


Мобильные устройства 375px
http://forumupload.ru/uploads/000b/09/4f/28134/t296304.jpg http://forumupload.ru/uploads/000b/09/4f/28134/t954339.jpg http://forumupload.ru/uploads/000b/09/4f/28134/t723361.jpg http://forumupload.ru/uploads/000b/09/4f/28134/t887219.jpg

*Скорость работы адаптивной версии, увы, не высока из-за плохого соединения мобильного (да и стационарного - тоже) интернета с серверами RusFF. Однако, если ваш форум базируется на партнерке, которая не будет медленно подгружать свои скрипты, или на mybb.ru, то в вашем случае такая адаптивка под мобильные будет летать. :)

+1

89

А у меня , ничего не висит.
Выглядит здорово .

+2

90

Герда написал(а):

Не удержалась, сходила , посмотрела, смотрится классно ! Атмосферно, как газету позапрошлого века , полистал.
:cool:

0

91

https://i5.imageban.ru/out/2020/12/03/7efb0a992ee57f0707ea253c4fbd0592.png
дизайн офигенный

+1

92

во так и держите

+1

93

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

дизайн офигенный

наш дизайн не поддерживает Windows XP и устаревшие версии браузеров 10-ти летней давности.
https://support.microsoft.com/ru-ru/windows/окончание-поддержки-windows-xp-47b944b8-f4d3-82f2-9acc-21c79ee6ef5e

+1

94

Герда написал(а):

наш дизайн не поддерживает Windows XP и устаревшие версии браузеров 10-ти летней давности.

Ну тут как то пофег, но можно было бы и не отключать возможность c HTTP, к примеру меня не раздражал дизайн, ксать по мне был на HTTP вполне ничего, а то, что я не запоминал Пароль, доверился браузеру, а он тупо просто не мог произвести автовход... Наплевал на три недели, потом просто сгенерил ссылку на перезапрос пароля, тады вошёл уж c HTTPS
Ксать - вот форумы с дизайном от серсвиса смотрятся и входится выходится нормально с HTTPS и на старых браузерах,
А походу ссылки с собственным дизайном https://forumstatic.ru/styles/0007/e3/f … 861807.css  вот у них сертификат походу какой-то рубленный, его уже старые браузеры не воспринимают... Ну и да Гугол, амазон и т.д отлично работают с HTTPS и со старыми браузерами!(Так что ты не в тренде!)

Отредактировано Deff (Пт, 4 Дек 2020 00:08:50)

+1

95

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

что касается ФД - я не для того провела овер 6 часов за обновлением всего под хттпс, чтоб половина юзеров сидела с хттп (т.к. в рекламе старые ссылки), грузили картинки на хттп и на каждой странице были "битые" катинки и ссылки на хттп версии.

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

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

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

если твой браузер не работает с хттпс, то тебе надо не мне на это жаловаться, а вот сюда: Поддержка HTTPS
хотя я лично не вижу проблемы с тем, что мы будем пользоваться новым, а не старым.
если такой логике следовать, но нужно еще отказаться от css3 и html5, для тех, кто до сих пор на Internet Explorer сидит - такие рептилоиды тоже есть

+1

96

Deff, мне что-то прямо интересно стало - я на Кузнечике написала, что ли, поддержку под твой браузер на автомате?.. (Ты там регулярно появляешься и вроде никогда на стиль не жаловался.) Вообще я когда-то тоже любила старые Оперы... Но в последнее время их мало кто поддерживает (и в общем-то правильно делают), пришлось обновиться.

Отредактировано satsana (Пт, 4 Дек 2020 01:14:50)

+2

97

tartar1, а вы, простите за интимный вопрос, с какого браузера в сеть ходите?..

+1

98

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

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

Используются эллиптические кривые. При том же уровне безопасности они оказываются примерно в 9 раз быстрее, чем RSA. Для того, чтобы здесь https работал на старых браузерах мне пришлось делать все сертификаты на RSA и тем самым увеличивать и нагрузку на сервера и количество передаваемых данных и нагрузку у клиента.
satsana
У Deff - opera 12.
У tartar1 - chrome 49.

+2

99

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

У Deff - opera 12.

М-м-м... Помню её. Вкусный браузер. Был. Когда я лет 10 назад (ну может чуть меньше) сидела в сети с GPRS-модема...

+2

100

kernel
а у тебя есть статистика, насколько много людей, кроме Дэффа и тартара, заходят со старых браузеров?
просто у меня это такое... редкое событие.

+1


Вы здесь » Единый форум поддержки » Мастерская дизайнов » Дизайн/скрипты/графика от ForumD.ru