Jump to content

Первый сверстанный макет


Bumblebee
 Share

Recommended Posts

Понимаю, что косяков там, наверное, туча.

Макет:

https://docs.google.com/file/d/0Bzaxm4w3ZjIsT29TUWJEMmtrejA/edit

Верстка:

http://bumblebee.p.ht/

Моя первая работа, доведенная до конца (кроме главного слайдера, его я оставлю на потом).

Критикуйте :)

Link to comment
Share on other sites

Понимаю, что косяков там, наверное, туча.

Не знаю насчёт тучу =) Думаю кто профессионал,может найдёт,я особо не рыскал,и у меня нормально всё отображается.

Могу посоветовать некоторые части писать на css. К примеру тени. Да и фон,зачем фото ?

И да раз за фон пошла речь а зачем два раза писать bg ?

К примеру тень в футоре,есть на харабаре,статья как её делать на css.

Зачем в футоре писать bg-color,хотя роли он не какой не играет .

background-image: url("[b]img/lines.png[/b]");
background-repeat: no-repeat;
background: url("[b]img/lines.png[/b]") no-repeat, url("img/background.jpg") repeat;

И ещё немного смутила,где надо было писать градиентом ты писал... А вот где можно был bg цветом или градиентом или свечение (rgba у тени менять) сделать нет ...

Теперь у поиску... Сами писали ?

Просто думал вот те два кружочка это кнопка при нажатии на которую производится поиск,тут я начал вписывать в графу текст,появился крестик (я подумал,вот это штука,не ну реально не плохая фишка,да и в тему прям под вторым кружком,как по дизайну),потом начал вести до конца,а текст только на крестики о остановился,а как искать,а entet жать ? Думаю стоит сделать кнопку =)

  • Like 1
Link to comment
Share on other sites

Понимаю, что косяков там, наверное, туча.

Не знаю насчёт тучу =) Думаю кто профессионал,может найдёт,я особо не рыскал,и у меня нормально всё отображается.

Могу посоветовать некоторые части писать на css. К примеру тени. Да и фон,зачем фото ?

И да раз за фон пошла речь а зачем два раза писать bg ?

К примеру тень в футоре,есть на харабаре,статья как её делать на css.

Зачем в футоре писать bg-color,хотя роли он не какой не играет .

background-image: url("[b]img/lines.png[/b]");
background-repeat: no-repeat;
background: url("[b]img/lines.png[/b]") no-repeat, url("img/background.jpg") repeat;

И ещё немного смутила,где надо было писать градиентом ты писал... А вот где можно был bg цветом или градиентом или свечение (rgba у тени менять) сделать нет ...

Теперь у поиску... Сами писали ?

Просто думал вот те два кружочка это кнопка при нажатии на которую производится поиск,тут я начал вписывать в графу текст,появился крестик (я подумал,вот это штука,не ну реально не плохая фишка,да и в тему прям под вторым кружком,как по дизайну),потом начал вести до конца,а текст только на крестики о остановился,а как искать,а entet жать ? Думаю стоит сделать кнопку =)

Фон там неоднородный, потому и картинка. Два раза фон задавал, потому что некоторые старые браузеры не понимают свойства background, когда там указывается несколько фоновых изображений.

За советы по поводу css спасибо, буду кое какие элементы переделывать.

Крестик в поле поиска - это фича, которая появляется в некоторых браузерах, если вместо обычного <input type="text"> использовать <input type="search">. Кнопку поиска действительно стоит добавить.

Zveruchka, спасибо за критику, постараюсь все выправить.

IvanRu08, держи:

http://www.freepsd.ws/59-temnyy-psd-maket-sayta-gooddate.html

Всем спасибо за советы и замечания, ценю! :)

Link to comment
Share on other sites

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