10%

Testing Forum

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Testing Forum » Nerves » мур


мур

Сообщений 1 страница 2 из 2

1

инструкция:
- буду тупо описывать как сама верстаю диз, ни разу не утверждаю, что это правильно)))))))

[indent] 1. начинаю с макета (он есть на общем гугл диске) и решаю как буду резать его на части.
!всё конечно зависит от особенностей макета и задумки дизайнера.
в конкретно этом дизе:
[indent] [indent]  - шапка https://forumstatic.ru/files/001a/fb/89/64645.png
убираются все ссылки, таблица, можно конечно вырезать и без белых краев.
[indent] [indent]  - футер (подвал) https://forumstatic.ru/files/001a/fb/89/96792.png
[indent] [indent]  - стрелки-кнопки вверх вниз https://forumstatic.ru/files/001a/fb/89/10536.png / https://forumstatic.ru/files/001a/fb/89/89442.png
их лучше вырезать на прозрачном фоне, потому что с телефона они сдвигаются
[indent] [indent]  - все категории + категория для статистики.
https://forumstatic.ru/files/001a/fb/89/65887.png
https://forumstatic.ru/files/001a/fb/89/44695.png
https://forumstatic.ru/files/001a/fb/89/43424.png
https://forumstatic.ru/files/001a/fb/89/22331.png
https://forumstatic.ru/files/001a/fb/89/36025.png
https://forumstatic.ru/files/001a/fb/89/90214.png
https://forumstatic.ru/files/001a/fb/89/48678.png
я их вырезала потому что они графические больше, чем текстовые, если даже сравнить с тем дизом, что стоит у нас.
в случае если категория выглядит просто тексом с каким-то шрифтом, то лучше конечно просто кодами прописать, а не вырезать картинку.
[indent] [indent]  - иконки новые/старые
https://forumstatic.ru/files/001a/fb/89/45766.png
https://forumstatic.ru/files/001a/fb/89/20677.png

[indent] [indent]  - тело:
в некоторых случаях надо вырезать, но у нас одним цветом, без рамок... соу кодом
[indent] [indent]  - задний фон:
у нас цвет, соу аналогично - цветом.

0

2

в процессе

[indent] 2. вставляю основные части графики в код
[indent]  [indent] - задний фон:
БЫЛО

Код:
html 
{background: url(https://forumstatic.ru/files/001b/1a/b5/11493.png) bottom center no-repeat fixed #ccd0df;
background-size: cover;
}

СТАЛО

Код:
html {background: url() bottom center no-repeat fixed #e2e2e2;
background-size: cover;
}

background: url() - убрала ссылку на фон
#e2e2e2 - добавила цвет фона

[indent]  [indent] - тело:

БЫЛО

Код:
html 
{background: url(https://forumstatic.ru/files/001b/1a/b5/11493.png) bottom center no-repeat fixed #ccd0df;
background-size: cover;
}

СТАЛО

Код:
html {background: url() bottom center no-repeat fixed #e2e2e2;
background-size: cover;
}

background: url() - убрала ссылку на фон
#e2e2e2 - добавила цвет фона

[indent]  [indent] - шапка:
БЫЛО

Код:
#pun-title table{border:none;background:url(https://forumstatic.ru/files/001b/1a/b5/29863.png) top center no-repeat;width:1020px;height:378px;margin-left:-51px}

СТАЛО

Код:
#pun-title table{border:none;background:url(https://forumstatic.ru/files/001a/fb/89/64645.png) top center no-repeat;width:1020px;height:378px;margin-left:-25px;}

0


Вы здесь » Testing Forum » Nerves » мур


Рейтинг форумов | Создать форум бесплатно