Кофейня для продажи

{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":20,"style":"BOLD"}],"text":"Всем привет, с вами Кейта. Сегодня, мы с вами сделаем экспресс-статью без лишней воды и мыла. Как же добавить логотип на свой сайт.","type":"unstyled","key":"5mp85"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Экземпляр сайта с работающим логотипом(НЕ РЕКЛАМА):","type":"unstyled","key":"28d1f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"http://cafe.keita.fun (Домен неактуален)","type":"unstyled","key":"230oo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для начала сделайте или скачайте файл в формате png с изображением без фона. Например чашку кофе в моём случае. Зайдите на любой интернет-сайт по изменению формата изображения. Наберите в браузере: \"png to ico online\". На любой из этих сайтов вставьте ваш файл, нажмите \"ОК\", затем скачайте получившийся в формате .ico . ","type":"unstyled","key":"4gsde"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Переместите этот файл в папку CSS вашего сайта, затем переименуйте его в favicon , переименовали? Хорошо, давайте дальше!","type":"unstyled","key":"fu80e"},{"data":{"image":{"id":"6106bbcb906df03da9206c80"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"favicon.ico в папке css ","type":"atomic:image","key":"5vs7d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее, открываем любой текстовой редактор, которым вы пользуетесь. Через него открываете ваш файл html, если у вас их несколько, тогда вносите изменение для всех. В разделе от начала до конца вы должны вставить следующую строчку:","type":"unstyled","key":"c27uh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"50koa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В моём случае это выглядело так:","type":"unstyled","key":"eek3e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"dmk34"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"8nik0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"5mttl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"cuqai"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Кофейня для продажи","type":"blockquote","key":"bbghm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"a69o5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"7nk8o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"12ajd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В вашем может выглядеть немного по иному. Сохраняем через CTRL+S , если нужно проделываем тоже самое и для других файлов формата .html на вашем сайте тем же методом. Открываем ваш сайт(если ещё не загружен на хостинг, если уже загружен - обновите файлы, так что открываем на локальном компьютере простым 2х нажатием на index.html)","type":"unstyled","key":"94dfo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы должны увидеть это. Наш логотип появился, ура!!!","type":"unstyled","key":"fnn1l"},{"data":{"image":{"id":"6106bcce5fdf8305ff3163ba"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Я произвёл данную операцию на обоих моих сайтах, работает!","type":"atomic:image","key":"8d2gu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обновлено в 2023:","type":"header-two","key":"6oh1o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И снова здравствуйте, теперь давайте научимся добавлять аватар ещё и при просмотре с iPhone устройств! :)","type":"unstyled","key":"f3rl3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используем любой сайт, который найдёте в свободном доступе с названием \"Сгенерировать свой аватар для сайта с iPhone\" либо переходим по ссылке на сайт, которым пользуюсь я: ","type":"unstyled","key":"dr70g"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":22,"offset":0}],"inlineStyleRanges":[],"text":"https://iconifier.net/","type":"unstyled","key":"3kr3e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Загружаем сюда свой аватар в формате png, затем нажимаем на кнопку \"Iconify\"","type":"unstyled","key":"9gg68"},{"data":{"image":{"id":"642d1931d1ccd54a5ee0faec"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После нажатия на кнопку скачайте \"Iconified.zip и распакуйте в папке с сайтом","type":"atomic:image","key":"6e6fc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После распаковки скачанного архива с папкой iconified в папку с вашим сайтом, переходим в любой удобный вам текстовый редактор и открываем там ваш index.html.","type":"unstyled","key":"er7os"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавляем код ниже в ваш ","type":"unstyled","key":"d41kv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"2fl4t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"3accr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"da6sj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"a2res"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"e0sth"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"4qn0s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"an6k0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9jvg2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"d71k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"buu7k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраняем изменения на CTRL+S.","type":"unstyled","key":"fr0od"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Объясню, что же мы всё-таки добавили: мы добавили аватары для устройств Apple, которые могут использовать именно эти файлы и их размеры без масштабирования, уже созданные вами. Если бы вы это не сделали, возможно аватар не был бы виден там вообще или мог быть в плохом качестве.","type":"unstyled","key":"2hb7q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И так, теперь мы с вами поняли и совершили - создание и установку логотипа на html&css сайт с применением #html всем спасибо за внимание. С вами был Кейта, в прошлой статье я рассказал как сделать первый сайт, для которого мы сейчас делали логотип. В следующей статье будет: \"Как установить сайт на хостинг?\"","type":"unstyled","key":"d3lle"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"57le4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9frh1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"4oq9i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"8kYMckpByloV7IbNXpiO"}],"entityMap":{"0":{"data":{"url":"https://iconifier.net/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}