https://kpide.bbok.ru/ Кисти, перья и IDE ru-ru Wed, 21 Mar 2018 17:58:03 +0300 MyBB/mybb.ru https://kpide.bbok.ru/viewtopic.php?pid=1049#p1049 <p>Здравствуйте. <br />Беспокоит проект Ирельм. К сожалению, ваш форум не действует давно, поэтому мы расторгаем партнерство. <br />Будем рады новому сотрудничеству, если решите возродиться.</p> mybb@mybb.ru (Партнер) Wed, 21 Mar 2018 17:58:03 +0300 https://kpide.bbok.ru/viewtopic.php?pid=1049#p1049 https://kpide.bbok.ru/viewtopic.php?pid=1047#p1047 <p><span style="display: block; text-align: center"><a href="http://lioninthepast.rusff.ru" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://forumstatic.ru/files/0018/7d/33/33656.png" alt="https://forumstatic.ru/files/0018/7d/33/33656.png" /></a></span></p><div class="quote-box quote-main"><blockquote><p><span style="display: block; text-align: right"><span style="font-style: italic">Не хочешь ли ты <a href="http://lioninthepast.rusff.ru" rel="nofollow" target="_blank">узнать о себе</a> больше?</span></span></p></blockquote></div> <p><span style="display: block; text-align: center"><strong> <a href="http://lioninthepast.rusff.ru/viewtopic.php?id=41#p43" rel="nofollow" target="_blank">Правила</a> | <a href="http://lioninthepast.rusff.ru/viewtopic.php?id=31#p33" rel="nofollow" target="_blank">Предыстория</a> | <a href="http://lioninthepast.rusff.ru/viewtopic.php?id=252#p19229" rel="nofollow" target="_blank">Профиль за пост</a> | <a href="http://lioninthepast.rusff.ru/viewtopic.php?id=38" rel="nofollow" target="_blank">Вы нужны нам</a> | <a href="http://lioninthepast.rusff.ru/viewtopic.php?id=2#p2" rel="nofollow" target="_blank">Вопрос - ответ для гостей</a></strong></span></p> <p><a href="http://lioninthepast.rusff.ru/viewtopic.php?id=268&amp;p=8#p22810" rel="nofollow" target="_blank">http://lioninthepast.rusff.ru/viewtopic &#8230; p=8#p22810</a></p> mybb@mybb.ru (Рекламщик) Mon, 25 Sep 2017 23:20:07 +0300 https://kpide.bbok.ru/viewtopic.php?pid=1047#p1047 https://kpide.bbok.ru/viewtopic.php?pid=1045#p1045 <p><span style="display: block; text-align: center"><br /><img class="postimg" loading="lazy" src="https://s4.uploads.ru/Y1aSn.jpg" alt="http://s4.uploads.ru/Y1aSn.jpg" /></span></p> <p><span style="display: block; text-align: center">Ирельм - еще юный форум. Открылись не так давно и ведем активный набор игроков. <br />Администрация адекватная, с радостью ответим на все вопросы и поможем. К анкетам не придираемся. <br />Мастеринг смешанный, без игры у нас вы не останетесь. Открытый мир, дающий возможность создать своего уникального героя и развивать свою историю. <br />- изучение мира, ведь&#160; явно на всей планете лишь не та суша, что определена на общих картах;<br />- развитие магии, углубление в мироздание и понятие сущности магических потоков;&#160; <br />- попытки внедрения в обиход техники, исследования в этой области, если их&#160; станет поддерживать эфир;<br />- жажда власти, ведущая к перекрою, как и территорий стран, так и смене ведущих лиц на общей и частной арене внутренней/внешней политики;<br />- рождение героев, ведущих за собой народ к общей цели;<br />- огромные просторы, для развития и становления личности каждого;<br />- следящее и готовое вырваться на свободу Зло, которое положит начало Великому концу...</span><br /><span style="display: block; text-align: center"><br />Присоединяйтесь к нам. </span></p> mybb@mybb.ru (Рекламщик) Thu, 03 Aug 2017 14:44:35 +0300 https://kpide.bbok.ru/viewtopic.php?pid=1045#p1045 https://kpide.bbok.ru/viewtopic.php?pid=1028#p1028 <p>Скрипт, пилящий мини-табличку с приветствием и списком эпизодов, в которых ждут человека (требует обновления администрации)</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 31.5em"><pre>&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;div id=&quot;ava&quot;&gt;&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&lt;div id=&quot;miniprof&quot;&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;script&gt;var Epi = {&quot;Лиа&quot;:[]}; //Формат такой: &quot;Никнейм1&quot;:[&quot;&lt;a href=ссылка1&gt;эпизод1&lt;/a&gt;&quot;, &quot;&lt;a href=ссылка2&gt;эпизод2&lt;/a&gt;&quot;], &quot;Никнейм2&quot;:[&quot;&lt;a href=ссылка1&gt;эпизод1&lt;/a&gt;&quot;, &quot;&lt;a href=ссылка2&gt;эпизод2&lt;/a&gt;&quot;] if(GroupID==3){ $('#miniprof').html(&quot;Добро пожаловать в Хогвартс, незнакомец!&lt;br&gt;&quot;); $('#miniprof').html($('#miniprof').html()+&quot;К сожалению, пока Вас не могут ждать в эпизодах.&quot;); $('#ava').html(&quot;&lt;img src=http://placehold.it/50x50&gt;&quot;); } else { $('#ava').html(&quot;&lt;a href=/profile.php?section=avatar&amp;id=&quot; + UserID + &quot;&gt;&lt;img src=&quot; + UserAvatar + &quot;&gt;&lt;/a&gt;&quot;); $('#miniprof').html(&quot;Добро пожаловать в Хогвартс, &quot; + UserLogin + &quot;!&lt;br&gt;&quot;); $('#miniprof').html($('#miniprof').html()+&quot;Сейчас Вас ждут в следующих эпизодах:&lt;br&gt;&quot;); if(Epi[UserLogin].length==0){ $('#miniprof').html($('#miniprof').html()+&quot;Таких эпизодов нет&quot;); } else { for( var i = 0; i &lt; Epi[UserLogin].length-1; ++i ){ $('#miniprof').html($('#miniprof').html()+Epi[UserLogin][i] + &quot;, &quot;); } $('#miniprof').html($('#miniprof').html()+Epi[UserLogin][Epi[UserLogin].length-1]); }}&lt;/script&gt;</pre></div></div></div> mybb@mybb.ru (Эмбер) Thu, 09 Mar 2017 15:56:03 +0300 https://kpide.bbok.ru/viewtopic.php?pid=1028#p1028 https://kpide.bbok.ru/viewtopic.php?pid=1022#p1022 <p><strong>Эмбер</strong><br />придется&#160; :crazyfun:</p> mybb@mybb.ru (I-VAN) Mon, 27 Feb 2017 15:43:03 +0300 https://kpide.bbok.ru/viewtopic.php?pid=1022#p1022 https://kpide.bbok.ru/viewtopic.php?pid=991#p991 <p><span style="display: block; text-align: center"><a href="http://ancora.hutt.ru/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://s9.uploads.ru/8ECJt.png" alt="http://s9.uploads.ru/8ECJt.png" /></a></span></p> mybb@mybb.ru (Эмбер) Sat, 28 Jan 2017 23:10:20 +0300 https://kpide.bbok.ru/viewtopic.php?pid=991#p991 https://kpide.bbok.ru/viewtopic.php?pid=971#p971 <div class="quote-box quote-main"><blockquote><p>Следует понимать, что здесь будут только краткие описания структур, просто чтобы читающий понял &quot;что это такое&quot;. Реализация для каждого языка своя, любителям псевдокода можно обратиться к книге &quot;Алгоритмы. Построение и анализ&quot;.</p></blockquote></div><p><strong>0. Структура</strong> (Structure)<br />Совокупность полей различных типов, как правило являющая собой блок данных, объединенных по смыслу. Яркий пример - структура &quot;Ученик&quot; с полями &quot;ФИО&quot;, &quot;Дата рождения&quot;, &quot;Телефон&quot;. Как правило, хранится в памяти последовательно.<br /><strong>1. Массив</strong> (Array)<br />Массив - последовательно(!) хранящийся в памяти набор переменных какого-либо одного выбранного типа. В связи с последовательным хранением, имеет константные (читай - крайне быстрые) доступ к элементу с произвольным индексом и добавление данных в конец. Данные могут быть как упорядочены, так и нет, ограничения накладываются лишь на единообразие типов. Операции добавления в места, отличные от конца массива, выполняются за линейное время(пропорциональное количеству элементов), так как сначала надо сдвинуть весь последующий кусок данных вперед, а уже потом вставить требуемое. В этом плане массив очень похож на список имен, написанный на линованной бумаге: там тоже невозможно достаточно быстро вписать новое имя в произвольное место, только в конец.<br /><strong>2. Список</strong> (List)<br />Список - набор переменных, хранящихся в памяти разрозненно. Как правило, каждый элемент представляет собой структуру, содержащую указатель(и) на предыдущий/следующий элемент и, собственно, значение элемента. Обладает высокой скоростью удаления и добавления данных в произвольное место, а вот произвольного доступа по умолчанию нет, но его можно реализовать за линейное время. Если искать, на что он будет похож в реальном мире, то это цепочка из скрепок, которую можно легко разомкнуть в любом месте, вставить туда еще скрепок, и собрать обратно. Различают односвязные и двусвязные списки: во вторых элементы хранят указатели на предыдущий и следующий участки, в первых же запоминаются либо указатели на предыдущий элемент, либо на следующий.<br /><strong>3. Стек</strong> (Stack)<br />Стек - структура данных, реализующая логику Last In First Out(LIFO). В плане понимания похож на нить из бусинок: ты всегда можешь снять только последнюю нанизанную бусинку. Обычно реализуется на массиве либо на списке. В любой момент есть доступ только к последнему элементу стека.<br /><strong>4. Очередь </strong>(Queue)<br />Очередь - структура данных, реализующая логику First In First Out(FIFO). Похожа на обычную очередь за колбасой: в норме ее первой получит тот, кто пришел раньше. Есть доступ только к самому первому элементу очереди. Реализуется на массиве, списке или на двух стеках.<br /><strong>5. Двусвязная очередь</strong> (Deque)<br />Это все еще структура с логикой FIFO, но в отличие от очереди, в ней снимать и класть элементы можно как с начала, так и с конца.<br /><strong>6. Пирамида</strong> (Heap)<br />Массив с определенным свойством упорядоченности. Заключается в следующем: если индексировать элементы с нуля, то назовем потомками элемента с индексом i элементы с индексами ki+1, ki+2, ... , k(i+1). Соответственно, назовем предком элемента с индексом i элемент с индексом (k-1)/2. Так вот, в пирамиде каждый потомок не больше(не меньше) своего предка (пирамида по максимуму/минимуму соответственно). Используется для сортировок и реализации Priority Queue. В основном используются бинарные (k=2) пирамиды<br /><strong>7. Очередь с приоритетами</strong> (Priority Queue)<br />Представим уже описанную очередь. А теперь представим, что у каждого элемента есть значение &quot;Приоритет&quot;. И представим, что если все приоритеты у находящихся в очереди равны, то это обычная очередь, а если есть элемент с большим приоритетом, то сначала выводится он. Это и будет очередь с приоритетом. В плане представления: вот есть очередь ко врачу. Все сидят, ждут - с равным приоритетом. И тут приходит ребенок из многодетной семьи и обслуживается вне очереди, так как у него приоритет выше.<br /><strong>8. Граф</strong> (Graph)<br />Множество вершин и множество ребер, где второе вложено в V². Реализуется как правило на списках смежности и/или матрицах смежности, также встречается &quot;спископодобная&quot; реализация, где хранятся вершины и указатели на соседние вершины. Очевидны параллели с дорогами, трубами и еще кучей всего.</p> mybb@mybb.ru (Эмбер) Sun, 15 Jan 2017 02:09:12 +0300 https://kpide.bbok.ru/viewtopic.php?pid=971#p971 https://kpide.bbok.ru/viewtopic.php?pid=945#p945 <table><tr><td style="background-color:#3e5e5e"><p><span style="display: block; text-align: center"><span style="color: #ffffff"><span style="font-family: Book Antiqua"><span style="font-size: 20px"><strong>Здравствуйте, здравствуйте!</strong></span></span></span></span></p></td></tr></table><p><span style="display: block; text-align: center"><img class="postimg" loading="lazy" src="https://66.media.tumblr.com/524dad02bb804ae6d0c7ba0b15fee9c3/tumblr_o7cv8lHq6V1tuaz2oo1_500.gif" alt="https://66.media.tumblr.com/524dad02bb804ae6d0c7ba0b15fee9c3/tumblr_o7cv8lHq6V1tuaz2oo1_500.gif" /></span></p> <p><a href="http://funkyimg.com/view/2mz32" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://funkyimg.com/i/2mz32.png" alt="http://funkyimg.com/i/2mz32.png" /></a></p><div class="quote-box quote-main"><blockquote><p><span style="display: block; text-align: center"><span style="font-size: 16px"><span style="font-family: Book Antiqua"><strong><br />Новый <a href="http://sanctorum.artbb.ru/viewtopic.php?id=25#p6250" rel="nofollow" target="_blank">бесплатный дизайн</a><br />Единственное что от Вас требуется не изменять ничего в дизайне, не выдавать за свой и не убирать копирайт.<br /></strong></span></span></span></p></blockquote></div> mybb@mybb.ru (Рекламщик) Sun, 25 Dec 2016 15:10:18 +0300 https://kpide.bbok.ru/viewtopic.php?pid=945#p945 https://kpide.bbok.ru/viewtopic.php?pid=937#p937 <p><span style="font-size: 8px"><span style="color: silver">небольшая подборочка</span></span></p> <p><a href="http://qps.ru/id4C5" rel="nofollow" target="_blank">DemiART</a> - уроки, исходники, плагины, общение и все что нужно для творчества в разных сферах<br /><a href="http://qps.ru/suwAk" rel="nofollow" target="_blank">DevianArt</a> - социальная сеть художников. Много всякой годноты.<br /><a href="http://qps.ru/aREy2" rel="nofollow" target="_blank">Virink</a> - эстетический оргазм.<br /><a href="http://qps.ru/Hdg06" rel="nofollow" target="_blank">COLOR MATE</a> - уроки фотошоп.<br /><a href="http://qps.ru/1MWAk" rel="nofollow" target="_blank">ColorScheme</a> - цветовой круг онлайн.<br /><a href="http://qps.ru/8ZWgf" rel="nofollow" target="_blank">In Color Balance</a> - цветовые схемы.<br /><a href="http://qps.ru/SGnAB" rel="nofollow" target="_blank">TinEye Labs</a> - подбор картиночек по цветам.<br /><a href="http://qps.ru/e6khK" rel="nofollow" target="_blank">Гугл Шрифты</a> - пусть будут, чо.<br /><a href="http://qps.ru/I4Jcs" rel="nofollow" target="_blank">The British Library</a> - сканы картинок из разных книжек, всем советую.<br /><a href="http://qps.ru/6QrdF" rel="nofollow" target="_blank">OnLine-Letters.com</a> - генерация красивых надписей.</p> mybb@mybb.ru (I-VAN) Sat, 24 Dec 2016 11:57:32 +0300 https://kpide.bbok.ru/viewtopic.php?pid=937#p937 https://kpide.bbok.ru/viewtopic.php?pid=769#p769 <div class="quote-box quote-main"><blockquote><p><span style="font-size: 18px"><span style="display: block; text-align: center"><span style="font-family: Impact">Как сделать свой первый дизайн без боли</span></span></span><br /><span style="font-style: italic"><span style="display: block; text-align: right">Издание первое, краткое<br />Предназначено для лиц, уже владеющих фотошопом</span></span></p></blockquote></div><div class="quote-box quote-main"><blockquote><p><span style="display: block; text-align: center"><span style="font-size: 14px"><span style="font-family: Impact">Содержание</span></span><br />1. Продумать дизайн<br />2. Сделать макет<br />3. Нарезать макет<br />4. Сверстать макет<br />5. Сделать мобильную версию<br />6. Советы по mybb</span></p></blockquote></div><p><span style="font-size: 18px"><span style="display: block; text-align: center"><span style="font-family: Impact">Step 1. Продумывание дизайна</span></span></span> <br />Перед тем, как начать делать что-то, желательно продумать это самое что-то, если не в плане наполнения как такового, то хотя бы в плане структуры. Ответьте себе самому на вопросы:<br /> &#9830; Какова должна быть атмосфера? (праздничная, мрачная, легкая, etc)<br /> &#9830; Какова основная идея дизайна (обычный с кем-то или чем-то на шапке, форум в виде книги/девайса, главная страница как каталог папок, страница тем - как каталог файлов, а сообщения как документ в ворде?<br /> &#9830; Какие цвета лучше всего подойдут под реализацию двух вышеназванных пунктов?<br /> &#9830; Будет ли что-то меняться в зависимости от группы пользователя/времени суток/текущего местоположения пользователя на сайте?</p> <p>Примерно на этом месте у человека, находящегося на стадии &quot;я хочу сам сделать дизайн&quot; должна сложиться в голове более-менее цельная картинка того, что он хочет получить на выходе. Здесь очень важно вспомнить, что далеко не у каждого пользователя разрешение экрана, браузер, диагональ и тип устройства совпадает с таковыми у дизайнера. У Вас разрешение 1366х768? Отлично, скорее всего, только что Вы придумали дизайн, который будет обрезаться или смотреться пустым у обладателей видеокарт, позволяющих ставить разрешение в 1920х1080. Возможные способы решения будут рассказаны ниже, но об этом крайне важно помнить.</p> <p>Впрочем, продолжаем развивать мысль и детализировать то, что мы будем пытаться воплотить<br /> &#9830; Каковы размеры основных элементов? (шапки, тела форума, таблицы, иконок, заголовка цитаты, если он будет)<br /> &#9830; Каково будет их положение? (может, вы решите сделать форум, заполняющий всю доступную высоту, ну или шапка должна будет всегда оставаться наверху экрана и прятать под собой прокрученную часть форума)<br /> &#9830; Нормально ли все это будет смотреться на мобильных? (здесь следует читать: без бесконечного прокручивания по всем направлениям)<br /> &#9830; Если нет, то можно ли заставить это смотреться нормально изменив/убрав/сжав пару элементов или проще сделать отдельный облегченный макет?<br /> &#9830; Если мы сошлись на облегченном макете, то должен ли он сохранять &quot;фишки&quot; исходного дизайна или достаточно взять стандартный дизайн, покрасить его в тон к основному, и прикрутить его?<br /><span style="font-style: italic">Примечание: если вы собираетесь делать дизайн для форума, на котором предполагаются посты длиннее одной строки, крайне не рекомендуется делать резиновым тело форума. Для тех, у кого широкие экраны, такие форумы - пытка, потому что поймать взглядом начало следующей строки с первого раза почти невозможно.</span></p> <p><span style="font-size: 18px"><span style="display: block; text-align: center"><span style="font-family: Impact">Step 2. Создание макета</span></span></span> <br />Учить работать с фотошопом не буду, <del>ибо не умею</del> просто расскажу основные принципы того, как можно сделать макет:<br />1. Старайтесь работать с файлом хотя бы 1920 в ширину: сейчас это самое широкое из распространенных разрешений. Соответственно, сразу будет видно, насколько дизайн кажется пусто-печальным для обладателей таких видеокарт.<br />2. В макете желательно продумать внешний вид<br /> &#9830; иконок<br /> &#9830; цитаты<br /> &#9830; кода<br /> &#9830; оформления форумов на главной странице<br /> &#9830; таблицы<br /> &#9830; профиля<br /> &#9830; тела сообщения, если планируется что-то наподобие &quot;прикручу-ка я к первому посту один фон, а к последнему другой&quot;<br /> &#9830; категорий<br /> &#9830; стрелок<br />3. Говорят, поначалу необходимо продумать структуру: обозначить разноцветными прямоугольниками различные цветовые блоки<br /><span style="font-size: 9px"><a href="http://uploads.ru/tG0J3.png" rel="nofollow" target="_blank">что-то типа этого</a>, только с нормальными размерами</span>. По мне, такой подход расхолаживает: когда оказывается, что чисто цветной блок &quot;тоже неплохо смотрится&quot;, придумывать что-то оригинальное на некоторые блоки становится сложнее. Хотя поначалу это полезно - помогает не забыть о том, что ты хотел сделать и что вообще надо покрыть. К тому же создает некоторое впечатление о том, что ты получишь на выходе, пусть и чисто цветовое<br />4. Очень настоятельно советую завести невидимую группу &quot;текстуры&quot; и сливать туда все бесшовные текстуры, которые будут использоваться. Я знаю немало людей, которые не сохраняют все текстуры подряд, а потом оказывается, что предыдущая была лучше. Еще больше я знаю людей, которые зальют все бесшовкой и сольют все слои с ней, а потом будут час вырезать повторяющийся кусок из полотна.<br />5. Крайне рекомендую группировать слои по их принадлежности к логическому блоку (профиль, иконки, форум, фон, таблица, etc). Такие макеты гораздо удобнее нарезать и ставить на коды - просто отключать остальные группы, не выискивая в тонне слоев, какие нужны на этом элементе, а какие не очень<br />6. Если есть элементы, которые &quot;логически заполняют весь экран без повторений&quot; - пожалуйста, умоляю, сделайте так, чтобы на краях этого элемента не было &quot;отчетливо оторванного&quot; элемента (наподобие половины лица). Всегда найдутся люди с разрешением больше рабочего (некоторые даже с телевизоров сидят). Видеть они будут четко обрезанный кусок с половиной лица, продолжающийся фоном, возможно, контрастным. Согласитесь, неприятное зрелище. Есть, конечно, вариант растянуть это на весь экран принудительно, но когда картинка увеличивается в два раза - она уже становится жутко мыльной.<br />7. Если вы заботитесь о своих пользователях и хотите по возможности сделать шапку, например, не png, а jpg, можно создать вертикальную направляющую посередине и заполнять фон текстурой от нее, совместив центры (текстуру надо прижать к верхнему краю). Тогда шапку можно будет вырезать вместе с фоном и впоследствии совместить с фоном так, что стыка не будет.</p> <p><span style="font-size: 18px"><span style="display: block; text-align: center"><span style="font-family: Impact">Step 3. Нарезка макета</span></span></span> <br />Текстуры лучше оставлять текстурами, (в смысле, не обрезая и не дублируя): с одной стороны, если понадобится где-нибудь еще сделать такой фон, то найти полное изображение не составит труда, с другой стороны, будет быстрее грузиться, чем дублированное изображение.<br />Всякие мелкие иконки, категории и прочие мелкие детали, которые можно привязать фоном к блокам ровно по размеру(!), особенно если они в схожей цветовой гамме, лучше слить в один файл: это уменьшает количество запросов к серверу, плюс грамотно скомпанованный файл весит меньше, чем куча маленьких иконок (в этой куче иконок содержится и куча информации о них)<br />Все, у чего нет прозрачности, имеет смысл сохранять в jpg. Отличить jpg с 100% качества от png-24 довольно сложно, а вес у jpg будет меньше почти в полтора раза<br />Всякие фоны под таблицы и шапки с высокой долей вероятности придется вырезать единым куском. <del>Ну и черт бы с ним</del><br />Если есть большая шапка с анимированной деталью (как, например, в <a href="http://ntcnjdbr.rusff.ru/" rel="nofollow" target="_blank">этом</a> дизайне), есть смысл вырезать все без анимации, а мелкий кусочек сделать отдельной gif-картинкой, которую потом аккуратно вставить каким-нибудь блоком<br />Старайтесь вырезать фоны под логические блоки, не захватывая лишнего и ничего не обрезая. Помните, что у некоторых из них, например, у цитаты и профиля, нефиксированная высота, соответственно, надо либо сделать плавный переход в цвет, либо сделать в фоне повторяющуюся часть, чтобы замостить блок ею.</p> <p><span style="font-size: 18px"><span style="display: block; text-align: center"><span style="font-family: Impact">Step 4. Верстка дизайна</span></span></span> <br />Перво-наперво, надо посмотреть на структуру страниц того сервиса, под который делается дизайн. Делается это через просмотр кода страницы или инспектирование элемента/просмотр кода элемента/прочие разновидности встроенных инструментов разработчика (их использование описано <a href="http://forum.mybb.ru/viewtopic.php?id=33528" rel="nofollow" target="_blank">здесь</a>). После чего прикидываем, что к чему будем цеплять.<br />Для первого раза можно просто взять стандартный дизайн, появляющийся в окнах при создании сервиса, и начать издеваться над ним.<br /><span style="font-style: italic">Мне лично легче полностью удалить второе окно, в котором прописаны все цвета и стили, и цеплять все в первое окно, к структуре. Во-первых, если пригорит ставить скрипт смены стиля, то долго собирать в файл не придется, во-вторых, почти не надо думать, откуда что приехало. В этом случае сразу можно удалить строку&#160; @import url(style_cs.css), заодно и число запросов к серверу сократим</span></p> <p><em class="bbuline">Пара слов о синтаксисе css</em><br />Почти все правила css выглядят так:<br />selector {<br />&#160; &#160; attribute: value;<br />&#160; &#160; attribute: value;<br />}<br />Здесь selector - селектор, показывающий, к чему относится правило (может быть класс, идентификатор, просто название какого-то тега), attribute - свойство, значение которого мы задаем (позиционирование, выравнивание, отступы, фоны, анимация, прочее)<br />Подробнее про построение селекторов можно прочитать <a href="http://qps.ru/IjFbn" rel="nofollow" target="_blank">здесь</a>.<br />Очень часто у элемента, имеющего идентификатор, не прописан класс, тогда-то и пригождается возможность писать ID-селекторы<br /><span style="font-style: italic">Attention: hover довольно криво работает на телефонах, в этом случае есть смысл сразу прикрутить изменения стиля скриптом.</span><br />Все фоны, которые по смыслу не являются фоном какого-либо блока, скидываем на body. Здесь имеет смысл почитать про свойство <a href="http://htmlbook.ru/css/background" rel="nofollow" target="_blank">background</a>. Сразу скажу, что чем раньше прописан фон, тем выше в плане слоев он будет лежать. Однако лично я умею нормально цеплять на body только те фоны, которые позиционированны относительно области просмотра (всего документа). То, что должно быть &quot;справа от форума, но впритык к нему&quot; приходится скидывать на блок с абсолютным позиционированием <del>такие дела</del>.<br />Кстати, <a href="http://htmlbook.ru/css/Position" rel="nofollow" target="_blank">позиционирование элементов</a> - это следующее, что вам стоит прочитать, равно как и <a href="http://htmlbook.ru/css/padding" rel="nofollow" target="_blank">padding</a>, <a href="http://htmlbook.ru/css/margin" rel="nofollow" target="_blank">margin</a> и <a href="https://webref.ru/css/display" rel="nofollow" target="_blank">display</a>. Про display:flex есть интересная <a href="https://habrahabr.ru/post/242545/" rel="nofollow" target="_blank">статья</a> на хабре, и по виду он пригоден для создания таблиц без использования медиа-запросов (о них чуть ниже).<br /><span style="font-style: italic">Маленькие хинты: если надо сделать фиксированные отступы от границ для резинового элемента, то с относительным позиционированием можно использовать margin. В случае абсолютного позиционирования сработает комбинирование top, left, right и bottom. Если же пытаться отцентрировать относительно позиционированный элемент при помощи margin: auto, то это не сработает как минимум для айфонов: у них margin: auto означает &quot;прижать к верхнему левому краю&quot;.<br />Если есть что-то, к чему надо прикрутить бесшовный фон, заканчивающийся сверху и снизу чем-нибудь png-шным (в смысле, с прозрачностью), то есть смысл обернуть блок другим блоком, засунуть png в него, прописать margin для внутреннего блока, чтобы его фон не перекрывал эти png и поставить бесшовку уж на внутренний блок</span></p> <p>После того, как вы прочитали про позиционирование, можно начинать собирать остальной макет. Двигаясь от более внешних блоков к внутренним, последовательно назначаем им позиционирование, фон и что-там-еще-вам-может понадобиться. Если хочется что-то добавить, но вы не знаете, как это сделать - юзаем любой справочник по css или гугл.</p> <p><span style="font-size: 18px"><span style="display: block; text-align: center"><span style="font-family: Impact">Step 5. Мобильная версия</span></span></span> <br />На предыдущем шаге мы сделали хорошо пользователям компьютеров. Теперь надо сделать то же самое с мобильными.<br />Самый простой вариант - поставить в head мета-тег &lt;meta name=&quot;viewport&quot; content=&quot;width=цифра&quot;&gt; с шириной, покрывающей занятую область на экране и оставить так. <br />Это заставит пользователей бесконечно скроллить и материться, но это рабочий вариант, по крайней мере, не позволяющий половине контента уйти куда-то далеко.<br />Второй вариант - активно использовать flex-разметку. На некоторых сервисах (привет, майбб) это довольно нетривиальный подход, вызывающий много боли и негодования. Поначалу так точно<br />Третий вариант - сделать отдельный дизайн &quot;чисто на цветах&quot; для мобильных и сверстать его. Тогда мы ставим &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt; и верстаем резиновый дизайн под мобильные устройства. После чего заключаем исходный дизайн, например, в @media screen and (min-width=769px){}, новый в @media screen and (max-width=768px){} и наслаждаемся результатом Подробнее об этих и им подобных волшебных строках можно прочитать <a href="https://html5book.ru/css3-mediazaprosy/" rel="nofollow" target="_blank">здесь</a><br />В любом случае, при разработке мобильной версии крайне поможет эмулятор мобильных браузеров, вшитый почти в каждый браузер в инструменты разработчика (смотри <a href="http://forum.bestbb.ru/viewtopic.php?id=7#p93" rel="nofollow" target="_blank">здесь</a>)</p> <p><span style="font-size: 18px"><span style="display: block; text-align: center"><span style="font-family: Impact">6. Советы по mybb</span></span></span> <br />1. Помните, что перед тем, как начать делать что-то скриптами, можно попробовать прикрутить это на чистом css, например, у mybb каждая категория имеет свой идентификатор, у тех постов, у которых автор онлайн, прикручен класс online, у ссылок в меню навигации есть идентификаторы, а у пользовательских ссылок - классы. Пользуйтесь ими, а уже потом доделывайте то, что не получилось сделать на чистых каскадках, скриптами. С большой вероятностью обладатели малопроизводительных динозавров скажут вам &quot;спасибо&quot;<br />2. Если что-то некуда повесить или хочется вставить текст куда-то за пределы форума или что угодно еще - создаем div-блок, прикручиваем ему нужное позиционирование и вставляем все туда. Желательно просто назначить ему класс/идентификатор, а все, что связано со стилем, слить в стиль - меньше заморочек при подключении смены стиля кнопками<br />3. Чтобы не особо заморачиваться с мобильным дизайном, можно просто придерживаться следующих правил:<br /> - если надо поднять меню, то поднимаем его за счет отрицательного margin у соседа сверху<br /> - все таблицы и прочие неукрашательные блоки только в объявлении<br />Тогда можно взять стандартный мобильный дизайн, чуток откорректировать при помощи медиа-запросов в основном стиле и получить более-менее рабочую мобильную версию вроде <a href="http://uploads.ru/7okWh.png" rel="nofollow" target="_blank">такой</a></p> <p><span style="display: block; text-align: right"><span style="font-style: italic">by <a href="https://kpide.bbok.ru/profile.php?id=2">Эмбер</a> special for <a href="https://kpide.bbok.ru/">KPIDE</a></span></span></p> mybb@mybb.ru (Эмбер) Sat, 10 Dec 2016 17:35:06 +0300 https://kpide.bbok.ru/viewtopic.php?pid=769#p769 https://kpide.bbok.ru/viewtopic.php?pid=764#p764 <p>&quot;Ладно, оно хотя бы храпит, значит, меня не посадят за его убийство&quot;, - меланхолично подумала девушка и попыталась перевернуться обратно, чтобы не размышлять о возможных способах появления данного тела в своей квартире, но малость не рассчитала с усилием и с адским грохотом рухнула на пол. На секунду даже мелькнула мысль, не прибегут ли соседи снизу требовать денег на ремонт потолка, хотя возможно причина такого впечатления была лишь в том, что с бодуна все звуки кажутся громче.</p> mybb@mybb.ru (Эмбер) Sat, 10 Dec 2016 16:21:26 +0300 https://kpide.bbok.ru/viewtopic.php?pid=764#p764 https://kpide.bbok.ru/viewtopic.php?pid=734#p734 <p>7</p> mybb@mybb.ru (Эмбер) Sat, 10 Dec 2016 14:55:28 +0300 https://kpide.bbok.ru/viewtopic.php?pid=734#p734 https://kpide.bbok.ru/viewtopic.php?pid=666#p666 <p><strong>Рекламщик</strong><br />Установлено, благодарим за сотрудничество:)</p> mybb@mybb.ru (Эмбер) Wed, 07 Dec 2016 15:29:01 +0300 https://kpide.bbok.ru/viewtopic.php?pid=666#p666 https://kpide.bbok.ru/viewtopic.php?pid=563#p563 <p>Челлендж 365 дней. День 21.<br />Кто не знает Трису Шпильмайстер? Трису знают все! Эта непутёвая ведьма ничего не может сделать нормально. Варит зелье - получается суп, варит суп - получается либо зелье, либо взрыв. Однако у Трисы есть другое важное качество: она никогда не сдаётся. Выбрав цель, Шпильмайстер будет бороться до победы!<br /><img class="postimg" loading="lazy" src="https://pp.vk.me/c631321/v631321594/424f5/CZ6YCcvPqRE.jpg" alt="https://pp.vk.me/c631321/v631321594/424f5/CZ6YCcvPqRE.jpg" /></p> <p>Челлендж 365 дней. День 22.<br />Когда-то Офелия была укротительницей тигров в цирке. Хозяин цирка вынудил её уйти на пенсию, но неугомонная женщина пошла работать в полицию. Поначалу коллеги-мужчины посмеивались над дамой. Однако навыки обращения с хищными животными, дисциплина и бесстрашие быстро продвинули Офелию вверх по карьерной лестнице. Пришло её время смеяться.<br />Хлыст шерифа Офелии поставил на колени не одного преступника. Как только она ударит хлыстом по земле и рявкнет: &quot;Але оп!&quot; - человек, к которому это обращено, подчиняется её воле.<br />В повседневном общении Офелия мила и дружелюбна, отчего производит ложное впечатление слабой и беззащитной женщины, которая по ошибке вместо халата надела полицейскую форму.<br /><img class="postimg" loading="lazy" src="https://pp.vk.me/c604316/v604316594/1e33a/qnEtP7OoHas.jpg" alt="https://pp.vk.me/c604316/v604316594/1e33a/qnEtP7OoHas.jpg" /></p> mybb@mybb.ru (MarjaZ) Tue, 06 Dec 2016 11:56:01 +0300 https://kpide.bbok.ru/viewtopic.php?pid=563#p563 https://kpide.bbok.ru/viewtopic.php?pid=470#p470 <div class="quote-box quote-main"><blockquote><p><img class="postimg" loading="lazy" src="https://forum4.ru/i/blank.gif" alt="http://forum4.ru/i/blank.gif" /><br /><span style="display: block; text-align: center"><span style="font-family: Adventure"><span style="font-size: 28px"><strong>Мастерская рукоделия</strong></span></span></span></p><table style="table-layout:fixed;width:100%"><tr><td colspan="2"><p><span style="display: block; text-align: center"><a href="http://beads.artbb.su/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://forumstatic.ru/files/0017/d6/f9/95199.png" alt="https://forumstatic.ru/files/0017/d6/f9/95199.png" /></a></span></p></td><td><p><span style="display: block; text-align: center"><span style="font-size: 14px">Неважно мужчина ты или женщина, плотник или вышивальщица, мы ждем тебя у <a href="http://beads.artbb.su/" rel="nofollow" target="_blank">нас</a>.<br />Проект создан для объединения всех мастеров всех ремесел.</span></span></p></td></tr></table></blockquote></div> mybb@mybb.ru (Эмбер) Fri, 02 Dec 2016 23:43:09 +0300 https://kpide.bbok.ru/viewtopic.php?pid=470#p470 https://kpide.bbok.ru/viewtopic.php?pid=468#p468 <p><strong>1. Адрес</strong> <a href="http://beads.artbb.su/" rel="nofollow" target="_blank">http://beads.artbb.su/</a><br /><strong>2. Ссылка на нашу тему у вас</strong> <a href="http://beads.artbb.su/viewtopic.php?id=110#p140" rel="nofollow" target="_blank">http://beads.artbb.su/viewtopic.php?id=110#p140</a><br /><strong>3. Ваша реклама/желаемое содержание первого поста вашей темы у нас</strong></p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 18em"><pre>[quote][img]http://forum4.ru/i/blank.gif[/img] [align=center][font=Adventure][size=28][b]Мастерская рукоделия[/b][/size][/font][/align] [table layout=fixed width=100%] [tr] [td colspan=2][align=center][url=http://beads.artbb.su/][img]https://forumstatic.ru/files/0017/d6/f9/95199.png[/img][/url][/align][/td] [td][align=center][size=14]Неважно мужчина ты или женщина, плотник или вышивальщица, мы ждем тебя у [url=http://beads.artbb.su/]нас[/url]. Проект создан для объединения всех мастеров всех ремесел.[/size][/align][/td] [/tr] [/table] [/quote]</pre></div></div></div><p>Ваш баннер у нас на <a href="http://qps.ru/mcASa" rel="nofollow" target="_blank">странице</a> и в объявлении во вкладке &quot;Реклама&quot;.</p> mybb@mybb.ru (Рекламщик) Fri, 02 Dec 2016 12:56:46 +0300 https://kpide.bbok.ru/viewtopic.php?pid=468#p468 https://kpide.bbok.ru/viewtopic.php?pid=425#p425 <div class="quote-box quote-main"><blockquote><p><span style="display: block; text-align: center"><span style="font-size: 12px"><span style="font-family: Verdana">Наши малочисленные ряды пополнились дизайнером, который за это недолгое время уже успел слегка переодеть &quot;Кисти&quot;, сделав их более светлыми, лаконичными и атмосферными. Будем надеяться, что это знак, показывающий, что все будет хорошо и что жизнь KPIDE не угаснет, едва зажегшись.<br />Выражаем горячую благодарность мастеру IVAN и надеемся, что он нас еще не раз сможет порадовать своими работами</span></span></span></p></blockquote></div> mybb@mybb.ru (Эмбер) Wed, 30 Nov 2016 02:19:13 +0300 https://kpide.bbok.ru/viewtopic.php?pid=425#p425 https://kpide.bbok.ru/viewtopic.php?pid=398#p398 <p>Всякий хлам мини-формата, за который мне стыдно. Но все же пусть лежит здесь, да</p><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Шанс на возрождение</div><blockquote><p>Выпустив из рук гнезда огонь,<br />Отрекись от всякого былого,<br />Пережги минувшего оковы<br />И не бойся опалить ладонь.</p> <p>Языки златые тихо шепчут,<br />Заставляя задохнуться пылью<br />От того, что раньше было былью,<br />А теперь и птицы не щебечут.</p> <p>Раньше птица-феникс здесь водилась,<br />Расправляя раз от раза крылья.<br />И в какой же миг все стало гнилью?<br />И когда та птица не род<strong>и</strong>лась?</p> <p>Что за день, в который дочь природы<br />Предпочла остаться в виде пепла?<br />Знала ведь, что холодность окрепла,<br />Ведала причины непогоды</p> <p>Ведь они просты до боли в горле<br />И прозрачны до сухого хрипа.<br />Только вот чужих не слыша всхлипов,<br />Разбежались так, что ноги стерли.</p> <p>Сами отпустили мы друг друга,<br />Подгоняя в путь длинною в вечность,<br />Запуская муки бесконечность,<br />Знали б мы, насколько будет туго</p> <p>Отпустивши половинку сердца,<br />Глупо сетовать на мелкие печали.<br />Шанс на чудо мы не замечали,<br />Заперев на все засовы дверцы</p> <p>Выпустил из рук гнезда огонь?<br />Повели ему ты превратиться в крылья,<br />Может, снова обернется былью<br />Призрак феникса, но ты ее не тронь</p> <p>Дай младенцу шанс приноровиться,<br />Дай возможность трели зазвенеть.<br />Вдруг воскресшая, да сможет полететь<br />И тогда, быть может, все и возвратится.</p></blockquote></div><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Адепты физтеха</div><blockquote><p>Выпит весь кофе, лежишь на конспектах – молча.<br />Плакать нет сил, а ведь ты и не знал раньше боли.<br />Здесь аналит, а чуть дальше матан – вещи адские.<br />Ты и не ведал, а хотя всем же несколько пофигу.<br />Ровные строки похожи на символы дивные,<br />Символы зла, что впускают в жизнь твою дьявола.<br />Отчасти все так, жаль, что понял ты все запоздало,<br />Разузнал обо всем, подписав уже узы те кровью.<br />Тебе выдан студак, знаешь группу, ползешь на занятия,<br />По дороге с тобой – легион из твоих одногруппников,<br />Вы пришли ко звонку, но места уже были все заняты.<br />Это вызвало шок от количества жаждущих знаний здесь.<br />Не найдешь в этом рифмы, не сыщешь сакрального смысла,<br />Разве только реальность в безудержно-серенькой гамме.<br />Ну, и может какой-нибудь проблеск от робенькой мысли...<br />Нет, не той, что рефреном «хочу под крыло, домой, к маме»<br />Проблеск мысли другой, заражающей хлеще гриппа,<br />Той, что ботать зовет и сует в зубы вам задавальники,<br />Заставляющей раз за разом, когда сил-то и нет уже<br />Раз – и через себя, и чуть дальше границы возможного.<br />И ты можешь все то, о чем раньше тебе и не думалось,<br />И способен на то, что не смогут гуманитарии,<br />Выжить, выползти, с блеском, с ленцою навязанной,<br />По привычке, легко, будто был ты рожден в этом месте. Но...<br />Может быть, так и есть? Кто же сможет раскрыть эту занавесь?<br />Разве может быть так, чтобы вдруг, да из ниоткуда<br />И внезапно, безумно, до дрожи, до крови из носа,<br />Но учить, зацепляясь зубами за крохи познания.<br />Не бывает ведь так?... Что ж, Физтех растворит все сомнения,<br />Разобьет эти волны о камни науки извездывать,<br />Растерзает клыками наставников-специалистов<br />И заставит, приучит и вынудит стать таким же.<br />Зрить искусство в сплетении замкнутых ломанных линий,<br />Верить в силу неопределенного интеграла,<br />Знать, что рядом с тобой – армия точно таких же<br />Жадных к истине адептов святейшего, кхм, линала</p></blockquote></div><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Крылья</div><blockquote><p>Растерзаны крылья, изломаны пальцы<br />В глазах — сталь небес прямо перед грозою<br />Она здесь сидит, на ней белое платье<br />Единственный свет, что остался с собою<br />Иные отвергли и с неба изгнали - <br />Пред нею закрылись ворота Эдема<br />Теперь она — смертная, жизни не знает<br />Но это она не считает проблемой.</p> <p>Изломанные крылья<br />Расправить невозможно<br />И танцы поднебесья<br />Ей кажутся лишь ложью<br />Когда закрыты двери<br />Для падшей дочки света<br />Какая уж тут вера?<br />Какое тут спасенье?</p> <p>На шее цепочка, сменившая имя<br />Кусается дарх — ненасытная тварька<br />В ладонях клинок, взгляд весь — ярость и темень<br />Разбитая флейта забыта в подвале<br />Уже не играет она маголодий<br />Уж верно, не вспомнит и радость полета<br />Теперь ее счастье в мгновениях боя<br />Теперь она — темное навек отродье</p> <p>Из темного металла<br />Не выковать кулона<br />А завистью к полету<br />Не возвратить былое<br />Ведь все, что было — пепел<br />Забытые мгновенья<br />И кажется, что не был<br />Ты никогда в Эдеме</p> <p>Покусаны в кровь губы бледной девицы<br />Разбиты костяшки, в мозолях ладони<br />Но все же в глазах еще что-то теплится<br />Какой-то безумный огонь преисподней<br />Пускай он не греет, пускай лишь сжигает<br />Но спрятался мрак в непроглядную темень<br />Даруя мгновенья извечного счастья<br />Давая ей призрак святого Эдема</p> <p>И бледные ладони<br />Раскрыв навстречу свету<br />Она шагает в пропасть<br />Но беззаветно верит<br />Что распахнутся крылья<br />И что подхватит ветер<br />И что ее хранитель<br />Придет к ней в этот вечер</p></blockquote></div><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Неслучайная случайность</div><blockquote><p>Пробежится строка по чужому листу<br />Росчерком синих каракуль.<br />Ты стояла одна на пустынном мосту,<br />Не могла просто взять и заплакать?</p> <p>Показались ли слезы банально скучны?<br />Захотелось ли эдакой славы?<br />Я не знаю; не ведаю, знаешь ли ты,<br />Что заставило бередить раны.</p> <p>Отразили глаза вечных волн синеву<br />Вспомнил слух нескончаемый шелест<br />Что ж сподвигло тебя на твое рандеву?<br />Ну, а вдруг эта дева ответит?</p> <p>Обернувшись едва, камнем стала она<br />Будто разом забыв все движенья<br />Мягкий шаг в никуда, взгляд был бездной без дна<br />Бездной полностью из удивления</p> <p>Не мечтала она здесь изведать полет<br />Не хотела отращивать крылья<br />Этот вечер и этот пустынный пролет<br />Был всего лишь путем для прощенья.</p> <p>Раньше были листы, будто вдруг листопад,<br />Почему-то пестреющий синим.<br />Там — рисунки, стихи, нескончаемый ад<br />Полный доверху ликом единым</p> <p>Здесь подумалось ей отпустить навсегда<br />И позволить остаться лишь тенью<br />Но не вышло. А может быть, это судьба?<br />Может, должно ей стать привидением?</p> <p>И беречь от беды, охранять чьи-то сны<br />Рядом быть, на каких-то полшага<br />Взглядом из синевы, прядкою цвета хны<br />И пернатым крылом, будто стягом</p> <p>Не позволено ей позабыть этот сон<br />Невозможно оставить былому<br />Раз пропитан любовью был каждый твой взор<br />То не вздумай отдаться другому</p> <p>Не позволит душа просто взять и забыть<br />И не встретится память с забвением<br />Нет, ну, может, и встретится, только вот ведь<br />Стоит жизни ли освобождение?</p></blockquote></div><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">О вреде зеркал</div><blockquote><p>А вы меня немного все же бесите<br />Вот этим странным поворотом головы,<br />Изгибом стана, или речью без обмана<br />Иль пониманием, что вы во всем прав<strong>ы</strong></p> <p>Казалось бы, нет повода для злости<br />Причины раздраженью не найти<br />Но хочется вам перемыть все кости<br />И с гордостью потом в закат уйти</p> <p>Возможно, захотелось мне покоя?<br />Быть может, время исцелит недуг?<br />Не знаю, впрочем, счастья попытаю,<br />Мой враг невольный, а когда-то — друг.</p> <p>Бывали времена, когда мы с вами<br />Смотрели одинаково в закат<br />В погоне за природными дарами<br />Равны настолько, что не отличат</p> <p>В той мере, что почти как отражение<br />В той степени, что мысли на двоих<br />Когда делили вместе поражение <br />И множили успех побед твоих</p> <p>Возможно ли, что в этом вся причина<br />Той странной и неведомой тоске?<br />Бывает же от счастия кручина<br />Быть может, есть и злость, что от любви?</p> <p>Вернее, от влюбленности безумной<br />В свой образ и в свою людскую суть<br />Когда ты весь такой безмерно умный<br />А тут — внезапно — появился кто-нибудь</p> <p>Похожий на тебя вот прям до дрожи,<br />До жеста, до безумия, до сна<br />Такой, что вроде бы безумно нужен,<br />А вроде лишь пародия тебя</p> <p>Прости меня, безвинно обвиненный<br />Я ненавижу отражения себя<br />Ведь вера в то, что ты неповторимый<br />Она практически у каждого сильна</p> <p>Жила и я, похоже, в это веря,<br />А ты неосторожным жестом<br />Шагнул легко в серебряные двери,<br />Не слыша молчаливого протеста</p></blockquote></div> mybb@mybb.ru (Эмбер) Mon, 28 Nov 2016 12:03:58 +0300 https://kpide.bbok.ru/viewtopic.php?pid=398#p398 https://kpide.bbok.ru/viewtopic.php?pid=393#p393 <p>[Вредные советы] <a href="https://learn.javascript.ru/write-unmain-code" rel="nofollow" target="_blank">Как написать неподдерживаемый код</a><br />[Гайд] <a href="http://tj-s.ru/tod/mouse-parallax.html" rel="nofollow" target="_blank">параллакс по движению мыши</a><br />[Гайд] <a href="https://events.yandex.ru/lib/talks/729/" rel="nofollow" target="_blank">Куча всего по нарезке и оптимизации от чувака из Яндекса</a> + куча сопутствующих материалов в блоке &quot;материалы по теме&quot;<br />[Каталог] <a href="https://tproger.ru/digest/web-services/" rel="nofollow" target="_blank">Чекеры веб-страниц</a><br />[Каталог] <a href="https://tproger.ru/digest/10-css-code-generators/" rel="nofollow" target="_blank">Генераторы css-кода</a><br />[Справочник] <a href="http://e-maxx.ru/algo/" rel="nofollow" target="_blank">Алгоритмы</a> - 145 алгоритмов с приведённой реализацией на C++<br />[Справочник] <a href="http://neerc.ifmo.ru/wiki/index.php?title=%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0" rel="nofollow" target="_blank">Вики ИТМО</a> - крайне полезный ресурс, на котором описано очень большое количество алгоритмов<br />[Справочник] <a href="https://habrahabr.ru/" rel="nofollow" target="_blank">Хабр</a> - если постараться, здесь можно найти почти все по многим областям знаний в принципе<br />[Справочник] <a href="https://tproger.ru/" rel="nofollow" target="_blank">Тпрогер</a> - статейки, алгоритмы, фишки и тому подобное<br />[Статья] <a href="https://tproger.ru/translations/nerds-guide-color-web-2/" rel="nofollow" target="_blank">Цвет в веб разработке</a><br />[Статья] <a href="https://tproger.ru/digest/modern-css/" rel="nofollow" target="_blank">Фишки на чистом css</a><br />[Статья] <a href="https://tproger.ru/articles/5-css-tricks/" rel="nofollow" target="_blank">Немного особенностей верстки</a></p> mybb@mybb.ru (Эмбер) Mon, 28 Nov 2016 00:18:52 +0300 https://kpide.bbok.ru/viewtopic.php?pid=393#p393 https://kpide.bbok.ru/viewtopic.php?pid=379#p379 <p><strong>Грамотность письма:</strong><br /><a href="http://gramota.ru/" rel="nofollow" target="_blank">Gramota.ru</a> - сайт, который ответит на 90% возникающих вопросов из серии &quot;а как это пишется&quot;<br /><strong>Оружие:</strong><br /><a href="https://geektimes.ru/post/279696/" rel="nofollow" target="_blank">заблуждения о средневековом оружии</a><br /><a href="http://spiculo.ru/o-xolodnom-oruzhii/klassifikaciya" rel="nofollow" target="_blank">классификация холодного оружия</a></p> <p>Вы можете выкладывать ссылки на другие полезные статьи и они обязательно будут включены в наш каталог</p> mybb@mybb.ru (Эмбер) Fri, 25 Nov 2016 13:13:02 +0300 https://kpide.bbok.ru/viewtopic.php?pid=379#p379 https://kpide.bbok.ru/viewtopic.php?pid=369#p369 <div class="quote-box quote-main"><blockquote><p><span style="display: block; text-align: center"><a href="http://lumos.rolfor.ru" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://s6.uploads.ru/dpjtq.png" alt="http://s6.uploads.ru/dpjtq.png" /></a></span></p> <p><span style="display: block; text-align: center"><strong><span style="font-style: italic"><span style="font-family: Times New Roman"><span style="font-size: 16px">Эпизодическая ролевая игра с альтернативным развитием событий.<br />Нуждаемся в канонических персонажах!</span></span></span></strong></span></p></blockquote></div> <p>Мы ещё слишком молоды и только развиваемся. Помогите нам достигнуть вершин. Все канонические роли свободны. <br />А может ты хочешь стать частью АМС? У тебя для этого есть все шансы. Мы ждём тебя.</p> mybb@mybb.ru (Рекламщик) Thu, 24 Nov 2016 15:08:01 +0300 https://kpide.bbok.ru/viewtopic.php?pid=369#p369 https://kpide.bbok.ru/viewtopic.php?pid=277#p277 <p><strong>Эмбер</strong><br />минимализм моя любовь)</p> mybb@mybb.ru (I-VAN) Mon, 21 Nov 2016 15:28:29 +0300 https://kpide.bbok.ru/viewtopic.php?pid=277#p277 https://kpide.bbok.ru/viewtopic.php?pid=265#p265 <p><strong>Основные положения</strong><br />1. Кисти, перья и IDE - проект некоммерческий. Администрация не планирует извлекать какую-либо выгоду из самого существования форума. На проекте <span style="font-style: italic">ни при каких условиях</span> не может быть введена абонентская плата и/или платная регистрация.<br />2. Рейтинг проекта - G. Однако сама его специфика подразумевает возможность создания высокорейтинговых работ. <span style="font-style: italic">Настоятельно рекомендуется</span> прятать такие работы под спойлер с указанием рейтинга.<br />3. Единственный человек на проекте, чье слово неоспоримо - <a href="https://kpide.bbok.ru/profile.php?id=2">Эмбер</a>, просто потому что если главный администратор не имеет власти, то в чем его роль. Для всех прочих признается право на ошибку. В случае, если Вы считаете, что вынесший вам предупреждение член администрации не прав, обратитесь к любому из вышестоящих людей.<br />4. Запрещено выкладывание в открытом доступе работ, не соответствующих законодательству РФ.<br /><strong>Материалы</strong><br />1. При выкладывании собственных материалов, пожалуйста, указывайте это явным образом<br />2. При выкладывании чужих статей оставляйте ссылку на источник. Не возбраняется оставлять ссылки в соответствующих темах.<br />3. Категорически запрещены любые попытки выдать чужие материалы за свои! Помните: закон крайне негативно относится к краже интеллектуальной собственности<br /><strong>Профиль</strong><br />1. Имя пользователя может быть оформлено любым читабельным способом, однако <span style="font-style: italic">строго запрещено</span> использование никнеймов, содержащих нецензурные слова. Аккаунты с такими именами будут удалены.<br />2. Стандартный размер аватаров - 180х180, получить право на аватары большего размера можно за участие в конкурсах.<br />3. В подписи может быть не более 2-х баннеров размера 88х31. Исключение составляют пиар-аккаунты.<br /><strong>Взаимодействие пользователей</strong><br />1. Общаться на форуме следует вежливо. &quot;Кисти&quot; задумываются как многонациональный ресурс. Любые попытки разжигания конфликтов пресекаются либо выдачей ReadOnly, либо удалением аккаунта, в зависимости от тяжести нарушения.<br />2. Использование системы личных сообщений для рекламы недопустимо. При этом не имеет значения, что именно Вы рекламируете: свою тему или свой сторонний проект.<br />3. Вся критика должна быть конструктивной. Если вам не нравится работа &quot;просто потому что она не нравится/не соответствует моим религиозным взглядам&quot; - перейдите на главную страницу форума. В случае же, если вы можете указать конкретные недостатки - это может быть полезно.<br />4. Недопустимо использование нецензурной лексики вне собственных мастерских и помеченных меткой 18+ тем.<br /><strong>Реклама, баннерообмен и партнерство</strong><br />1. Для рекламы создан специальный аккаунт, зайти в него можно по нажатию кнопки &quot;Пиар-вход&quot; в навигации. Создание собственных профилей недопустимо. Исключение составляют профили рекламщиков, чье присутствие на форуме обговорено заранее.<br />2. Вся реклама должна быть взаимной. Крайне желательно оставлять ссылку на нашу рекламу на рекламируемом проекте.<br />3. Все баннеры, кроме баннеров каталогов и проектов схожей тематики, расположены на странице <a href="https://kpide.bbok.ru/pages/banneri">баннеры</a>, вне зависимости от расположения нашего баннера.<br />4. К баннерообмену и заключению партнерства допускаются форумы, находящиеся <span style="font-style: italic">на любом этапе</span> развития.</p> mybb@mybb.ru (Эмбер) Sun, 20 Nov 2016 14:00:30 +0300 https://kpide.bbok.ru/viewtopic.php?pid=265#p265 https://kpide.bbok.ru/viewtopic.php?pid=264#p264 <div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 6em"><pre>[b]1. Раздел[/b] [b]2. Ссылка на тему[/b]</pre></div></div></div> mybb@mybb.ru (Эмбер) Sun, 20 Nov 2016 01:29:53 +0300 https://kpide.bbok.ru/viewtopic.php?pid=264#p264 https://kpide.bbok.ru/viewtopic.php?pid=248#p248 <div class="quote-box quote-main"><blockquote><p>Так как форум &quot;Кисти, перья и IDE&quot; очень юн, предлагается сделать ему подарки &quot;на рождение&quot;. Подарки могут быть самыми разнообразными: новая рекламная листовка, посвященный ресурсу стих или песня, в общем - что только ваша душа пожелает создать. Вознаграждение будет обсуждаться с победителями, однако это будет что-то нематериальное. Возможные варианты: аватарка нестандартного размера, выделение ника, наградка в профиль и прочие &quot;фишки&quot;, которые будут выделять вас среди прочих пользователей</p></blockquote></div><div class="quote-box quote-main"><blockquote><p><strong>Этапы конкурса:</strong><br /><span style="font-style: italic">Прием заявок </span>- до появления 5+ участников или до нового года, смотря что наступит позже.<br /><span style="font-style: italic">Прием работ</span> - два месяца после окончания приема заявок<br /><span style="font-style: italic">Голосование</span> - месяц после окончания приема работ<br /><span style="font-style: italic">Подведение итогов</span> - 3 дня после окончания голосования<br /><span style="font-style: italic">Награждение победителей</span> - две недели после подведения итогов</p></blockquote></div> mybb@mybb.ru (Эмбер) Sat, 19 Nov 2016 22:22:45 +0300 https://kpide.bbok.ru/viewtopic.php?pid=248#p248