npofopr

Как то так можно https://jsfiddle.net/npofopr/3umza5yk/

float: right; разве не срабатывает?

По косорезу можете ещё тут посмотреть https://css-tricks.com/creating-non-rectangular-headers/ По верхним иконкам - картинки. По теням, или картинки или есть целые генераторы - )

Покупка, это ерунда. Это любая cms для интернет магазина, взять хоть тот же OpenCart, да и для любой cms плагины есть. Может для форумов есть подходящие расширения.

Такие вещи делают от 50т.р., если по уму и по науке. Хотя могу ошибаться. Ну в общем, вам прямым текстом сказали, покупать. Хотя может и правда, есть что то готовое, но я не встречал. Может другие подскажут. Такие вещи делают от 50т.р., если по уму и по науке. Хотя могу ошибаться. Ну в общем, вам прямым текстом сказали, покупать. Хотя может и правда, есть что то готовое, но я не встречал. Может другие подскажут. Bitrix 24, вроде из этой серии)

Считайте, что у вас нет времени) Как вы собираетесь делать, с нулевыми знаниями? Или вы не правильно описали задачу.

Это что за учебное заведение такое? Чтобы ни ногой не вступать на его территорию) За 2 недели обучения, создать сайт с таким функционалом... Не возможно) Может вам только html и css нужны?

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

Это разве спрайтом называется? Я так понимаю, вы просто инлайново вставляете svg? Я делаю так: <svg xmlns="http://www.w3.org/2000/svg" style="border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important;" class="root-svg-symbols-element"> <symbol id="facebook" viewBox="0 0 19 32"> <path d="M17.125.214v4.714h-2.804q-1.536 0-2.071.643T11.714 7.5v3.375h5.232l-.696 5.286h-4.536v13.554H6.25V16.161H1.696v-5.286H6.25V6.982q0-3.321 1.857-5.152T13.053 0q2.625 0 4.071.214z" /> </symbol> <symbol id="file-excel" viewBox="0 0 32 32"> <path d="M23.22 12h-4.228L16 16.407 13.008 12H8.78l5.068 7.577L8.13 28H16v-2.862h-1.567L16 22.794l3.481 5.205h4.389l-5.718-8.423 5.068-7.577z" /> <path d="M28.681 7.159c-.694-.947-1.662-2.053-2.724-3.116s-2.169-2.03-3.116-2.724C21.229.137 20.448 0 20 0H4.5A2.503 2.503 0 0 0 2 2.5v27C2 30.878 3.121 32 4.5 32h23c1.378 0 2.5-1.122 2.5-2.5V10c0-.448-.137-1.23-1.319-2.841zm-4.138-1.702A27.334 27.334 0 0 1 26.811 8H22V3.189a27.334 27.334 0 0 1 2.543 2.268zM28 29.5c0 .271-.229.5-.5.5h-23a.507.507 0 0 1-.5-.5v-27c0-.271.229-.5.5-.5H20v7a1 1 0 0 0 1 1h7v19.5z" /> </symbol> </svg> <div class="icon"> <svg class="icon_i" width="27px" height="32px"> <use xlink:href="#file-exel"></use> </svg> </div> Стили примерно такие: .icon { position: relative; display: inline-block; width: 25px; height: 25px; overflow: hidden; fill: currentColor; } .icon_i { width: 100%; height: 100%; background: inherit; stroke-width: 0; stroke: currentColor; fill: inherit; pointer-events: none; -webkit-transform: translateX(0); transform: translateX(0); vertical-align: top; } Ну и для .icon и задаю цвет. Или оно и от родители не плохо его наследует. И svg лучше подчистить будет ещё, например https://jakearchibald.github.io/svgomg/ Хотя последний AI тоже вроде это делает.

+ у ОпенСервера логи же ведутся. В них должны быть подробности ошибок.

Он наверно имел ввиду запускаю, а не устанавливаю... Хотя кто его знает.

У OpenServer и свой форум есть. 1. Попробуйте под админом запускать 2. Возможно брендмауер не пропускает.

Да, будет. Быстрее было бы уже проверить, чем создавать тему)

Как с заказчиком договоритесь) Оба варианта уместны. Но обычно рисуют мобилу, планшет, PC, иногда ещё бывает FullHD, как то так. Но когда дёшево и сердито, то всё сам. + от дизайна зависит.

Причём тут реклама? В качестве рекламы, я бы посоветовал учебник по-русскому. Вполне серьёзно вам говорю. + ролики на Ютубе посмотрите. Но с наставником или коллегами обучение будет в разы лучше и быстрее проходить. Если уж так любите читать, то почитайте «Секреты CSS» Леа Веру.

Лучше пройти интенсив. Сами вы навряд ли, что то начитаете. Чтобы заняться, нужен помощник. Тут практика куда более важнее.

Всегда было интересно, если ошибок на столько много, то почему нельзя хотя бы несколько написать)

DevTools, Инспектор Кода, FireBug. В общем то, хоть как. Освойте сперва этот инструмент. Ваша жизнь облегчится. В поиске найти легко, думаю и роликов в ютубе полно.

А в инспектор кода смотрели?

Под примером подразумевается пример кода, а не картинка)) С помощью jquery или js, указывайте класс active, например, на блок, по клику, и по этому классу меняйте уже иконку. Вот, например https://jsfiddle.net/npofopr/Mww7F/ иконку только добавить)

Вы пример прикладывайте. Плавное открытие можно и через css сделать.

Навряд ли вам кто то поможет. Логи надо смотреть и т.п. Инструкций же куча... Ставьте винду :-D

Дак ведь скорость загрузки страниц не только от вашего интернета зависит.

Лучше не скачивать и смотреть, а выкладывать в песочницы. 1. Делаете обёртку, которая будет на всю ширину, а внутри уже div с ограниченной шириной. Таких сайтов много же. Найти пример и посмотреть как реализовано, не составит труда.