Готується новий безкоштовний скін для форумів IPB 3, який буде сумісний з усіма новітніми версіями додатків (галерея, блоги, архів ...).
На цей раз скін буде темним. В цілому, темні кольори менш придатні на форумі, але є певна категорія сайтів, де користувачі віддають перевагу саме їх. Наприклад, ігрові сайти в більшості випадків мають темне оформлення.
Paradox виглядає досить ефектно, але, в той же час, він досить простий, щоб бути сумісним з більшістю модифікацій. Це важливо, тому що власники ігрових форумів зазвичай люблять створювати собі складності, встановлюючи масу всіляких хуков і додатків, які не можуть ужитися зі складними скінами, а знань верстки ipb шаблонів адміністраторам зазвичай не вистачає, щоб це виправити.
Скін можна буде скачати з архіву на основному сайті (ipbskins.ru).
На цей раз дійсно медичний дизайн до сайту організації стоматологів. Замовлялися сині та червоні кольори, які я дуже не люблю в поєднанні. Але моя думка рідко збігається з бажаннями клієнтів.
Довелося робити червоно-синьо-блакитне оформлення.
Дизайн ще допрацьовується. На форумі планується галерея, але навіть і самого форуму поки немає. Так що зміни можливі 
Заокруглення в оформленні заголовків зверстані теж економним способом з тегами span без псування верстки з heading
Скін оформлений всякими медичними зубними і не дуже іконками. Надмірностей немає, вони недоречні в такій темі. У загальному і цілому досить скромно і в міру прикрашено.
Так ... Логотип організації довелося перемальовувати. У затвердженому всякими інстанціями оригіналі там негарна фотографія медичного шприца. У зменшенні виглядала як комаха на хресті або мушачі екскрементів.
Ось такий скромненький дизайн був створений ще у вересні для форуму версії IPB 3.0. На жаль, ліву колонку, яка прикрашає дизан, в підсумковій версії довелося прибрати.
Причини: 1) уповільнює завантаження форуму; 2) в повідомленнях великі зображення img вилазять за межі теми вправо. Справитися з багом поки не вдалося і використання колонки відклали на невизначений час.
Дизайн також адаптований до скінів галереї, блогів і купі різних хуков і додатків. Верстка завершувалася вже на форумі замовника.
У цьому скіни вперше застосована своєрідна верстка заголовків з тегами span. Верстка простіше, заокруглення виходять кросбраузерності, крім IE6, де їх доводиться вбивати через несумісність.
Чому новий спосіб? Тільки тому, що заголовки тепер у нас в heading в основному і загортати їх у масу div або в таблицю нерозумно. Погано для SEO.
Безкоштовних таких скінів не буде. На папблік в шаблонах 3.0 прийнятна тільки універсальна структура.
Коли я робила конкурсний скін Light для IPB 3.0, багато знайомих дорікали мене в тому, що не хочу перебудовувати структуру статистики.
Дійсно, статистика виглядає убогій і незручною в порівнянні з тим, якою вона була в версіях IP.Board 1.x - 2.x.
Проте, експериментів з підключенням різних хуков вистачило для розуміння, що будь-які перебудови структури можуть обернутися несумісністю хуков і додатків форуму зі скінами. Зробила спеціально скріншот, наочно це демонструє. Він знятий з форуму розробників, де вже встановлено кілька додаткових скінів, включаючи класичний блакитний.
Все виглядало відносно пристойно, поки IPS не стала тестувати чат. У статистику для чату умонтувалися дані, і все поповзло.
Найсмішніше, що цей скін вже щосили поширюється в архіві для клієнтів.
Вирішила оновити до нової лінійки форумів один з перших своїх скінів, який робила ще в 2005 році для версії IPB 2.0.4 і для IPB 2.1.
Спрощена версія дизайну IBR майже рік використовувалася на форумах ibresource.ru, потім була змінена дизайнером Promogroup Сергієм Ковальовим. Була освітлена колірна гамма і замінена велика частина іконок.
Нова версія скіна IBR є досить простою, щоб бути сумісною з переважною кількістю додатків і хуков. Але візуально вона значно приємніше виглядає, ніж попередники. Дизайн дуже м'який і підійде будь-якому форуму.
Скоро буде доступний для скачування в архіві на IPBSkins.ru.
Роблю цей скін тільки тому, що користувачі просять блакитний. Мені важко зрозуміти це, можливо, тому, що я менш консервативна і не люблю дефолтні блакитні скіни IPS.
Користуючись нагодою хвалюся, що на ресурсах IPS, куди тепер викладаю безкоштовні роботи, мені почали робити пожертвування, хоча качають скіни там досить мляво.
У нас рік висіла кнопка donate, і ніхто з тисяч викачують жодного разу цією кнопкою не скористався. Тому і прибрала з ipbskins. Пізніше, вже без кнопки, було всього два спонсора.
Готую до випуску дуже приємний скін в бежевих тонах, який сумісний з IP.Board 3.0, IP.Blog, IP.Gallery, IP.Download і IP.Tracker.
В даний момент скін створюється на шаблонах IPB 3.0.2, але, зрозуміло, буде оновлюватися, як і інші безкоштовні стилі.
Скін підійде більшості форумів, дизайн не дуже строгий, але і не ігровий. Хоча, якщо змінити картинку в шапці, на ігрових форумах його теж можна легко уявити.
Але найкращим чином скін буде поєднуватися з тематикою форумів про дім і сім'ю.
У мене в квартирі зараз ремонт, тому тягне створити щось затишне і на екрані ...
Скін для форуму
Скоро буде готовий. Скін буде поширюватися в архіві на ipbskins.ru.
Зміни проводилися в основному в css, в головний шаблон додано всього три рядки коду. На жаль, шаблони IPB3 досі дуже сирі, тому вони досить сильно змінюються з кожною новою версією в межах лінійки 3.0.
Щоб скін залишався в робочому стані через всю 3.0, правки в шаблонах краще не робити.
На жаль, css теж змінюється. У порівнянні з 3.0 в 3.1 додані нові класи, про що не йдеться в інструкції для ручного оновлення.
Але якщо чогось не вистачить в css, це менш страшно, ніж якщо через застарілі шаблонів постраждає функціонал форуму.
Багато напевно чекають, що скіни під 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 повторити безболісно для функціональності не вийде. Зате з'явилися свої нові і широкі можливості верстки.
