Самый крутой покемон

Мануал по первичной настройке компонента

Не закрывая этого окна откройте админку и перейдите в настройки компонента.

Если текущие размеры обложки и эскизов вас не устраивают, то установите желаемые и сохранив настройки перейдите на вкладку с конкурсом. Обновите страничку.

Нажмите на эту ссылку чтобы узнать максимально возможную для вашего шаблона ширину основных фото и необходимый отступ между эскизами. Что касается второго, то с моей точки зрения наиболее оптимальный отступ это что-то около 10 - 15px, но вы естественно вольны выбирать то значение, которое вам нравится. Как бы там ни было, а если при текущей ширине эскиза отступ получается слишком мал или слишком велик, то поиграйтесь с размером эскиза пока не добьетесь нужного результата и в любом случае постарайтесь не делать эскизы слишком большими! Это вызовет ничем не оправданную нагрузку на сервер.

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

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

Откройте файл стилей компонента (/concurs/css/concurs.css) и установите уже известные значения ширины для селекторов #concurs_box и margin-left для .concurs_item (они в самом верху файла.). Обратите внимание что margin вычисляется примерно, поэтому если после сохранения файла стилей и обновления странички вы увидите некоторую несимметричность, то скорректируйте значение отступа в пределах плюс-минус 1 пиксель.

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

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

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