Темный скин для IPB3 – Paradox

Готовится новый бесплатный скин для форумов IPB 3, который будет совместим со всеми новейшими версиями приложений (галерея, блоги, архив…).
На этот раз скин будет темным. В целом, темные цвета менее пригодны на форуме, но есть определенная категория сайтов, где пользователи предпочитают именно их. Например, игровые сайты в большинстве случаев имеют темное оформление.
Paradox выглядит довольно эффектно, но, в то же время, он достаточно прост, чтобы быть совместимым с большинством модификаций. Это важно, так как владельцы игровых форумов обычно любят создавать себе сложности, устанавливая массу всевозможных хуков и приложений, которые не могут ужиться со сложными скинами, а знаний верстки ipb шаблонов администраторам обычно не хватает, чтобы это исправить.
Скин можно будет скачать из архива на основном сайте (ipbskins.ru).

Медицинский дизайн для IPB 3.0

На этот раз действительно медицинский дизайн к сайту организации стоматологов. Заказывались синие и красные цвета, которые я очень не люблю в сочетании. Но мое мнение редко совпадает с желаниями клиентов.
Пришлось делать красно-сине-голубое оформление.
Дизайн еще дорабатывается. На форуме планируется галерея, но даже и самого форума пока нет. Так что изменения возможны
Закругления в оформлении заголовков сверстаны тоже экономным способом с тегами span без порчи верстки с heading
Скин оформлен всякими медицинскими зубными и не очень иконками. Излишеств нету, они неуместны в такой теме. В общем и целом довольно скромно и в меру украшено.
Да… Логотип организации пришлось перерисовывать. В утвержденном всякими инстанциями оригинале там некрасивая фотография медицинского шприца. В уменьшении смотрелась как насекомое на кресте или мушиный экскремент.

Дизайн форума молодежи западной Европы

Вот такой скромненький дизайн был создан еще в сентябре для форума версии IPB 3.0. К сожалению, левую колонку, которая украшает дизан, в итоговой версии пришлось убрать.
Причины: 1) замедляет загрузку форума; 2) в сообщениях большие изображения img вылезают за пределы темы вправо. Справиться с багом пока не удалось и использование колонки отложили на неопределенное время.
Дизайн также адаптирован к скинам галереи, блогов и куче самых разных хуков и приложений. Верстка завершалась уже на форуме заказчика.
В этом скине впервые применена своеобразная верстка заголовков с тегами span. Верстка проще, закругления получаются кроссбраузерные, кроме IE6, где их приходится убивать из-за несовместимости.
Почему новый способ? Только потому, что заголовки теперь у нас в heading в основном и заворачивать их в массу div или в таблицу неразумно. Плохо для SEO.
Бесплатных таких скинов не будет. На папблик в шаблонах 3.0 приемлема только универсальная структура.

Подводные камни верстки скинов под IPB 3. Баг в голубом классическом скине.

Когда я делала конкурсный скин Light для IPB 3.0, многие знакомые упрекали меня в том, что не хочу перестраивать структуру статистики.
Действительно, статистика выглядит убогой и неудобной по сравнению с тем, какой она была в версиях IP.Board 1.x – 2.x.
Тем не менее, экспериментов с подключением различных хуков хватило для понимания, что любые перестройки структуры могут обернуться несовместимостью хуков и приложений форума со скинами. Сделала специально скриншот, наглядно это демонстрирующий. Он снят с форума разработчиков, где уже установлено несколько дополнительных скинов, включая классический голубой.
Все смотрелось относительно пристойно, пока IPS не стала тестировать чат. В статистику для чата встроились данные, и все поползло.
Самое смешное, что этот скин уже вовсю распространяется в архиве для клиентов.

Бесплатный IBR3 скин для IPB 3.0

Решила обновить до новой линейки форумов один из первых своих скинов, который делала еще в 2005 году для версии IPB 2.0.4 и для IPB 2.1.
Упрощенная версия дизайна IBR почти год использовалась на форумах ibresource.ru, затем была изменена дизайнером Promogroup Сергеем Ковалевым. Была осветлена цветовая гамма и заменена большая часть иконок.
Новая версия скина IBR остается достаточно простой, чтобы быть совместимой с подавляющим числом приложений и хуков. Но визуально она значительно приятнее смотрится, чем предшественники. Дизайн очень мягкий и подойдет любому форуму.
Скоро будет доступен для скачивания в архиве на IPBSkins.ru.

На очереди бесплатный скин Delicate Blue IPB 3

Делаю этот скин только потому, что пользователи просят голубой. Мне трудно понять это, возможно, потому, что я менее консервативна и не люблю дефолтные голубые скины IPS.
Пользуясь случаем хвастаюсь, что на ресурсах IPS, куда теперь выкладываю бесплатные работы, мне начали делать пожертвования, хотя качают скины там довольно вяло.
У нас год висела кнопка donate, и никто из тысяч скачивающих ни разу этой кнопкой не воспользовался. Поэтому и убрала с ipbskins. Позже, уже без кнопки, было всего два спонсора.

IPB 3.0 Comfy Skin

Готовлю к выпуску очень приятный скин в бежевых тонах, который совместим с IP.Board 3.0, IP.Blog, IP.Gallery, IP.Download и IP.Tracker.

В данный момент скин создается на шаблонах IPB 3.0.2, но, разумеется, будет обновляться, как и другие бесплатные стили.

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

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

У меня в квартире сейчас ремонт, поэтому тянет создать что-то уютное и на экране…  

IPB 3.0 Delicate Skin

Скин для форума

Скоро будет готов. Скин будет распространяться в архиве на ipbskins.ru.

Изменения производились в основном в css, в главный шаблон добавлено всего три строчки кода. К сожалению, шаблоны IPB3 до сих пор очень сырые, поэтому они довольно сильно меняются с каждой новой версией в пределах линейки 3.0.
Чтобы скин оставался в рабочем состоянии через всю 3.0, правки в шаблонах лучше не делать.
К сожалению, css тоже меняется. По сравнению с 3.0 в 3.1 добавлены новые классы, о чем не говорится в инструкции для ручного обновления.
Но если чего-то не хватит в css, это менее страшно, чем если из-за устаревших шаблонов пострадает функционал форума.

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

Многие наверное ждут, что скины под 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 повторить безболезненно для функциональности не получится. Зато появились свои новые и широкие возможности верстки.