Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Ребят помогите сделать рамку при наведении мышки" (https://javascript.ru/forum/dom-window/50779-rebyat-pomogite-sdelat-ramku-pri-navedenii-myshki.html)

ifilippovs13 10.10.2014 18:46
Ребят помогите сделать рамку при наведении мышки"
 
Ребят я новичек помогите пойжалуста мне нужен код чтобы при наведении на тавар была цветная рамка а сделать я незнаю как мож кто научит?
vk.com/id95433078 например как тут addkey.ru

Safort 10.10.2014 19:12
Вбей в поиске что-то типа CSS :hover мб что полезное увидишь.

ifilippovs13 10.10.2014 19:14
ща посматрю

danik.js 10.10.2014 19:15 
<style>
.product{
    float: left;
    width: 100px;
    height: 100px;
    border: 2px solid transparent;
    background: #e5e5e5;
    transition: border-color 0.2s ease-out;
}
.product:hover{
    border-color: blue;
}
</style>
<div class="product">
Товар типа
</div>

ifilippovs13 10.10.2014 19:16
не то

ifilippovs13 10.10.2014 19:16
спс

ifilippovs13 10.10.2014 19:16
ща проверим

Safort 10.10.2014 19:19
danik.js,
о, даже с модной анимацией запилил!)

ifilippovs13 10.10.2014 19:23
бля ребят помогите устоновить я половину понял го в скайп alinatomaz

ifilippovs13 10.10.2014 19:24
помоги устоновить спс заранее

ifilippovs13 10.10.2014 20:04
ребят помогите плиз установить скайп alinatomaz

danik.js 10.10.2014 20:18
Цитата:
Сообщение от ifilippovs13
ребят помогите плиз установить скайп
1) Идешь на страницу загрузки: http://www.skype.com/ru/download-sky...-for-computer/
2) Жмешь зеленую кнопку.
3) Запускаешь скачанный инсталлятор.
4) Далее..Далее..Далее..Готово!

ifilippovs13 10.10.2014 20:26
danik.js,
ахахаах слушай прикрольно получилось да не сайп мне нужен можешь помочь)я репку поставил тебе)
прост у меня магазин на php,java,html все вместе прост я знаю куда заливать твой текст с рамкой но не так получается можешь помочь если что сори что с ощибками пишу быстро прост скайп alinatomaz

danik.js 10.10.2014 20:28
Цитата:
Сообщение от ifilippovs13
у меня магазин на php,java,html
А css нет совсем чтоли? Тогда не знаю чем помочь..

ifilippovs13 10.10.2014 20:30
danik.js,
Есть кароче на сылку поймешь сам collshop.besba.com

ifilippovs13 10.10.2014 20:31
danik.js,
мне надо чтобы вот та этот тавар в магазине когда мышку наводишь и чтобы рамка была убираешь мышку и исчезала

ifilippovs13 10.10.2014 20:36
danik.js,
Ну так что поможешь?

danik.js 10.10.2014 20:39
ПКМ по товару -> Просмотр кода элемента. Водишь по элементам пока не засветится вся плитка с товаром. Смотришь на атрибут class и запоминаешь. Справа видишь стили всякие. Смотришь с какого файла они берутся. Идешь в тот файл, вставляешь мой код, только вместо .product пишешь свой класс, который запомнил.

ifilippovs13 10.10.2014 20:40
danik.js,
Щас попробую отпешусь

ruslan_mart 10.10.2014 20:40
Ахахахахахаха

ifilippovs13 10.10.2014 20:42
danik.js,
class="macpay-snapshot"
???

Viral 10.10.2014 20:43
Ахахахахахаха

ifilippovs13 10.10.2014 20:45
?danik.js,
Это исал я?<div rel="35" style="height:260px;" class="macpay-snapshot" title="Теставая Покупка">
<

ruslan_mart 10.10.2014 20:46
Цитата:
Сообщение от ifilippovs13
title="Теставая Покупка"
Я представляю, что подумают посетители твоего "сайта", когда такое увидят. :)

ifilippovs13 10.10.2014 20:47
Не я прост в этом почти не чен не понимюа

ifilippovs13 10.10.2014 20:48
помоги как сделать чтобы при наводе мышкой на тавар рамка цветная была

Viral 10.10.2014 21:34
ifilippovs13, идешь с библиотеку (это такой дом с книжками), говоришь там миловидной доброй пожилой женщине в очках "Здравствуйте, будьте любезны, уебите мне, пожалуйста, книжечкой Розенталя (ударение на А) разок-другой".
Повторять, пока по выражениям лиц окружающих не станет видно, что они понимают, что ты говоришь.

bes 10.10.2014 23:37
решил ради эксперимента этот http://javascript.ru/forum/study/507...ii-myshki.html swf в gif переконвертить, за 3 часа - результата 0, задачка оказалась нетривиальной


Часовой пояс GMT +3, время: 00:10.