Мое хобби

Описывать тут собственно нечего - скрипт создает эффект падающих снежинок, которые украсят ваш сайт к новому году. А чтобы новички чувствовали себя немного комфортнее я оформил все это дело в виде модуля, что максимально упростило процесс установки...

Эта часть является продолжением того, что не влезло в предыдущую, ничего принципиально нового она не содержит, поэтому объяснять что квадрат квадратный, а круг круглый по-прежнему не имеет никакого смысла. Единственное что я забыл сказать в предыдущей части - нужно зайти в админку и во первых удалить уже не нужный модуль «mainMenu», заменив его штатным модулем «Меню», а во вторых, если вы этого еще не сделали, то модули «Меню» и «header» нужно переключить на шаблон вывода module_simple.tpl.

Как и обещал, эта часть будет посвящена исключительно css. Пару дней обдумывая что бы такое рассказать пришел к выводу, что несмотря на достаточно большое количество текста объяснять тут практически нечего, так как если посмотреть внимательнее, то все правила по сути сводятся к заданию размеров, отступов и фонов, в общем обычная рутина. Поэтому с комментариями буду краток, добавляя их только по необходимости в некоторых местах. Остальное легко отслеживается и если какое-то правило вызывает вопрос, то просто загляните в любой справочник и посмотрите что оно означает. В идеале для лучшего понимания лучше открыть firebug и в реальном времени наблюдать что на что влияет по мере добавления стилей.

Ну что же, раз по предыдущим постам вопросов не имеется, то перехожу к следующему этапу и для начала сделаю две вещи. Чтобы потом не удивляться удалю из style.css оставшуюся там запись #topPanel .module{padding:25px}, которая когда-то служила временной мерой для более-менее корректного отображения меню пользователя и отключу модуль, находящийся в позиции title, он понадобиться еще не скоро. На этом экспресс подготовка закончена, можно запустить сайт в браузере и первое, что бросается в глаза, это футер, который находится чуть ли не посередине экрана и смотрится совсем не эстетично.

Поскольку те, кто благополучно дошел до этого места в особых разъяснениях скорее всего не нуждаются, а остальные судя по всему их все равно не читают, то в этой части я решил особо не напрягаться и закрыть оставшиеся вопросы достаточно быстро и без подробностей. Если хотите воспринимайте этот пост как такое себе своеобразное подведение итогов. В конце концов все эти формы и скрипты еще неоднократно будут появляться в процессе, соответственно время понять эту тему на 5+ еще будет...

Приветствую всех, следующим на очереди у нас стоит футер и в отличии от секции mainBody здесь все происходит с точностью до наоборот - на первый взгляд все кажется проще, чем есть на самом деле. Чтобы лучше понять что я имею ввиду давайте сформулируем задачу в виде техзадания: 1. Заголовки модулей должны находиться на полупрозрачной панели, которая растянута на всю ширину экрана. 2. Текст этих заголовков должен быть залит градиентом. 3. У каждой позиции, кроме первой должна быть разделительная полоса слева. 4. Этот разделитель должен растягиваться по высоте в зависимости от заполнения модуля. 5. Согласно дизайну эта полоса должна состоять из четырех частей. 6. Все позиции независимо от наполнения должны иметь одинаковую высоту.

Продолжаем двигаться сверху вниз и следующей на очереди у нас стоит огромная, напичканная всем, чем только можно секция, под названием mainBody. Однако, несмотря на кажущуюся сложность, особых пояснений тут заслуживает только позиция title, на место которой согласно дизайну должны попадать заголовки компонентов. Во-первых, нужно определиться, что же из себя должна представлять и где должна быть расположена эта позиция в html коде, а во-вторых, как нам поступить с заголовками. Задача в общем то не совсем обычная и как мне кажется, решается она только одним способом – с помощью абсолютного позиционирования.

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

Поскольку вопросы имеют место быть, хочу прояснить свое отношение к теме шаблонов под ICMS-2. Изучать структуру, которая еще 300 раз может поменяться и говорить о том, чего еще нет, лично я не вижу никакого смысла. К тому же разработчики обещали подготовить документацию, в которой наверняка будет уделено какое-то внимание и этой проблеме тоже. Поживем – увидим. Всему свое время. Естественно это только мое мнение и я никоим образом не собираюсь его кому бы то ни было навязывать. Действуйте так, как считаете нужным. Ну а я пока что посижу на версии 1.10 и продолжаю рассказывать, основываясь именно на ней.

Наконец-то мы подошли к третьей, более практической части этого цикла и самое время вспомнить, что на данный момент у нас есть только одна рабочая позиция, в которой по очереди живут модули "Авторизации" и "Меню пользователя". Все остальные модули у нас отключены, и отключены они не случайно. На данном этапе они достаточно сильно бы нам мешали. С другой стороны, создавая позицию, мы должны в нее что-то вывести, иначе мы ее просто не увидим. Вот и давайте пойдем на компромисс и подготовим себе плацдарм для создания оставшихся позиций.

Приветствую всех, кому интересна данная тема. Перед тем, как продолжить хотелось бы заметить, что все те файлы, которые так или иначе будут использоваться в работе (скрипты, картинки и т.д.) я по мере продвижения буду складывать сюда. А чтобы избежать путаницы все, что имеет отношение к данной теме, будет иметь в имени префикс templ_. Думаю разберетесь.

1. Все, что я буду писать ниже не пошаговая инструкция. Все изменения в файлах движка, а так же излишняя сложность, как собственно каркаса шаблона, так и отдельных его элементов будут сделаны с одной единственной целью - рассмотреть как можно больше вопросов, которые могут возникнуть в процессе создания собственного продукта. 2. Не путайте понятия «дизайн» и «шаблон». В данной теме речь идет исключительно о верстке и единственная причина, по которой здесь представлен хоть какой-то намек на дизайн это то, что верстать цветные квадратики не так интересно. 3. Если вдруг возникнет вопрос «А с помощью чего это сделать?» - Я использую Total Commander, Notepad++, Photoshop, а так же плагин Firebug. Чем будете пользоваться вы, не имеет никакого значения. Лишь бы удобно было.

Как то один "деятель" заказывал у меня переделку стандартного меню под свои нужды. Товарищь пропал. Работа осталась невостребованной. Выкладываю код здесь, может кому то и сгодится. Выглядит вот так: Живое демо и собственно сам код: [hide]/* Меню с горизонтальной вставкой */ #topmenu{position:relative;width:940px;height:70px;margin:15px auto;background:#25548b url(../images/menubar.jpg) 0 0 repeat-x;border-radius:8px;-moz-border-radius:8px;box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000;behavior:url(/templates/_default_/css/PIE.htc)} #topmenu ul{height:40px} #topmenu li...

На многочисленные вопросы народа о том, что за слайдер крутится на моем демо сайте отвечаю, там просто внешний скрипт. Ну а поскольку интерес не угасает, то сделал на базе скрипта модуль. Какую информацию будет прокручивать слайдер мне было без разницы, поэтому после недолгих размышлений остановился на лучших фотографиях, если возникнут какие-то иные идеи, то с удовольствием выслушаю. Чтоб никому небыло обидно модуль представлен в двух вариантах кодировки. Выбирайте свой, устанавливайте и наслаждайтесь. [hide]Скачать[/hide] Ну и как водится для желающих помочь морально и материально...