Кнопки Google+ Games - PullRequest
       1

Кнопки Google+ Games

2 голосов
/ 31 января 2012

Я понятия не имею, как даже начать этот вопрос, но мне сказал друг о переполнении стека, который в основном сказал мне, что, если мне нужна помощь или помощь другим, я должен прийти сюда.Итак, у меня вопрос к дизайнерам сайтов и программистам.(необязательно: иметь учетную запись Google + для визуальной помощи)

Если вы зайдете в Google+, у вас есть все эти интересные функции, которые кажутся продвинутыми с помощью кода, но очень просты по стилю.Вы наводите курсор на кнопку, и она становится анимированной, как в разделе игр.Я полагаю, что у вас есть изображение игры в контейнере div, и оно повторяется, как его рисунок или временная последовательность.Внизу изображения вы видите небольшой прямоугольник слева направо, заполненный другим цветом, и на нем указано название игры.Когда вы наводите указатель мыши на указанную игру, поле начинает перемещаться от нижней части div к верхней части div, полностью закрывая изображение, но содержит больше деталей.Эти детали включают описание игры и кнопку внизу, которая является темно-синеватой надписью «играть в игру», и когда вы наводите курсор на нее, она становится светло-голубого цвета.

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

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

Спасибо, что уделили время на прочтение этого смехотворно длинного вопроса, но я надеюсь, что это относительно разумно.

1 Ответ

2 голосов
/ 01 февраля 2012

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

http://learn.shayhowe.com/html-css/terminology-syntax-intro/

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

Удачи!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...