Блог на Fisana.ru
RSS иконка Домашняя иконка

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

    Написано Ноябрь 24th, 2009 Fisana 2 комментариев

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

    Шаблоны ,

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

    Написано Ноябрь 24th, 2009 Fisana 3 комментариев

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

    Шаблоны ,

  • Дизайн на медицинскую тему для форума 2.3

    Написано Октябрь 13th, 2009 Fisana 2 комментариев

    Околомедицинский дизайн

    Околомедицинский дизайн


    Тема форума мне совсем не нравится. Там обсуждается покупка и продажа органов. Владелец утверждает, что дальше этого не идет, но увы, это не так.
    Когда заказали дизайн, заказали просто скин для медицинского форума. Тематику рассмотрела только после получения предоплаты. Сделала, но дизайн сайта для них делать отказалась.
    Скин получился контрастным, цветовое решение выбирал заказчик. Я пыталась предложить голубые цвета вместо синих, но это не подошло.
    Дизайн интересен правой колонкой с выводом последних тем форума. Решение взято из скина от www.skinbox.net, который в измененном виде прежде использовался на этом форуме.

    Шаблоны ,

  • В темной комнате найти темную кошку

    Написано Июль 13th, 2009 Fisana Нет комментариев
    Темный скин для IPB 2.3

    Темный скин для IPB 2.3

    Если бы не нескончаемый конкурс IPS, наверное бы у меня мозги бы не размягчились и я никогда бы не взяла такой заказ.
    Это дизайн для серьезного форума, но владельцы почему-то предпочитают очень темные цвета. А еще они любят MediaWiki, код скина IPB смешан с кодом Wiki.
    Ах, если бы я сразу посмотрела, сколько при этом там сделано ошибок…

    </head>
    <body>
    <div id=»ipbwrapper»>
    <style>@import «style_images/nkn/Opera90Fixes.css»;</style>
    </head>
    <body>

    Это фрагмент исходного кода убитого дефолтного скина, на основе которого пришлось делать дизайн.  Два раза закрывается </head>, два раза начинается <body>.

    Кроме того, css IPB был выкинут из базы данных в директорию картинок. А на странце редактирования css поставлены ссылки…
    Но я поленилась посмотреть вниматильно, в итоге получила массу мучений при правке кода.

    Вдобавок он еще очень темный. У меня рядом с рабочим местом солнечное окно. Днем дизайн кажется сплошным черным пятном с вкраплениями желтоватого тумана.

    Пришлось работать в основном по ночам. А там еще галерея, архив и куча модов…

    Шаблоны ,

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

    Шаблоны , ,

  • IBResource к выходу IPB 3.0 поменял сайт

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

    Сайт www.ibresource.ru, принадлежащий OOO «Айбиресурс» сменил дизайн, концепцию и цены. Все работает теперь далеко не на массового пользователя, который готов был купить дешевую лицензию.
    С 22 мая 2009 года цена лицензии на IPB в России сравнялась с ценой разработчиков. Вот только пока не очень ясно, сохранилось ли реселлерство, или это теперь просто что-то вроде веб-студии, зарабатывающей на поддержке чужого скрипта.
    Будущее покажет…
    В разделе сайта о IPB3 представлен довольно корявый автоматический перевод текста из блога разработчика IPB – Matt’а. Ссылок на первоисточник, к сожалению, не нашлось. Перевод опубликован от первого лица, что смотрится по меньшей мере нелепо.
    Изменилась и структура сайта. Форум, файловый архив перенесены теперь на поддомены.

    Дизайн на картинке немножко подправлен. Розовое оформление лучше гармонирует с гламурным и пафосным контентом :)

    Разное , ,

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

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

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

    Шаблоны , ,

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

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

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

    Шаблоны ,

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

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

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

    Шаблоны ,

  • Пробы в дизайне и html верстке сайтов

    Написано Февраль 3rd, 2007 Fisana 5 комментариев

    Немного отошла от дизайна форумов.
    Первая проба в дизайне сайтов. Есть несколько страничек с немного разной структурой.
    Примеры —
    Главная страница -http://ipbskins.ru/kino/
    Показ фильма -http://ipbskins.ru/kino/show.html

    А движок для сайта пишет Dr.Freddy …

    И впереди есть еще подобная работа, когда накопится немного готовых вариантов, создам страничку в портфолио.
    Бедные заказчики дизайна форумов…

    Чемодан без ручки
  • Page 1 of 212
Работает на WordPress