Изменение курсора при наведении на кнопку

yarikdurik · Сообщение **yarikdurik** » 27 июл 2013, 23:59

Сделав Лэндинг пэдж в Web Builder и дав посмотреть знакомому web мастеру он ручками слегка изменил код дабы при наведении на кнопку менялся курсор

адресс сайта http://www.hd93.ru

он прописывал в каждую кнопку
cursor: pointer;

#Button4
{
border: 4px #000000 dotted;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #F0F0F0;
color: #000000;
font-family: 'Trebuchet MS';
font-size: 19px;
-moz-box-shadow: 5px 5px 5px #000000;
-webkit-box-shadow: 5px 5px 5px #000000;
box-shadow: 5px 5px 5px #000000;
cursor: pointer;
}

причем он дописывал только для кнопок с функцией отпраки телефона на почту,обычные кнопки идут уже с курсором (при наведении)

можно ли это сделать в самой программе,не редактируя html???

yarikdurik · Сообщение **yarikdurik** » 28 июл 2013, 21:04

что никто не знает??? вроде такая с виду простая штука...изменение курсора при наведении на кнопку...неужели нельзя в программе это настроить???

Сообщение **Mavik** » 28 июл 2013, 22:28

Можно, токмо не надо.
Да и объяснять долго.

yarikdurik · Сообщение **yarikdurik** » 14 окт 2013, 00:28

мне очень надо,не зря же я целую тему открыл,расскажите плиз кто знает...

Сообщение **Mavik** » 18 окт 2013, 15:54

http://mojwp.ru/cursor-css.html

или

Инструкция

1. Сначала скачайте картинку, которая будет заменять указатель на сайте. Изображения распространенных графических форматов (.bmp, .gif, .jpeg, .png и др.) для этой цели не подойдут.

2. Для замены указателя нужна картинка в формате .cur или .ani. Чтобы получить такое изображение, найдите в интернете специально предназначенные для курсоров картинки. Расширение .cur характерно для статических изображение, а .ani - для анимированных. Сохраните на компьютер понравившийся файл.

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

4. Залейте изображение для курсора на сайт. Затем в коде ресурса найдите тег <body> и внесите в него следующие изменения:<body style="cursor:url(images/1.ani);"><body> Вместо записи "images/1.ani" обозначьте путь к залитой на ваш сайт картинке.

5. Если вы хотите, чтобы курсор при наведении на ссылку был в виде одной картинки, а при нахождении в области отсутствия ссылающегося элемента - имел вид другого изображения, то лучше для изменения указателя использовать CSS. Чтобы сделать такие преобразования, сначала залейте на сайт еще один файл с расширением .cur или .ani.

6. Затем в CSS вашего сайта сделайте запись "body {cursor:url('1.ani');}", указав вместо "1.ani" путь к залитому на сайт основному изображению для курсора. Этот код добавляет свойство менять курсор на указанную картинку к тегу <body>, в котором прописывается содержимое всех страниц ресурса.

7. Потом напишите в CSS строчку "a {cursor:url('2.ani');}", заменив "2.ani" на путь к залитому на ресурс изображению курсора, которое должно возникать при наведении указателя на ссылку. Сделанная запись позволяет заменить курсор на соответствующую картинку при попадании указателя на любую ссылку на сайте, так как вносит изменения в свойство тега <a>.

yarikdurik писал(а):что никто не знает??? вроде такая с виду простая штука...изменение курсора при наведении на кнопку...неужели нельзя в программе это настроить???

Изменение курсора,без всяких эффектов кнопки.

smmysl · Сообщение **smmysl** » 19 янв 2014, 00:12

Изменение курсора,без всяких эффектов кнопки.

Дай Бог тебе здоровья, добрый человек!!! :bra_vo:

ThinRedLine · Сообщение **ThinRedLine** » 17 фев 2014, 16:49

А ни кто не подскажет что в билдере сделать чтобы при наведение курсора кнопка менялась?

ThinRedLine писал(а):А ни кто не подскажет что в билдере сделать чтобы при наведение курсора кнопка менялась?

Кнопка где?
Если в форме обр.связи,то это в стилях прописывать надо ручками.
Если просто кнопка на сайте,то управляемое изображение в помощь.
Ставьте вопросы конкретней-получите конкретный ответ.

ThinRedLine писал(а):А ни кто не подскажет что в билдере сделать чтобы при наведение курсора кнопка менялась?

Управляемое изображение меняет одно изображение на другое или действительно напишите подробнее чего желаете))

Сообщение **anonimus** » 17 фев 2014, 17:40

ThinRedLine писал(а):А ни кто не подскажет что в билдере сделать чтобы при наведение курсора кнопка менялась?

viewtopic.php?f=56&t=1518

Изменение курсора при наведении на кнопку [РЕШЕНО]

Изменение курсора при наведении на кнопку [РЕШЕНО]

Re: Изменение курсора при наведении на кнопку

Re: Изменение курсора при наведении на кнопку

Re: Изменение курсора при наведении на кнопку

Re: Изменение курсора при наведении на кнопку

Re: Изменение курсора при наведении на кнопку

Re: Изменение курсора при наведении на кнопку

Re: Изменение курсора при наведении на кнопку

Re: Изменение курсора при наведении на кнопку

Re: Изменение курсора при наведении на кнопку

Re: Изменение курсора при наведении на кнопку

Кто сейчас на конференции

Кто сейчас на конференции

Добро пожаловать на форум!