Перейти к содержимому

Фотография
- - - - -

Оцените верстку пожалуйста.


  • Вы не можете создать новую тему
  • Авторизуйтесь для ответа в теме
Сообщений в теме: 14

#1 stan077

stan077

    Частый гость

    Топикстартер
  • Участник
  • 7
    108 сообщ.

Отправлено 03 Ноябрь 2013 в 13:24

Добрый день!

 

 

макет - http://s017.radikal....8baf1e4391e.jpg

 

верстка - /upprize/


  • 1

Спонсор

#2 motek

motek

    злой как @

  • V.I.P.
  • 320
    730 сообщ.

Отправлено 03 Ноябрь 2013 в 20:34

Опять я начну :)

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

например в данном макете просятся такие элементы, как FIGURE и FIGCAPTION, которые специально созданы для плашек под изображения...

Что касается непосредственно макета - все валидно и кашерно, но Вы схалтурили с размерами шрифта - сразу же убежало меню:

Изображение

 

Что касается шрифтов, то я насчитал 5 разных :) ...Вы грамотно подключили нестандартный, но забыли добавить хоть один стандартный на то же меню - добавьте sans-serif  - вдруг я с калькулятора зашел и такие расширения он не поддерживает :)

 

косячит каруселька - при прокрутке обрезается первая или последняя фотка

 

Изображение

 

и наглядно картинка немножко отличается от макета - откройте их рядышком, если есть такая возможность...

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

<form class="your_e-mail" action="#" method="get">        <fieldset><input name="your_e-mail" type="text"></fieldset>         <input name="go" type="submit" value="ok"> </form>

успехов!


  • 0

#3 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 03 Ноябрь 2013 в 23:36

Что касается шрифтов, то я насчитал 5 разных :) ...Вы грамотно подключили нестандартный, но забыли добавить хоть один стандартный на то же меню - добавьте sans-serif

А у меня внешние шрифты не заработали ) 1) myriadpro-webfont.ttf как минимум не поддерживает кирилицу (другие не смотрел) 2) этот шрифт, как замечено верно sans-serif, о чем не указано в стилях. 3) необходимо подбирать максимально похожий системный или "около" ситемный шрифт. В макете шрифт очень похож на impact (есть почти на всех выновс), далее обязательно по убывающей: Arial Narrow (это тоже узкий шрифт и у многих имеется), Arial (стандартный) и sans-serif Иначе происходит расхождение с макетом как у motek'а на скрине и шрифт ставится serif

 

Рекомендую уже научиться пользоваться пипеткой. Цвета много где не совпадают.

 

Общий фон в макете scroll, в верстке fixed


  • 0

#4 motek

motek

    злой как @

  • V.I.P.
  • 320
    730 сообщ.

Отправлено 03 Ноябрь 2013 в 23:45

(есть почти на всех выновс) мозга :laugh:


  • 1

#5 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 03 Ноябрь 2013 в 23:46

"Д" пропустил, бывает.

"вындовс"


  • 0

#6 stan077

stan077

    Частый гость

    Топикстартер
  • Участник
  • 7
    108 сообщ.

Отправлено 04 Ноябрь 2013 в 13:18

всем большое спасибо за комментарии!

 

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

Какие виды макетов Вы имеете в виду?

 

Рекомендую уже научиться пользоваться пипеткой. Цвета много где не совпадают.

Пипеткой я пользуюсь :) может там градиент, где именно не  совпадают?

Общий фон в макете scroll, в верстке fixed

пробовал scroll, но почему то он обрезается  :(


  • 0

#7 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 04 Ноябрь 2013 в 18:04

где именно не совпадают?

В футере голубой цвет очень хорошо видно.

 

 

 

но почему то он обрезается

а background-repeat ставил?

Посмотрел. Так там же no-repeat стоит

Кстати, такой фон надо делать через мультифоном или типа такого

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


  • 0

#8 stan077

stan077

    Частый гость

    Топикстартер
  • Участник
  • 7
    108 сообщ.

Отправлено 04 Ноябрь 2013 в 18:56


В футере голубой цвет очень хорошо видно.

там таки градиент :)


а background-repeat ставил? Посмотрел. Так там же no-repeat стоит

Если убрать no-repeat и поменять fixed на scroll, то вот что получится- Изображение


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

спасибо, буду знать:) 


  • 0

#9 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 04 Ноябрь 2013 в 20:55

там таки градиент :)

Ты верно шутишь? Clipboard02.png Clipboard01.png Да и градиенты пипеткой замеряются нормально. А если ты верстаешь из PSD, то там и замерять не надо, там показано в свойствах градиента цвета.

спасибо, буду знать :)

Надо не знать, а попробовать заверстать. Сразу +1lvl прокачаешь )
  • 0

#10 stan077

stan077

    Частый гость

    Топикстартер
  • Участник
  • 7
    108 сообщ.

Отправлено 04 Ноябрь 2013 в 21:20

Ты верно шутишь?

а вы про текст в футере, а я про беграунд футера подумал :biggrin:

перемерял в фотошопе все правильно у меня  :blink:


Сообщение отредактировал stan077: 04 Ноябрь 2013 в 21:29

  • 0

#11 Женька

Женька

    Увлеченный

  • Участник
  • 97
    520 сообщ.

Отправлено 30 Ноябрь 2013 в 20:08

Не совсем понятно, почему часть блоков сливается друг с другом, когда общая тенденция строится на том, что они разрываются. Особенно странно это выглядит в районе "Битвы городов" и "Призов". Первый блок сливается с верхним, а второй - разрывается.


  • 0

#12 seocat

seocat

    Прохожий

  • Участник
  • 0
    26 сообщ.

Отправлено 17 Декабрь 2013 в 06:57

А мне нравится ваша работа. И как сделаны шрифты. Видно проделана качественная работа 


  • 0

#13 motek

motek

    злой как @

  • V.I.P.
  • 320
    730 сообщ.

Отправлено 17 Декабрь 2013 в 22:47

А мне нравится ваша работа. И как сделаны шрифты. Видно проделана качественная работа 

:laugh:


  • 0

#14 seocat

seocat

    Прохожий

  • Участник
  • 0
    26 сообщ.

Отправлено 18 Декабрь 2013 в 09:29

Что значит ваш невероятно довольный смайл? :blink:


  • 0

#15 M-A-X

M-A-X

    Прохожий

  • Участник
  • 0
    17 сообщ.

Отправлено 08 Апрель 2016 в 11:32

Слишком круглый дизайн :)


  • 0



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей