• Особенности верстки скинов под IPB 3.0

    Написано Июнь 18th, 2009 Fisana 19 комментариев

    Многие наверное ждут, что скины под IPB 3.0 будут похожи на скины предыдущих версий форума.
    Однако, есть несколько причин, почему это невозможно.

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

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

    1. Практический отказ от табличной верстки, за исключением мест, где без таблиц обойтись нельзя. Но их буквально можно пересчитать по пальцам.
    Остальное «плавает» в div-ax. Позиция правых и левых элементов задается параметрами float с большим зазором, дабы один из блоков не перескочил на другую строку.
    Так например сверстана статистика и посты в темах. Именно поэтому продлить линии до их соединения, как горизонтальные, так и вертикальные, там невозможно.
    В предыдущих версиях с засильем таблиц эти элементы можно было придвинуть вплотную друг к другу, а здесь остается много пустого пространства.
    Зато отдельные элементы одних блоков можно легко наложить на элементы другого (именно элементы, а не сами блоки).

    2. Широкое использование тегов списка, таких как ol, ul, li, dd, dl. Ими определяется структура многих горизонтальных и вертикальных элементов, например главного меню форума, статистики форума справа, кнопок тем и постов.
    Преимущество такой верстки заключается в том, что позицию элементов легко задать в css. Например горизонтальный «список» превратить в вертикальный.

    3. Сочетание и соотношения классов, иногда «многоэтажные». В html теперь нередко можно встретить конструкцию вида ‘div id=»id1″ class=»class1 class2 class3″‘. Она означает, что в данном блоке сочетаются свойства трех классов и одного id.
    При этом в css встречаются конструкции вложения, например div.#id1 .class2.class3. Это означает, что мы задаем особые свойства элементу, где сочетаются классы class2 и class3, при условии, что этот элемент находится в блоке с id=id1.
    Практически в css можно задать отдельные свойства многим элементам. В 2.x в стандартном скине все эти хитрости отсутствовали.
    В html же теперь достаточно в любой тег к любому классу дописать соседа «rounded», чтобы получить закругления, которые будут видны в FF. Так например сделано в верстке списка «Today’s active content The moderating team Today’s top 20 posters Overall top posters».
    *О да, теперь это именно список, который верстается с ul и li.

    4. Верстка в тегах heading всего, что только можно. Так в h2 засунут даже выбор скина и языка, а в h3 – имя пользователя в темах, ip адрес и номер поста (все это в одном теге!).
    Это не говоря уже о заголовках, включая и все служебные. Если и сохранился класс maintitle, то это теперь maintitle h2 или maintitle h3.
    На самом деле, очень вредная верстка, так как поисковики теперь не смогут адекватно ранжировать контент.
    Все это в 1.x и 2.х отсутствовало совсем.

    5. В ipb 3 основные страницы верстать стало проще, меняя структуру как хочется. Теоретически можно совсем перестроить, вернув старые классы.
    Но тут попа.
    Хуки (забудьте про моды!) теперь автоматически встраиваются в верстку после заданного программистом условия (/if) с классами и структурой дефолтного скина.
    То есть, если вы меняете верстку, должны осознавать, что хуки могут c ней не ужиться. Опытный вебмастер сможет переделать шаблоны хуков под структуру скина, а новичок даже не догадается, куда нужно смотреть, не говоря о том, что не сможет поменять верстку.

    6. Много файлов css, которые дополняют основной в приложениях. Надо сказать, очень удобно. Еще есть возможность создать новый css и указать позицию в коде, где этот стиль начнет работать.  Также можно назначить особый  css отдльным приложениям и модулям.

    7. Местами сделано коряво до безобразия. Те, кому нравится дефолтный скин IPB 3.0, могут забыть о IPB портале. Выглядит кошмарно, особенно в FF с ненужным закруглением в окончании статей. Ну и правый блок сверстан просто ужасно. Если в хуках включть мини-календарь для вывода на главнуй страницу в сайдбаре, элемент кошмара переместится и туда.

    В общем, приходится учиться с этим всем жить и просто верстать иначе. Благо, что практически все баги можно выправить теперь в css, а раньше о таком и мечтать нельзя было.
    Но все скины, которые по структуре не отвечают логике 3.0, увы, останутся только в фотошопных макетах или в мечтах.

    Вывод: Многое из прежних скинов повторить в IPB 3 повторить безболезненно для функциональности не получится. Зато появились свои новые и широкие возможности верстки.

  • Шаблон, который наверное никуда не подойдет

    Написано Май 14th, 2009 Fisana Нет комментариев

    bluekitВот такой шаблон соорудила в Xara Xtreme, хотела натянуть на друпал, но вышло плохо. Не умею работать с незнакомыми движками :(
    Не хватает у меня терпение разобраться.
    А задумка нового проекта – рассказ о природе и геологии Карелии в фотографиях. Кроме фотографий, есть масса текстового материала.
    Теперь даже не знаю, когда буду им заниматься. Но, возможно, шаблон на вордпресс натяну.

  • Дизайн для форума о маленьких собачках

    Написано Апрель 14th, 2009 Fisana 1 комментарий

    Дизайн для rdog.ru
    В конце марта доделала дизайн для форума rdog.ru. Форум будет объединять посетителей нескольких сайтов, посвященных миниатюрным породам собак. Дизайн форума продолжает тематику сайтов и близок ним по цветовой гамме. Скин получился милым и трогательным.
    Пока форум пустой и неизвестно, когда владельцы начнут его развивать. Только что удалила оттуда спамера, пользуясь оставленными правами админа, и написала заказчику, чтобы хотя бы регистрацию отключили.
    Вот заплатят люди за дизайн, а потом иногда забрасывают проекты. Обидно…

  • Стиль для форума эмо

    Написано Февраль 21st, 2009 Fisana 2 комментариев

    Стиль форума эмоtopic_emo.png
    Я очень долго делала этот скин. Вначале заказали темный дизайн в классических цветах эмо – черном и розовом. Но позже передумали и подсунули отфотошопенную фотку в грязно-серо-зеленоватых светлых тонах с подрисованными ярко-розовыми крылышками к девушке на фотке. Просили использовать цвета оттуда. Использовала, но не уверена, что это хорошо. В шаблоне впервые применена технология рэндомной смены графических элементов. При обновлении страниц меняется рисунок фона и обрамление таблиц – пятна «крови» проступают в разных местах. О, это ужасный, ужасный скин!
    В темах получилось гораздо приятнее.
    На форуме заказчика скин будет выглядеть иначе, потому что теперь они сделали сайт, дизайн форума адаптируется – используются шапка и футер с сайта.

  • Новый мод для IPB от Гены

    Написано Февраль 20th, 2009 Fisana Нет комментариев
    Вид на форуме

    Вид на форуме

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

    Скачать мод поиска можно на нашем форуме.

    Спасибо, Гена :)