|
Лого для сайта
|
|
Дата: Пятница, 13.01.2017, 20:41 | Сообщение # 1 |
1. Тип графики (Аватар,баннер,и.т.д). Лого
2. Размер (Обязательно). 1150X170
3. Сроки выполнения. По вашему желанию
4. Дополнительные параметры (Цвета,стиль,оформление,и.т.д.). Стиль читерского сайта,цвет как на старом логе
5. Что Написать?. название сайта CHITEROK.UCOZ.NET Не реклама
6. Дизайнер(ы) котором(у)(ым) поручается данный заказ. Raccoon
7. При желании добавить что то от себя.
Буду блогодарен!
|
| |
Дата: Суббота, 14.01.2017, 08:07 | Сообщение # 2 |
Шапка готова. Но есть небольшие нюансы... сейчас постараюсь все описать.
Код на сайте немного с ошибкой и шапка которая размером 1150х170 отображается не совсем правильно а если быть точнее по ширине все в порядке а вот по высоте она обрезана на небольшую часть.  К тому же там ещё и прописана небольшая цветокоррекция а она для новой шапки совсем не нужна. В итоге чтоб поставить нам шапку размером 1150х170 и она у нас отображалась правильно а не в обрезанном виде нам нужно исправлять сам код. И ещё бы я посоветовал сменить задний фон для дополнительной красоты сайта, если сменить фон то во первых намного приятней будет восприятие сайта и во вторых это небольшая оптимизация куда лучше когда заходя на сайт пользователь будет прогружать не 582 кб а всего лишь 740 байт (значения не рандомные а реальные, самого фона на сайте в данный момент и размер фона который я предлагаю). Вся инструкция будет чуть ниже. 
Ну чтож начнем с фона сайта. Для того чтобы нам его сменить идем в css и ищем там данную часть кода которая находиться в нем. "Номер строки должен быть 812 и заканчиваться на 818"
Код body {
font-family: 'fregatregular';
color: #CCC;
margin: auto;
background: #000 url('/img/background.jpg') no-repeat;
padding: 0px !important;
}
И редактируем эту строчку:
background: #000 url('/img/background.jpg') no-repeat;
То что оранжевым цветом выделено это ссылка нашего фона её нам нужно будет заменить на ссылку нового фона который зальем в файловый менеджер.
А то что красным просто удаляем. В итоге должно получиться что то вроде этого.
Код body {
font-family: 'fregatregular';
color: #CCC;
margin: auto;
background: #000 url('ссылка на новый фон');
padding: 0px !important;
}
Если все правильно было сделано то фон смениться. 
Теперь ставим нашу шапку и идем менять её не совсем правильный код.
Для этого зайди в файловый менеджер после в папку css и в ней найди файл с названием style.css и открой его редактирование.
В нем ищем данный кусок кода. "Начинается на 80 строчке и заканчивается на 90"
Код .exihead {
margin: auto;
width: 1130px;
padding: 10px 10px;
-webkit-filter: sepia(35%);
background-image: url('/img/head.png');
background-color: rgba(255,255,255,0.65);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
position: relative;
z-index: 5;
}
И здесь нам нужно поменять:
padding: 10px 10px; - То что отвечает за нашу высоту
-webkit-filter: sepia(35%); - Цветокоррекция (о которой я говорил выше)
background-image: url('/img/head.png'); - Наша шапка
Меняем на:
padding: 23px 10px; - Делаем правильную высоту
-webkit-filter: sepia(0%); - Убираем цветокоррекцию
background-image: url('ссылка на шапку'); - Меняем ссылку на нашу шапку
Должно получиться как то так.
Код .exihead {
margin: auto;
width: 1130px;
padding: 23px 10px;
-webkit-filter: sepia(0%);
background-image: url('ссылка на шапку');
background-color: rgba(255,255,255,0.65);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
position: relative;
z-index: 5;
}
Ну вот в общем и все. Если все было сделано правильно то шапка и фон у нас должны смениться и отображаться корректно. (Если вдруг не поменялось нажать сочетание ctrl+f5 для обновления)
А вот сами шапки:
Вариант 1:(С разной цветокоррекцией)
Вариант 2:(С разной цветокоррекцией)
Вариант 3:(С разной цветокоррекцией)
Вариант 4:(Анимационная)
Ниже прикрепил архив со всеми вариантами а так же фоном для сайта. PSD файл не выкладываю если будет нужен стучи в Лс. 
Скачать архив
|
| |
|
Дата: Суббота, 14.01.2017, 10:31 | Сообщение # 4 |
А так же для вашего сайта был сделан фавикон (иконка для адресной строки). Взял первую и последнею букву как сокращение.
Скачать
Дизайнер живёт своей профессией, делая из хаоса порядок.
|
| |
Дата: Суббота, 14.01.2017, 16:23 | Сообщение # 5 |
шапки просто отпадные! у меня нет слов если честно!
|
| |
Дата: Суббота, 14.01.2017, 16:26 | Сообщение # 6
Старый знакомый Mir-Devil
|
Красивые=)
|
| |
Дата: Суббота, 14.01.2017, 16:38 | Сообщение # 7 |
Очень приятно слышать Помощь нужна в установке или исправление блока категорий?
Дизайнер живёт своей профессией, делая из хаоса порядок.
|
| |
Дата: Суббота, 14.01.2017, 16:52 | Сообщение # 8 |
Цитата Raccoon (  ) А так же для вашего сайта был сделан фавикон (иконка для адресной строки). Взял первую и последнею букву как сокращение.
Все поставилДобавлено (14.01.2017, 16:52)
---------------------------------------------
Цитата Raccoon ( ) Очень приятно слышать Помощь нужна в установке или исправление блока категорий?
только в блоке?
|
| |
Дата: Суббота, 14.01.2017, 16:56 | Сообщение # 9 |
Да нет если есть ещё какие проблемы обращайся если смогу то помогу )
Дизайнер живёт своей профессией, делая из хаоса порядок.
|
| |
Дата: Суббота, 14.01.2017, 16:58 | Сообщение # 10 |
Цитата Raccoon ( ) Да нет если есть ещё какие проблемы обращайся если смогу то помогу )
Как подправить блок ?
|
| |
Дата: Суббота, 14.01.2017, 17:07 | Сообщение # 11 |
Дизайнер живёт своей профессией, делая из хаоса порядок.
|
| |
