Видео-уроки
Статистика
Комментарии

в 19:43 19.02.2024

в 00:58 25.12.2023
как зробить шоб зразу с текстурой появилос

в 13:17 20.07.2023
Содержимое сайта
Последние обновленные темы на форуме
Последний: 23a3sdasdasd322
Социальные сети
Тему создал Vetal, В Разделе: Социальные сети
6
Ответов
Последний: eniston4739
Дизайн сайта
Тему создал Raccoon, В Разделе: Общение
9
Ответов
Последний: eniston4739
Общение Mir-Devil
Тему создал Vetal, В Разделе: Общение
36
Ответов

  • Страница 1 из 1
  • 1
Лого для сайта
Дата: Пятница, 13.01.2017, 20:41 | Сообщение # 1
CHITEROK
Пользователи
51Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
1. Тип графики (Аватар,баннер,и.т.д). Лого
2. Размер (Обязательно). 1150X170
3. Сроки выполнения. По вашему желанию
4. Дополнительные параметры (Цвета,стиль,оформление,и.т.д.). Стиль читерского сайта,цвет как на старом логе

5. Что Написать?. название сайта CHITEROK.UCOZ.NET Не реклама
6. Дизайнер(ы) котором(у)(ым) поручается данный заказ. Raccoon
7. При желании добавить что то от себя.

Буду блогодарен!
Дата: Суббота, 14.01.2017, 08:07 | Сообщение # 2
Raccoon
Friends Mir-Devil
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Шапка готова. Но есть небольшие нюансы... сейчас постараюсь все описать.


Код на сайте немного с ошибкой и шапка которая размером 1150х170 отображается не совсем правильно а если быть точнее по ширине все в порядке а вот по высоте она обрезана на небольшую часть. 15 К тому же там ещё и прописана небольшая цветокоррекция а она для новой шапки совсем не нужна. В итоге чтоб поставить нам шапку размером 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 файл не выкладываю если будет нужен стучи в Лс. 16

Скачать архив
Дата: Суббота, 14.01.2017, 08:17 | Сообщение # 3
Raccoon
Friends Mir-Devil
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Вот ещё блок есть но это уже смотри сам захочешь изменить то пиши помогу. :)

Вот как сейчас без отступа все слитно.



А вот так по идеи должно быть.

Дата: Суббота, 14.01.2017, 10:31 | Сообщение # 4
Raccoon
Friends Mir-Devil
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:


А так же для вашего сайта был сделан фавикон (иконка для адресной строки). Взял первую и последнею букву как сокращение. :)

Скачать

Дизайнер живёт своей профессией, делая из хаоса порядок.
Дата: Суббота, 14.01.2017, 16:23 | Сообщение # 5
CHITEROK
Пользователи
51Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
шапки просто отпадные! у меня нет слов если честно!
Дата: Суббота, 14.01.2017, 16:26 | Сообщение # 6
Slavik
Старый знакомый Mir-Devil
Друзья
44Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Красивые=) ^_^
Дата: Суббота, 14.01.2017, 16:38 | Сообщение # 7
Raccoon
Friends Mir-Devil
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Очень приятно слышать 16 Помощь нужна в установке или исправление блока категорий?

Дизайнер живёт своей профессией, делая из хаоса порядок.
Дата: Суббота, 14.01.2017, 16:52 | Сообщение # 8
CHITEROK
Пользователи
51Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Цитата Raccoon ()
А так же для вашего сайта был сделан фавикон (иконка для адресной строки). Взял первую и последнею букву как сокращение.


Все поставил

Добавлено (14.01.2017, 16:52)
---------------------------------------------

Цитата Raccoon ()
Очень приятно слышать Помощь нужна в установке или исправление блока категорий?


только в блоке?
Дата: Суббота, 14.01.2017, 16:56 | Сообщение # 9
Raccoon
Friends Mir-Devil
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Да нет если есть ещё какие проблемы обращайся если смогу то помогу )

Дизайнер живёт своей профессией, делая из хаоса порядок.
Дата: Суббота, 14.01.2017, 16:58 | Сообщение # 10
CHITEROK
Пользователи
51Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Цитата Raccoon ()
Да нет если есть ещё какие проблемы обращайся если смогу то помогу )


Как подправить блок ?
Дата: Суббота, 14.01.2017, 17:07 | Сообщение # 11
Raccoon
Friends Mir-Devil
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Создай тему тут http://mir-devil.ru/forum/18 я тему закрою чтоб каши небыло.

Дизайнер живёт своей профессией, делая из хаоса порядок.
  • Страница 1 из 1
  • 1
Поиск: