Перейти к содержанию

Picko Vitten

Лорды
  • Постов

    1298
  • Зарегистрирован

  • Посещение

Весь контент Picko Vitten

  1. Что-то я не понял, о чем речь. Что куда уезжает? Скрины в студию. Послесловие: лепите скрины, по некоторым ошибкам без картинок не особо понятно. И версии браузеров пишите, может олдовые, которые не поддерживаем.
  2. Остался один важный вопрос, точнее их несколько, это дополнительные параметры )) Тег [table][/table] – это обычный вариант записи, но если вам понадобится добавить название таблицы? Скажем «1.1: Таблица коэффициентов распределения…», что делать? Все просто: [table=НАЗВАНИЕ ТАБЛИЦЫ][/table] – “=название” является опциональным параметром, может быть, а может и не быть. В данной реализации теги [tr], [thead], [tfoot] дополнительных параметров не имеют. А вот теги [td],[th] имеют. Вот вам два примера: http://pic.fullrest.ru/upl/t/ZOkpGsfZ_1000x625.png Параметр [td:r3] можно расшифровать как «Возми эту ячейку и прикрепи к ней еще 2 (3 потому что текущая ячейка + 2 снизу и того получается результирующая ячейка высотой 3), которые находятся под ней». Параметр [td:c2] можно расшифровать примерно также, за тем исключением что происходит прикрепление одной ячейки слева. Соответственно r – ROW (строка), c – COLUMN (столбец). Параметр [td:w200] – говорит машине, что мы хотим столбец шириной 200 пикселей. Параметры [td:left], [td:right], [td:center] – являются горизонтальной ориентацией текста. Параметры [td:top], [td:bottom], [td:middle] – являются вертикальной ориентацией текста. Конечно, никто не запрещает делать такие связки: [td:r3:c2:left:bottom:w200] последовательно опциональных параметров не имеет значения. Разобраться в специфике опционалок не так просто, но это дело решит практика. Плюс у нашей системы много аналогий с HTML и если потом будете верстать таблицы на хтмле, то вам все будет до боли знакомо :) Вот решение двух примеров выше: http://pic.fullrest.ru/upl/t/J1HZsDhC_1000x625.png http://pic.fullrest.ru/upl/t/CUnyAl7W_1000x625.png
  3. Верстаем таблицы! Данный материал будет легок к изучения для людей знакомых с HTML, те кто с ним не знаком и смогут во всем это разобраться, будут приятно удивлены (если потом придется столкнуться с HTML), дело в том, что для верстки таблиц мы взяли за прототип верстку HTML, будем заниматься просвещением народных масс, так сказать. Итак, как всегда заряжаем из далека ))) Как обычный человек привык рисовать таблицы на листке? Обычно это один из этих двух вариантов: http://pic.fullrest.ru/upl/t/2Vq1yubp_1000x625.png http://pic.fullrest.ru/upl/t/VYEXPyGB_1000x625.png Допускаю, что кто-то может и по другому рисовать, но будем реалистами – обычно так дело и обстоит )) Иногда люди сначала рисуют шапку, потом рисуют горизонталки и следом вертикалки. Так вот, дело в том, что такие схемы построения таблиц в нашем редакторе не работают :) Придется учиться думать по другому, как машина ))) И опять же, кидаем камень из далека ))) Суть интерпретаторов такова, что они кушают код, тот или иной, но код. Программисты пишут код как писатели книги – строчка за строчкой, соответственно машина идет сверху вниз по коду и интерпретирует/транслирует его в ту форму, которая будет понятна компьютеру/браузеру. Поскольку все выражено в линиях то по этой логике, в HTML таблицы рисуются линиями, казалось бы, «Мы и так линиями рисуем таблицы, в чем подвох?», подвох есть, он заключается в том, что да – горизонтальные линии остаются, но вертикальных линий просто нет, в каждой линии есть набор «ячеек» (квадратиков), которые ассоциируются с соседями по вертикали, но технически, они не являются частью вертикальной линии: http://pic.fullrest.ru/upl/t/aFT1l2nG_1000x625.png Получается, что сначала нужно сказать браузеру «Чувак, вот я хочу сделать таблицу», ставить соотвествующий ббкод и браузер понимает, что вот тут у него будет таблица, потом говорите браузеру «Хочу линию в таблицу» и ставите соотвествующий тег, а уже потом говорите «А теперь, давай мы в линию ячеек насыпем, ну чтобы по взрослому, мы же таблицу тут делаем» [table][/table] - внутри этого тега лежат линии, тейбл отмечен зеленой рамкой. [tr][/tr] – этот тег говорит, что это линия в таблице, отмечен синим. Также есть два аналогичных тега: [thead][/thead] – используется для создания горизонтального заголовка таблицы, к нему применяются особые стили, так-же очень правильная вещь с точки зрения SEO – такую таблицу очень оценит гугл; [tfoot][/tfoot] – подвал таблцы, идея как у [thead] но, тфуут находит в конце таблицы. [td][/td] – это ячейка, читай колонка, кусочек колонки, тк физических колонок у нас нет, правильно? Именно внутри ТД будет находится текст!!! Есть еще тег [th][/th] – это ячейка заголовочного типа, она может использоваться внутри [thead], [tfoot] и отдельно (скажем вам в край надо, чтобы заголовочные ячейки были в левой колонке, не сложно придумать пример, да?). http://pic.fullrest.ru/upl/81f7Wb9h.jpg Это просто картинка с панелькой добавления таблиц.
  4. Ска гони фотки бл... косэн зажал, думаешь все можно теперь? Мы тебя пожалели, почку ножом не резали, хотя могли - гонифоткикамусказэээээл
  5. На новослободской, по эксклатору поднимаетесь на верх но не выходите на улицу, там кажется 1 выход в город. Стоите прямо перед экскалатором и все будет ок. Если что трезвоньте мне ))
  6. Ну и в завершении описания менюшек, осталось описать вставку горизонтальной меню, это 2 кнопки в разделе меню, которые имеют зеленые вкрапления: http://pic.fullrest.ru/upl/EicKImrE.jpg На изображении все достаточно красноречиво, при вставке меню вы можете выбрать по сколько пунктов в линию надо отображать. Это нужно для того, чтобы у вас была гибкость в этом плане, если много места (например секция, которая состоит из одной колонки), то можно сделать 5 пунктов в линию, а если места мало, то поменьше. Не самый сложный момент для объяснения. По поводу вставки пункта меню (он в зеленой рамке), я думаю я приведу картинку со стрелочками и это будет лучше всяких слов. http://pic.fullrest.ru/upl/U8UldCfp.jpg
  7. Это конечно хорошо, когда машина может построить меню за вас, но что делать, когда вам жизненно важно, сделать меню «под себя», а может вам нужно меню с вложениями? В общем, и на этот вопрос у нас есть ответ, в виде вставки меню обычного типа: http://pic.fullrest.ru/upl/RJdn63lA.jpg Описывать окошки вставки меню, пунктов и категории я не буду – там все и ежу понятно. Да и на картинке тоже вроде бы все понятно, думаю редакторы нальют воды в этой части, я просто покажу еще одну картику, где цветами выделено какие теги, какую часть меню создали: http://pic.fullrest.ru/upl/jVvzZNWH.jpg Как видно из этого примера, функционал достаточен, чтобы реализовать любые эротические фантазии верстальщика.
  8. ДОБАВЛЕНИЕ МЕНЮ Итак, карту сделали, еще всяких фиксов накатили, теперь есть время продолжить на тему наших ббкодов. Рассмотрим один из самых сложных моментов в нашем редакторе. Он сложен именно для понимания. Итак, изучим вот эти кнопки: http://pic.fullrest.ru/upl/ow8JZ10t.jpg Рассмотрим кнопку добавления системной меню: http://pic.fullrest.ru/upl/PZTip46e.jpg Системные меню разрабатывались для того, чтобы использовать мощь нашей «древовидной» организации статей, всего лишь в 1 тег, вы можете вставить в страницу меню, которая будет помогать пользователям в навигации по контенту. Системные меню имеют 2 системны отсчета, с позиции которых они строят пункты меню: от лица текущей статьи (в зеленой рамке) и от лица своего родителя (в синей рамке). В красной рамке результирующий ббкод, параметр :horizontal является опциональным и приказывает меню расположиться в горизонтальной плоскости. http://pic.fullrest.ru/upl/Ezl7bzSQ.jpg Предположим у вас есть вот такая вот структура статей, вы создали эту структуру, написали статьи, организовали древо и тут встал вопрос «А как пользователь должен перемещаться между страницами? Мне что? Надо самому лепить ссылки на каждую страницу?», действительно, перспектива лепить кучу ссылок удручает и вот тут «врывается» наша системная меню. Скажем вы находитесь в статье «Ролевая система» и вам необходимо вставить меню, которая подскажет пользователю, что есть и подстатьи, в таком случае мы жмем на вставку системной меню и выбираем кнопку в зеленой рамке, она говорит системе «Вставь в меню моих потомков», то есть подстатьи статьи ролевая система, которые находятся на первом уровне вложения. http://pic.fullrest.ru/upl/2gl7r7ho.jpg Хорошо, а как быть в случае, когда вы находитесь в «подстатье», но для поддержания единообразия меню, вам требуется показать соседние статьи? Те статьи, которые находятся на том-же уровне вложения, что и текущая? Тут на помощь приходит кнопка в синей рамке – она идет к своему родителю и просит его рассказать кто его дети, этих детей менюшка вставляет как свои пункты. http://pic.fullrest.ru/upl/2XMHLF0q.jpg Ниже прикреплены скрины результата работы системной меню, для горизонтального вида: http://pic.fullrest.ru/upl/ylZbkbV1.jpg и обчного - вертикального: http://pic.fullrest.ru/upl/bJ6tnMMR.jpg
  9. Нопишите пожалууууууйста список багов которые я пропустил, не откомментил, не зачеркнул и так далее..
  10. Менорра, вот список ошибочных плагов и юзеров: http://pic.fullrest.ru/upl/Jtf7Pxxw.jpg 41 - это как было на 4.1, а 50 - это смещения на новой версии 4.1 пропали, их нет в БД. Надо решить что будем делать. Жопа каснулась только этих плагов. В принципе можешь написать имейлы этим парням, чтобы регнулись снова, или тебе плаги отдадим.
  11. С юзеры и мог быть косяк из-за того что сервер плохо базы синхронизировал когда было 2 сайта. Короче аудиенции с хлопнул и часть из них сдвинулось, скажем на старом фре у тебя был айди 6, а на новом он стал 8, но в контента прописано 6, а под шестеркой на новом сайте другой человек. Я днем попробую пробить сдвиги, благо обе базы в наличии, если системной поправить не удастся, то тогда надо будет ждать обращений пострадавших. С картой разобрались, так что дальше по базам будем шерстить
  12. BBCODE В этом посте я опишу основные ББкоды и некоторые особенности связанные с их использованием. Итак, МНЕ НЕ НРАВИТСЯ ТАКОЙ ПОДХОД: http://pic.fullrest.ru/upl/u0O4Uanu.jpg Мне не нравится, что панель ББкодов постоянно весит в одном месте и тртатит мое время и место на странице! Поэтому с самого начала мы решили, что наша панель с ббкодами должна появляться только тогда, когда в ней есть необходимость: http://pic.fullrest.ru/upl/ZJAPQ4wF.jpg Стоит отметить, у под панелькой есть небольшая стрелочка, которая указывает на колонку в которой делаются изменения. Панель разделена на группы по логическим признакам, также стоит понимать, что количество кнопочек не конечное, в будущем будут появляться новые функции. Хочу начать с одного конкретного тега – «параграф» или [p][/p]. Этот тег должен обрамлять обычный текст, внутри этого тега разрешены теги, которые обведены на картинке ниже: http://pic.fullrest.ru/upl/8bOuqBte.jpg Никакие другие теги внутри параграфа не разрешены, ни таблицы, ни картинки, ни упаси господи менюшки. А вот параграфы могут располагаться внутри других тегов, за исключением очевидно, ошибочных применений, по типу «А вставлю ка я параграф в пункт меню – будет весело». Еще стоит отметить, что внутри параграфа работает автоматический перенос строк, который вне параграфа приходится инициировать посредством тега [br]. Отсутствие автоматической простановки параграфов обусловлено глубинными проблемами, реализация которых займет достаточно большое количество времени (которого сейчас не так много).
  13. Секции со скрытым содержимым Эти секции не просто «колоночки», тут все немного сложнее. Сначала начну с примера. Предположим у вас есть статья про какие-то аспекты связанные с даэдра, но фокус в том, что объем текста у статьи уже неслабый, а вам хотелось бы процитировать еще 6 книг связанных с этим делом, но выходит так, что книги надо цитировать полностью и ссылку на книгу давать не хочется. Конечно, можно взять и просто вставить текст шести книг друг за другом, тем самым увеличив визуальный размер статьи чуть ли не в два раза, в такой ситуации очень пригодился бы способ увеличения «контентной плотности», то есть инструмент, который бы мог в физическом пространстве одной статьи уместить все шесть статей. Именно этим и занимаются секции со скрытым содержимым. http://pic.fullrest.ru/upl/zZbo9Foy.jpg Как видно из изображения, кнопки добавления скрытых секций добавляют их с разной шириной «области меню», во всем остальном секции абсолютно идентичны. Как в управлении, так и в идее, мы рассмотрим секцию с широкой менюшкой. http://pic.fullrest.ru/upl/PPDHfyvQ.jpg Так выглядит только что добавленная секция со скрытым содержимым. Все органы управления секцией и колонками ровно такие-же как и у других секций. Новое же здесь представлено в виде двух кнопок «Добавить новый пункт меню», «Добавить новый разделитель меню» и 3 инпут поля. При нажатии на кнопку добавления нового пункта, добавится новый контейнер для контента как указано на скрине ниже: http://pic.fullrest.ru/upl/lzUQPkGN.jpg У контента есть 3 кнопки – первая нужна для сортировки (стрелочка вверх/вниз) зажав которую вы таскаете блоки вверх/вниз, кнопка редактирования блока и кнопка удаления блока. Нажав на кнопку редактирования вы увидите следующее: http://pic.fullrest.ru/upl/ydIa4gbi.jpg Поле где написано «Новый разделитель», в него вводится название заголовка блока, который будет отображаться в меню, в «Содержание раздела меню» вводится текст содержимого как и в любую другую секцию. Стоит отметить особое поведение кнопок «Сохранить содержимое» и «Закрыть». Чтобы сохранить изменения надо жать именно на «Сохранить», в то время как «Закрыть» просто сворачивает редактирование без сохранения. Помните, что предпросмотр делается по последней сохраненной секции. Я накидал немного контента в эту секцию , вот так выглядит редактирование разделителя: http://pic.fullrest.ru/upl/dTNNy6Fx.jpg Сохранение происходит по нажатию на зеленую галочку. Теперь насчет боковых полей ввода, там все предельно просто. В общем, в описания внутри полей все написано, не знаю что добавить, просто покажу две картинки вид в редакторе: http://pic.fullrest.ru/upl/vnCtrrgx.jpg Вот так это выглядит в живую: http://pic.fullrest.ru/upl/Wht8sQkA.jpg Я думаю достаточно наглядно и понятно. Нажимая на пункты меню контент справа будет переключаться без перезагрузки страницы. Вот и получается, что в одном объеме, может храниться большое количество текста. Вот пример использования данного вида секции, так сказать, на полную катушку http://www.fullrest.ru/games/elderscrolls-morrowind/magic-6174 поклацав на правое меню все станет ясно. Так же, думаю не вызывает вопросов возможность добавления текста над меню и под меню – практика тесонлайна показала, что такая возможность очень кстати, что и видно из примера с магией морровинда.
×
×
  • Создать...