Реклама на сайте Advertise with us

Как сделать такой дизайн?

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 21.10.10
Сообщения: 252
Рейтинг: 87

Ссылка на сообщениеДобавлено: 08/10/15 в 23:10       Ответить с цитатойцитата 

Объясните человеку не в теме smail101.gif, а может и помогите соорудить такой дизайн.
Вот пример livejasmin.com - скроллю сайт, тумбы подгружаются. Навожу на тумбу мышу, вижу имя модели, видео играет.
Все просто, но красота же icon_smile.gif
Тумбы разных размеров, что тоже прикольно.

Видел много таких сайтов в сети, но вот чо то найти примеры не смог.
Как это делают? Скрипт может какой то есть?

Хочу что то подобное, что бы тумбы подгружались во время скролла, что бы при наведении мыши какая то инфа на тумбе появлялась (текстовая), что бы какие нидь эффекты визуальные были может, ну типа зум небольшой на тумбах как вот тут scnr.jp (видео при наведении не надо smail101.gif ).

Спасибо!!! smail54.gif

0
 



С нами с 22.03.09
Сообщения: 7753
Рейтинг: 6329


Передовик Master-X (01.04.2010) Передовик Master-X (16.04.2010) Передовик Master-X (01.05.2010) Передовик Master-X (16.05.2010) Передовик Master-X (01.06.2010) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 09/10/15 в 03:56       Ответить с цитатойцитата 

HTML, CSS, немного javascript и query, все icon_biggrin.gif
Bootstrap попробуй.

Это сига

3
 



С нами с 18.03.09
Сообщения: 592
Рейтинг: 374

Ссылка на сообщениеДобавлено: 09/10/15 в 07:47       Ответить с цитатойцитата 

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

5
 



С нами с 06.10.15
Сообщения: 15
Рейтинг: -16

Ссылка на сообщениеДобавлено: 09/10/15 в 11:33       Ответить с цитатойцитата 

лучше делайте на JC

-5
 



С нами с 21.10.10
Сообщения: 252
Рейтинг: 87

Ссылка на сообщениеДобавлено: 10/10/15 в 03:17       Ответить с цитатойцитата 

Всем спасибо за ответы!!!!

Наличие минимальных знаний по теме полностью отсутствует smail101.gif

Осталось найти у кого заказать.

Мне вообще по факту нужно почти что копию livejasmin, только с другими цветами и без видео icon_smile.gif

Только вот что еще не понятно - HTML, CSS, немного javascript и query
Html, css понятно. А javascript и query - с этим на мобилах не будет беды?
Наверное нихрена работать не будет/
Или мне придется в любом случае мобильную версию делать отдельно при моих хотелках? icon_confused.gif

1
 



С нами с 22.03.09
Сообщения: 7753
Рейтинг: 6329


Передовик Master-X (01.04.2010) Передовик Master-X (16.04.2010) Передовик Master-X (01.05.2010) Передовик Master-X (16.05.2010) Передовик Master-X (01.06.2010) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 10/10/15 в 03:20       Ответить с цитатойцитата 

Roys писал:
с этим на мобилах не будет беды

smail101.gif
дуй к верстальщикам, проблемы да, будут, на nokia3310 smail101.gif

Это сига

2
 



С нами с 30.04.05
Сообщения: 6634
Рейтинг: 3472


Передовик Master-X (01.10.2015) Передовик Master-X (16.03.2016) Передовик Master-X (01.04.2016) Передовик Master-X (16.04.2016) Передовик Master-X (01.05.2016) Ветеран трепа Master-X (01.06.2016)
Ссылка на сообщениеДобавлено: 10/10/15 в 08:33       Ответить с цитатойцитата 

Roys писал:
Осталось найти у кого заказать.
Был тут один профи, но его забанили, за то что форум этот взломал от нехер делать smail101.gif

Надежный и отзывчивый VPS хостинг для серьезных проектов. Проверенная пуш партнерка

0
 
+ + +


С нами с 21.08.15
Сообщения: 779
Рейтинг: 76

Ссылка на сообщениеДобавлено: 10/10/15 в 11:04       Ответить с цитатойцитата 

Roys писал:
Только вот что еще не понятно - HTML, CSS, немного javascript и query
Html, css понятно. А javascript и query - с этим на мобилах не будет беды?
Наверное нихрена работать не будет/

Ну дизайну ты на форуме явно не научишся smail101.gif
а насчет бед они будут не только на мобилках но и на разных браузерах smail101.gif

1
 



С нами с 23.06.14
Сообщения: 931
Рейтинг: 190

Ссылка на сообщениеДобавлено: 12/10/15 в 01:31       Ответить с цитатойцитата 

Если речь идет об эффекте при наведении: осветление картинки и ее увеличение, то это и без JS можно сделать, исключительно на CSS.

А на счет мобилок - то даже если на JS сделать этот эффект, то он ведь все работает только при НАВЕДЕНИИ мыши, а на мобилах там НАВЕДЕНИЯ как такого нет. (разве что - эффект будет заметен при клике пальцем на эту "тумбу").

1
 



С нами с 03.12.12
Сообщения: 80
Рейтинг: 128

Ссылка на сообщениеДобавлено: 12/10/15 в 21:51       Ответить с цитатойцитата 

мне всегда так нравится, когда пишут - легко делается, чутка того, сего и в продакшен. но ни кто не берется сделать.

кабы все так просто...

я к примеру даже не подписался бы на такое.
хотя я конечно и не сильный сварщик. но по коментам то - делается в полтыка... icon_smile.gif

1
 



С нами с 22.03.09
Сообщения: 7753
Рейтинг: 6329


Передовик Master-X (01.04.2010) Передовик Master-X (16.04.2010) Передовик Master-X (01.05.2010) Передовик Master-X (16.05.2010) Передовик Master-X (01.06.2010) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 12/10/15 в 21:53       Ответить с цитатойцитата 

grush: все верно, в пол тыка, что тут удивительного?

grush писал:
я конечно и не сильный сварщик

просто ты не сварщик )

Это сига

1
 



С нами с 03.12.12
Сообщения: 80
Рейтинг: 128

Ссылка на сообщениеДобавлено: 12/10/15 в 21:55       Ответить с цитатойцитата 

Roys писал:
с другими цветами и без видео icon_smile.gif

Только вот что еще не понятно - HTML, CSS, немного javascript и query
Html, css понятно. А javascript и query - с этим на мобилах не будет беды?
Наверное нихрена работать не будет
Или мне придется в любом случае мобильную версию делать отдельно при моих хотелках? icon_confused.gif


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

Последний раз редактировалось: grush (12/10/15 в 21:56), всего редактировалось 1 раз

1
 



С нами с 03.12.12
Сообщения: 80
Рейтинг: 128

Ссылка на сообщениеДобавлено: 12/10/15 в 21:55       Ответить с цитатойцитата 

Semen_ssr писал:
grush: все верно, в пол тыка, что тут удивительного?


сделали? работает? видео играет? где посмотреть?

1
 



С нами с 22.03.09
Сообщения: 7753
Рейтинг: 6329


Передовик Master-X (01.04.2010) Передовик Master-X (16.04.2010) Передовик Master-X (01.05.2010) Передовик Master-X (16.05.2010) Передовик Master-X (01.06.2010) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 12/10/15 в 21:56       Ответить с цитатойцитата 

grush: у меня все работает, я себя не рекламирую, на заказ не работаю smail101.gif

Это сига

1
 



С нами с 03.12.12
Сообщения: 80
Рейтинг: 128

Ссылка на сообщениеДобавлено: 12/10/15 в 21:57       Ответить с цитатойцитата 

Semen_ssr писал:
grush: у меня все работает, я себя не рекламирую smail101.gif

а я бы все равно хотел взглянуть.

0
 



С нами с 22.03.09
Сообщения: 7753
Рейтинг: 6329


Передовик Master-X (01.04.2010) Передовик Master-X (16.04.2010) Передовик Master-X (01.05.2010) Передовик Master-X (16.05.2010) Передовик Master-X (01.06.2010) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 12/10/15 в 21:58       Ответить с цитатойцитата 

grush: тут куча: google.com

Это сига

0
 



С нами с 03.12.12
Сообщения: 80
Рейтинг: 128

Ссылка на сообщениеДобавлено: 12/10/15 в 22:00       Ответить с цитатойцитата 

Semen_ssr писал:
grush: тут куча: google.com

ну я о том и говорю. коменты почитаешь - вокруг одни специалисты. а как сделать надо, так и некому...

0
 



С нами с 22.03.09
Сообщения: 7753
Рейтинг: 6329


Передовик Master-X (01.04.2010) Передовик Master-X (16.04.2010) Передовик Master-X (01.05.2010) Передовик Master-X (16.05.2010) Передовик Master-X (01.06.2010) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 12/10/15 в 22:02       Ответить с цитатойцитата 

grush: я не выполняю ничего на заказ, ты чего завелся?
специалист получше тут некоторых, не волнуйся за меня ))

Это сига

0
 



С нами с 03.12.12
Сообщения: 80
Рейтинг: 128

Ссылка на сообщениеДобавлено: 12/10/15 в 22:06       Ответить с цитатойцитата 

Semen_ssr писал:
grush: я не выполняю ничего на заказ, ты чего завелся?
специалист получше тут некоторых, не волнуйся за меня ))

ты не правильно меня понял. я не завелся. сори если сложилось такое впечатление. посмотрел бы, а раз ты как раз на связи может и спросил бы чего. нет да нет. но пробем

0
 



С нами с 22.03.09
Сообщения: 7753
Рейтинг: 6329


Передовик Master-X (01.04.2010) Передовик Master-X (16.04.2010) Передовик Master-X (01.05.2010) Передовик Master-X (16.05.2010) Передовик Master-X (01.06.2010) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 12/10/15 в 22:08       Ответить с цитатойцитата 

сегодня уже не на связи, контакты есть, я не жадный, по поводу спросить - тебе любой тут скажет icon_smile.gif

Это сига

0
 



С нами с 30.11.03
Сообщения: 1223
Рейтинг: 753

Ссылка на сообщениеДобавлено: 12/10/15 в 22:29       Ответить с цитатойцитата 

Как показывает личная практика, на словах оно - да, всё просто, бац бац и готово. А на самом деле сцуко надо работать и оно сцуко всё таки жрёт время, а потом еще и тут что- то кривенько и тут что-то не так, и опять время на исправление. Так что ребят, про быстро и легко это всё пиздабольство. Очень часто и не берутся, потому что знают как сделать, но и понимают что поработать придётся немало.

0
 



С нами с 22.03.09
Сообщения: 7753
Рейтинг: 6329


Передовик Master-X (01.04.2010) Передовик Master-X (16.04.2010) Передовик Master-X (01.05.2010) Передовик Master-X (16.05.2010) Передовик Master-X (01.06.2010) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 12/10/15 в 22:32       Ответить с цитатойцитата 

Vigo: это называется - нет предела совершенству. Куча таких проектов и в основном не окупаемых, а вот ба-бац, симпатично - работает на ура ))) И вот когда уже работает ... начинаем облизывать.

Это сига

0
 



С нами с 30.11.03
Сообщения: 1223
Рейтинг: 753

Ссылка на сообщениеДобавлено: 12/10/15 в 22:37       Ответить с цитатойцитата 

Semen_ssr:
Так обычно бывает, когда заказчик и исполнитель- одно лицо smail101.gif

0
 



С нами с 22.03.09
Сообщения: 7753
Рейтинг: 6329


Передовик Master-X (01.04.2010) Передовик Master-X (16.04.2010) Передовик Master-X (01.05.2010) Передовик Master-X (16.05.2010) Передовик Master-X (01.06.2010) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 12/10/15 в 22:39       Ответить с цитатойцитата 

Vigo: во, тут мы почти родственники smail101.gif

Это сига

0
 



С нами с 23.06.14
Сообщения: 931
Рейтинг: 190

Ссылка на сообщениеДобавлено: 12/10/15 в 23:31       Ответить с цитатойцитата 

Автор же в старт-посте указал что видео при наведении ему не надо, и дал пример вот этот:
http://www.scnr.jp/

В этом примере я увидел эффект при наведении: осветляется картинка и плавно увеличивается немного, как-бы "разъезжается". Я говорю, что такое можно сделать и БЕЗ JS, если автору надо такое - пусть обращается по контактам, я могу сделать. icon_wink.gif

А вот чтобы "тумба подгружалась (другая) во время наведения", то это уже без js не обойтись....

1
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »