PSD, 33 PNG, Новогодние шапки, валенки, варежки и мешок с подарками, PNG с прозрачным фоном
PNG 806*736 px размер: 230,93 Kb (922)
PNG 1697*1440 px размер: 608,86 Kb (1942)
PNG 1382*1807 px размер: 248,28 Kb (123)
PNG 1501*1700 px размер: 535,98 Kb (936)
PNG 1617*1423 px размер: 539,7 Kb (302)
PNG 1266*1029 px размер: 298,51 Kb (622)
PNG 827*1128 px размер: 108,41 Kb (33)
PNG 1241*837 px размер: 275,92 Kb (88)
PNG 961*1094 px размер: 311,22 Kb (192)
PNG 1075*875 px размер: 298,18 Kb (93)
PNG 1075*904 px размер: 303,92 Kb (106)
PNG 1015*1448 px размер: 536,63 Kb (141)
PNG 1177*1187 px размер: 389,04 Kb (85)
PNG 1312*885 px размер: 369,08 Kb (58)
PNG 1020*843 px размер: 308,11 Kb (44)
PNG 1328*1022 px размер: 344,13 Kb (74)
PNG 955*779 px размер: 253,29 Kb (24)
PNG 631*712 px размер: 173,28 Kb (55)
PNG 880*726 px размер: 251,46 Kb (36)
PNG 817*1163 px размер: 294,32 Kb (30)
PNG 1444*1303 px размер: 624,31 Kb (92)
PNG 1063*1071 px размер: 137,1 Kb (26)
PNG 1213*983 px размер: 321,35 Kb (16)
PNG 897*755 px размер: 235,17 Kb (34)
PNG 885*761 px размер: 241,06 Kb (30)
PNG 878*819 px размер: 241,86 Kb (56)
PNG 965*655 px размер: 239,87 Kb (19)
PNG 1171*1247 px размер: 313,86 Kb (101)
PNG 1248*736 px размер: 336 Kb (7)
PNG 1121*736 px размер: 287,04 Kb (15)
PNG 1144*728 px размер: 319,25 Kb (23)
PNG 1223*669 px размер: 237,77 Kb (28)
PNG 907*1135 px размер: 238,86 Kb (16)
PSD, 33 PNG, Новогодние шапки, валенки, варежки и мешок с подарками, PNG с прозрачным фоном
Из PSD в HTML.
Вёрстка шапкиНаша шапка состоит из двух блоков: блок с логотипом в левой части, и блок с контактами в правой части. Запишем в файле index.html код для шапки:
<div>
<div>
<div>
</div>
<div>
</div>
</div>
</div>
В блоке с классом <div></div> пропишем путь к изображению при помощи тега <img src="" alt="">. Так как логотипы в шапке обычно являются ссылками, ведущими на главную страницу, то этот тег мы заключим между тегами <a href=""></a>:
<div>
<a href=""><img src="img/logo.png" alt=""></a>
</div>
В блоке с классом <div></div> запишем контактную информацию, каждую строку поместим в тег <p></p>:
<div>
<p>Телефон: 8 800 2000 01 01<br>звонок бесплатный</p>
<p>E-mail: example@gmail.
com</p>
<p>
<a href=""><img src="img/vk.png" alt=""></a>
<a href=""><img src="img/fb.png" alt=""></a>
<a href=""><img src="img/tw.png" alt=""></a>
<a href=""><img src="img/gp.png" alt=""></a>
</p>
</div>
Запись звонок бесплатный на макете находится на новой строке, поэтому перед ней мы поставили тег <br>. Иконки социальных сетей являются ссылками, поэтому их мы добавили между тегами <a href=""></a>
Переходим к стилям. Первым делом нам нужно указать высоту и фоновое изображение для селектора #header:
#header {
height: 148px;
background: white url("img/bg-header.jpg") left top no-repeat;
}
Для блока с логотипом укажем следующие свойства:
.logo {
margin-top: 51px;
float: left;
}
Для блока с контактами:
.contacts {
float: right;
text-align: right;
margin-top: 25px;
}
Эти свойства должны применяться только для тех блоков, которые лежат именно в шапке, т.
е. в блоке <div></div>, поэтому здесь мы добавим перед стилями (.logo и .contacts)
#header .logo {
margin-top: 51px;
float: left;
}
#header .contacts {
margin-top: 25px;
float: right;
text-align: right;
}
Для абзацев в блоке с контактами запишем следующие свойства:
#header .contacts p {
font: bold 18px/14px Arial;
color: black;
}
Теперь нам нужно добавить дополнительные классы для выделенных слов: Телефон, E-mail, а также звонок бесплатный. В шаблоне index.html запишите:
<p><span>Телефон:</span> 8 800 2000 01 01<br><span>звонок бесплатный</span></p> <p><span>E-mail:</span> [email protected]</p>
В стилях запишем отдельно для селекторов .green и .gray цвета:
.green {
color: #1d8b15;
}
.gray {
color: #666;
}
И для отдельно взятых элементов в шапке запишем размер и начертание шрифта:
#header .
contacts p .green {
font-size: 14px;
font-weight: normal;
}
#header .contacts p .gray {
font-size: 12px;
font-weight: normal;
}
С шапкой разобрались. Переходим к горизонтальному меню.
Поделиться с друзьями:
78+ Шаблоны Мокапов Кепки Скачать PSD Дизайны Шляп
От журналов до обложек Facebook, от книжных обложек до обложек компакт-дисков, Шаблоны Мокапов Кепок Бесплатно быстро развивается, чтобы стать чрезвычайно популярным в бизнесе по начертанию. Независимо от того, является ли это выполнением вашего клиента или для вашего собственного подтверждения. Использование мокапа считается в значительной степени убедительным средством сделать правильный выбор. В то время как макет кепки может показаться несущественным для многих других, вы понимаете, что он вам нужен только для того, чтобы гарантировать, что каждая деталь великолепна.
Используйте верхнюю одежду Мокапы толстовок , чтобы улучшить свой образ. Этот макет в формате PSD подчеркивает ослепительное сочетание белого и зеленого оттенков, чтобы сделать логотип или бренд ясным и очевидным. Вы можете скачать этот очаровательный макет топа одежды сегодня, и это тоже бесплатно из кармана!
Дизайн макета кепки Adidas
Шаблон макета шляпы
Бесплатный макет кепки
Принимая во внимание, что эти лучшие шаблоны мокапов кепок в формате PSD были популярны среди широкого круга людей. У нас есть выбор только лучших топов из широкого круга источников. С нами вы откроете для себя макеты шапок Санты, трясущихся за пространство с выбором игровых шапок. Независимо от того, нужна ли вам кепка-панама, топ с любимым героем юности или даже прозрачная кепка. Это служит четким холстом для вашей изобретательности, каждый планировщик найдет что-то для себя, ищущий бесплатную загрузку топового макета.
Макет кепки PSD Photoshop
Шаблоны мокапа кепки очень помогают гарантировать, что элемент готов к созданию. Это позволяет людям создавать, изменять, оценивать и повторно изменять вещь до ее создания. Есть множество способов, которые может использовать главный смех. Это может быть одной из основных процедур для бизнеса. Это также может быть индивидуальное предприятие по формированию нового и уникального топ-плана.
Hat Mockup PSD Free
Cap Mockup Free PSD
Hat Mockup Photoshop
Cap Mockup Free Download
Beanie Hat Mockup PSD
Realistic Cap Mockup Template
Набор макетов каски
Бесплатный макет шляпы папы
Мокап шапки дальнобойщика
0005
Шаблон макета макета Snapback Cap
HAT Mockup Design Vector
PSD Шляпа макбол Бейсбол
Set of Snapback Cap Mockup
HAT Mockup Templet Макет кепки козырька PSD
Шаблоны макета бейсболки
Макет кепки Векторный дизайн
Santa Hat Mockup Design
Пакет макета крышки
Пакет макетов детских шапок
Есть все еще значительная мера лучших измельченных подборщиков, которые вы можете использовать.
В течение любого промежутка времени, на который вы позволили своему воображению уйти. И вы позволяете себе мочиться по разным схемам. Планов, которые вы рассматриваете, может быть сколько угодно. Посмотрите на большее количество наших страниц здесь, в Mockup PSD, для различных макетов букв и фигур, планов насмешек и наборов символов, среди прочего.
Шляпа Генератор макета
Дизайн макета зеленой крышки
Cap Mockup Pdf
Бесплатный PSD -шапка
Mockup Mockup Mockup Capp
Набор макетов бейсболок
Мокап чистой бейсболки
Макет бейсболки PSD
Cap Mockup Photoshop Design
Bucket Hat Mockup PSD
Beer Cap Mockup Template
Baseball Cap Mockup Template
Set Of Cap Mockup Design
Bike Cap Дизайн макета
Шаблон макета коллекции кепок
Макет кепки Snapback
Дизайн макета кепки с вышивкой
3D Cap Mockup Design
Cap Back Mockup Design
Embroidery Cap Design Mockup
Black Cap Mockup Design
Sports Cap Mockup Design
Дизайн макета бейсболки Polo Hat
Дизайн макета кепки Beanie
Макет кепки с коробкой
Бесплатный макет кепки
End Cap Mockup Design
Peak Cap Mockup Design
Full Cap Mockup Design
Leather Hat Mockup Design
New Era Cap Mockup
High Resolution Дизайн макета кепки
PSD макет кепки Snapback
Дизайн макета велосипедной кепки
Шаблон макета детской кепки для печати
Army Cap Mockup Design
Высококачественный конструкция макета CAP
Mockup Mockup PSD
Шляпа Манайный шаблон
Vector Cap Mockup Mockup Mockup PSD
Vector Cap Mockup Mockup
111111111110 Vector Cap Mockup Mockup.
Дизайн макетаДизайн макета кепки в старом стиле
Редактируемый макет кепки PSD
Дизайн макета белой кепки
Decorative Cap Design Mockup
Photoshop Cap Mockup Template
Women Cap Mockup Design
Fully Editable Cap Mockup Design
Cap Mockup PNG
How to Make Cap Мокап PSD в Photoshop:
Бесплатный PSD шаблон Мокап Шляпы дальнобойщика – Бесплатные PSD Шаблоны0386
Загрузите бесплатный набор макетов Trucker Hat! Каждый из трех шаблонов, включенных в этот пакет, был тщательно разработан нашими опытными дизайнерами. Детализация этих макетов головных уборов поражает — вы можете буквально увидеть каждый стежок и текстуру ткани! Имея этот набор под рукой, вам не понадобятся настоящие фотографии кепки дальнобойщика — шаблоны мокапов предлагают вам практически такое же качество с большей свободой настройки.
Вы можете легко наносить изображения, текст или логотипы с помощью смарт-слоев в Photoshop; кроме того, цвет и фон также редактируются. Вперед, и используйте эти макеты стильного и модного аксессуара для шляп, чтобы достичь самых смелых рекламных целей!
Используйте Photoshop для выполнения всех настроек: приобретите Photoshop в рамках тарифного плана Creative Cloud для одного приложения всего за 19,99 долларов США в месяц. Бесплатный макет также может быть полезен для реализации многих дизайнерских идей.
Наслаждайтесь этими макетами из Free-PSD-Templates и следите за нами на Facebook!
PSD
Легко редактировать
Хорошо организованные слои
Быстрая замена фотографий0005
Связанные теги: бесплатно, бесплатный макет, бесплатный шаблон макета, бесплатные макеты, халява, шляпа, макет шляпы
Предыдущая статья Бесплатный векторный набор инфографики (PSD, EPS, JPG) Следующая статья Бесплатный личный блог Обложка YouTube
Последние новости
Бесплатные макеты одежды PSDНе стесняйтесь использовать этот бесплатный макет полотенца для своего интернет-магазина или любых других проектов. Превосходное разрешение и мельчайшие реалистичные детали делают его таким же потрясающим, как профессиональная фотография. Вы можете попробовать любые цвета и добавить свои собственные узоры или уникальный дизайн с помощью Adobe Photoshop.
Подробнее Бесплатные макеты одежды PSDТеплая и удобная дождевик — это именно то, что нам всем нужно осенью. Загрузите этот дизайнерский мокап Rain Jacket, чтобы настроить его в Photoshop и использовать в своих коммерческих или других графических проектах. Стильный и реалистичный, он произведет впечатление на ваших клиентов. Шаблон доступен бесплатно.
Подробнее Бесплатные макеты одежды PSD Многие из нас любят видеть сладкие сны в маске для сна.
Используйте этот удивительно реалистичный бесплатный макет Sleeping Mask для своего интернет-магазина или других нужд. Хотя рисунок ночного неба выглядит стильно, вы можете применить любой другой дизайн, а также изменить текст или полностью стереть его в Photoshop.
Рубашка поло — любимый предмет одежды многих парней и мужчин. Гладкая форма и реалистичные детали этого макета мужской рубашки поло могут сделать любой проект успешным! Мельчайшие складки и швы выглядят потрясающе. Загрузите этот макет бесплатно и с легкостью настройте его под свои нужды.
Подробнее Мало кто ожидал, что такая одежда, как балаклава, станет одним из главных трендов сезона. Хотя нельзя отрицать, что такая вещь выглядит и стильно, и удобно. Этот бесплатный набор мокапов балаклавы пригодится для любых проектов и позволит вам идти в ногу с тенденциями.
Получите его бесплатно и […]
Приготовьтесь ко Дню святого Валентина с этим очаровательным набором мокапов Heart Pillow! Невероятно детализированные, подушки выглядят такими же пушистыми, как и настоящие предметы. Их простой, но милый внешний вид поможет показать ваш особый романтический дизайн. Файл макета является бесплатным и полностью настраиваемым в Photoshop.
Мы верим, что всем любителям спорта понравится крутой вид этого набора мокапов Foam Hand! Такой необычный и сказочный макет может помочь вам привлечь дополнительное внимание к любому дизайну. Все, что вам нужно сделать, это загрузить этот бесплатный образец с нашего сайта и запустить PS для легкой настройки. Веселиться!
Подробнее Бесплатные макеты одежды PSDОцените наше новое классное дополнение — бесплатный макет худи! Его простой крой и современный вид могут стать отличным дополнением для ваших коммерческих и дизайнерских проектов. В одном наборе вы найдете три макета, демонстрирующих толстовку с разных ракурсов. Получите этот замечательный файл бесплатно прямо сейчас и наслаждайтесь его настройкой!
Подробнее Бесплатные макеты одежды PSDРеалистичные образцы ткани Набор макетов бесплатно! Безупречный набор мокапов поможет вам продемонстрировать образцы ткани. С его помощью вы можете создать свой собственный каталог дизайнерских тканей. Он подходит для магазинов одежды и модной одежды, производителей тканей, ресурсов ручной работы. Не стесняйтесь скачать!
Загрузите бесплатный набор макетов женской футболки — последнее дополнение от наших замечательных дизайнеров! Если вам нужен макет высокого качества для успешной презентации и продвижения, предлагаемая нами регулируемая PSD-модель пригодится.
Загрузите бесплатный набор мокапов большой сумки — потрясающее дополнение от лучших дизайнеров здесь, на FreePSD! Сумка с классным дизайном легко дополнит стильный повседневный образ. Наш превосходный набор реалистичных мокапов тотализатора поможет вам преуспеть в продвижении и презентации. Три подробных шаблона позволяют продемонстрировать любой дизайн […]
Подробнее Бесплатные макеты одежды PSD