Смена знака pointer на lupa

Тема в разделе "Интеграция дизайна\ верстки, настройка системы", создана пользователем Сергей П, 9 авг 2016.

  1. Подскажите как вставить (и куда) такой код, что бы вместо курсора "Рука" был курсор "Лупа"?
    Код этот: cursor: url(img/lupa.cur), url(img/lupa.png)
    Спасибо!
     
  2. VMerk

    VMerk Moderator

    Можно создать класс в файле стиля style.css

    .zoom_cursor{
    cursor: url(../img/lupa.cur), url(../img/lupa.png);
    }

    и применять этот класс для необходимых элементов.
     
  3. Все равно не получается - что то с руками...
    В CSS:
    .lupa {cursor: url(../img/lupa.cur), url(../img/lupa.png);} - Мой код стоит (не мешая Вашему)
    .zoom_cursor{cursor: url(../img/lupa.cur), url(../img/lupa.png);} - Ваш код стоит (то же)

    На странице catalog_list_products.tpl.php:
    Поставил так:
    <div class="zoom_cursor">
    <a href="<? echo ($tl_product['img'] != "" ? $content_photos_dir . "super/" . $tl_product['img'] : $dir_images.'noimg.png'); ?>" class="fb-gallery" data-fancybox-group="gallery" title="<? echo $tl_product['name']; ?>">
    <div class="product_image style="height: 150px;line-height: 150px;" <?if($short === true){?>short<?}?>" >
    <img class="<?if($short === true){?>short-img<?}?>" id="prod_image_<? echo $temp_id;?>" src="<? echo ($tl_product['img'] != "" ? $content_photos_dir . "big/" . $tl_product['img'] : $dir_images.'noimg.png'); ?>" alt="<? echo $tl_product['name']; ?>">
    </div>
    </a>
    </div>

    Подскажите куда вписать класс: zoom_cursor - ? (что же поменять в коде что выше)
    Файл с расширением cur - создал, загрузил к остальным исходным файлом.
    Пробовал менять пути подставляя: / и ./ и ../ - все так же (нет результатов).
     
    Последнее редактирование: 12 авг 2016
  4. VMerk

    VMerk Moderator

    Сам css код не верный, работать не будет. Правильно будет так:
    Код:
    .zoom_cursor{
    cursor: url(../img/lupa.png), auto;
    }
    А сам класс zoom_cursor нужно ставить на тег <a>

    [​IMG]

    В вашем случае получается
    Код:
    <div>
    <a href="<? echo ($tl_product['img'] != "" ? $content_photos_dir . "super/" . $tl_product['img'] : $dir_images.'noimg.png'); ?>" class="fb-gallery zoom_cursor" data-fancybox-group="gallery" title="<? echo $tl_product['name']; ?>">
    <div class="product_image style="height: 150px;line-height: 150px;" <?if($short === true){?>short<?}?>" >
    <img class="<?if($short === true){?>short-img<?}?>" id="prod_image_<? echo $temp_id;?>" src="<? echo ($tl_product['img'] != "" ? $content_photos_dir . "big/" . $tl_product['img'] : $dir_images.'noimg.png'); ?>" alt="<? echo $tl_product['name']; ?>">
    </div>
    </a>
    </div>
     
  5. Все получилось! Спасибо!
     

Поделиться этой страницей