Jump to content

Сайт для визажиста


weart
 Share

Recommended Posts

Делаю своей девушке сайт.

- wordpress

- горизонтальная галерея - прокрутка реагирует на колесико мыши (через jquery)

- шрифт через fontsquirrel

- html5 верстка

- резиновый фон через jquery

Скрины:

ScreenShot_4200242_4500853.jpg

Вот так при увеличении окна:

ScreenShot_4745812_4500860.jpg

ScreenShot_5057933_4500854.jpg

При прокручивании галереи она уходит под полупрозрачный png с меню. Сделано для того, чтобы меню менее отвлекало от фото

ScreenShot_9880962_4500855.jpg

Раздел с видео - здесь будут бекстейжи и другие видео:

ScreenShot_6025588_4500857.jpg

Контакты:

ScreenShot_9190961_4500858.jpg

Ссылка будет позже. Но код красивый :)

Link to comment
Share on other sites

Смотрится приятно.

Как можно улучшить:

  1. [Work, Video] Убрать сверху черный прямоугольник — фотографии тогда можно будет показывать во всю высоту окна.
  2. [Везде] Логотип расположить над меню, чтобы он не отвлекал от фото.
  3. [Work, Video] Раз похвально желаете, "чтобы меню менее отвлекало от фото", то логично будет вертикальный полупрозрачный прямоугольник в меню заменить на полностью прозрачный — пускай остаются только пункты меню и логотип. Чтобы с фоном текст не сливался, можно сделать небольшую тень для него. Т. е. пускай меню в галерее выглядит так же, как и на главной.
  4. [Contact]
    • В форме сделать правильные вертикальные отступы между контролами и идущими за ними лейблами — сейчас все сливается.
    • "Tel" -> "Tel.", "Mail" -> "E-mail", "Theme" -> "Subject".
    • Телефон, мыло и скайп лучше поместить в таблицу, где в левой колонке будут подписи, а в правой — значения. Т. о., значения будут выровнены слева по одной вертикальной линии.
    • "+7 901 202 45 65" -> "+7 901 202-45-65" — не обязательно, но предпочтительнее.

Link to comment
Share on other sites

Пока нравится)

- резиновый фон через jquery - что делает плагин? Растягивает картинку сохраняя пропорции? Ссылку можно?

Ради интереса попытался сделать масштабируемый фон на "чистом" js - http://nepiu.narod.ru/works/scalable_background_image.html

Однако, я вчера протупил. Вот что значит недосып :lol: Поправил :rolleyes:

Edited by nerv
  • Like 1
Link to comment
Share on other sites

  • 3 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy