E-mail:
Главная / Classipress / Модернизация / Еще немного косметики для Classipress
Косметика для Classipress

Еще немного косметики для Classipress

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

Для того чтобы зафиксировать бар необходимо в файл style.css добавить следующий код:

Теперь при прокрутке страницы верхний бар в Classipress всегда будет навиду:
Зафиксированный бар Classipress

Большинство пользователей при прикреплении фотографий к объявлениям в Classipress ленятся давать им нормальные «человеческие» названия, поэтому названия к фото автоматически подтягиваются из наименований файлов. Ничего страшного в этом конечно же нет, но если навести мышку в листинге на превью в объявлении то появится увеличенное фото под которым и будет отображаться его название. На мой взгляд, такая надпись не только не несет ни какой смысловой нагрузки, но и портит внешний вид.

Фото с подписью в Classipress

Заставить пользователей подписывать фото правильно вряд ли удастся, а вот сделать так, чтоб надписи вообще не отображались – запросто.

Добавьте в начало файла style.css такую строчку:

И результат не заставит себя ждать:

Фото без надписи в Classipress

Теперь займемся слайдером Classipress. Не знаю, как вам, а мне не нравится когда при наведении курсора мышки на превью в слайдере VIP объявлений, появляется серый прямоугольный фон.

Фон по умолчанию в Classipress

Исправить этот косметический дефект можно путем замены в файле style.css строки:

На строку

Таким образом мы избавились от серых пятен в слайдере:

Новый фон в слайдере Classipress

Ну вот, собственно на сегодня и все. Спасибо, что нашли в себе силы дочитать этот пост до конца ))

DMaster

DMaster
Создание досок объявлений на шаблоне Classipress для Wordpress "под ключ". Помощь в установке на хостинг, настройке, локализации, модернизации шаблона, а также мелкие правки и корректировки под ваши нужды.

33 комментария

  1. Нет возможности добавить крестик чтобы пользователь смог скрыть панель при необходимости. Хотел бы увеличить верхний сайтбар и добавить цвет или прозрачность. Спасибо!

    • DMaster

      А потом как пользователь эту панель обратно возвращать будет если у него вдруг обратная необходимость возникнет?

      Вот вариант с прозрачностью, которая уменьшается при наведении мышки на верхний сайдбар:

      .header_top {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 999;
      filter: alpha(Opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;

      }

      .header_top:hover{
      filter: alpha(Opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;
      }

      html {
      margin-top: 32px;
      }

      Нужный цвет задайте параметром backround, например красный -

      background: #b22222

  2. А если кто-то разместил рекламу в шапке. Вряд ли ему понравиться, что реклама будет скрываться при прокрутке. Скажите , я правильно понял, сделать html {margin-top: 32px;} не 32, больше на высоту шапки.

    • DMaster

      Вы хотите сказать, что на дефолтной Classipress шапка сайта вместе с размещенным там рекламным блоком при прокрутке не скрывается? ))

  3. Скрывается. Но Вы предложили оригинальное решение. Если это можно сделать, то считаю, что рекламу все же нужно оставить на месте.

  4. Спасибо за разговор. Попробую воспользоваться несколькими советами. Если интересно, могу отписаться позже. Начну с этих.

  5. Спасибо. Все работает. Я у Вас здесь остаюсь. Написано доходчиво и без обмана. Соберу денег и куплю несколько примочек.

  6. Решение со скрытием имени картинки не решает проблему полностью. Когда заходишь на объявление и увеличиваешь фото, то имя присутствует. Хотя в ленте на главной при наведении курсора имя исчезает.

  7. Эльмин

    Прекрасная статья)))Спасибо вам))

  8. "Для того чтобы зафиксировать бар необходимо в файл style.css добавить следующий код" а куда именно его вставить в файле? После какой строчки?

  9. Делаю как написано после последней вставляю, но все остается так же

  10. К сожалению такого файла нет в теме

    • DMaster

      Не поленился, проверил - бар фиксируется. Не знаю почему у вас этим возникла проблема. Страницу в браузере не забываете обновлять после изменений?

  11. Спасибо за беспокойство, буду пробовать дальше

  12. header_top измени на header_main

  13. Сергей

    Всем привет !!!
    Привет DMastery!
    Отличное решение.
    А предположим мне не нужны (вход,выход) а оставить только добро пожаловать,имя ну и можно кабинет,
    Как реализовать такое? где открутить текст?

  14. Сергей

    День добрый!!! Ок спасибо.
    Вопрос такой по моему у Вас на сайте видел как сделать подачу объявлений без регистрации,но не могу найти где видел, может подскажите как сделать подачу объявлений без регистрации?
    у меня просто есть одна идейка,если все получится удачно то обязательно поделюсь инфой с
    DMaster,. Много раз выручал,спасибо !!!

  15. pochemu na slaydere 3 obyavleniya mojnali zdelat 5

    • DMaster

      Присмотритесь внимательней, на скринах фрагмент левой части слайдера. Два слайда просто остались за кадром ))

  16. Не получается, добавил в конце файла, ничего не получилось

  17. заработало. Подскажите как остановить и следующую планку: "Главная" "Категории".....?

    • DMaster

      Готового рецепта у меня нет. Пробуйте реализовать на CSS + JavaScript, примеров подобных решений в сети предостаточно.

  18. Алексей

    Здравствуйте, а можно ли сделать так чтоб при добавлении объявления, выбирая область, открывалась отдельно города принадлежащие это области?

  19. Алексей

    Я извиняюсь, но я ничего не увидел в ответе. Или я не там посмотрел..

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Защита от спама: *

Пожалуйста, не пишите комментарии не относящиеся к текущей теме, они не будут опубликованы.