Question

Добрый день. На сайте необходимо разместить банер "Год педагога и наставника" кликабельный. По ссылке должна открываться страница с новостями Минпросвещения РФ также размещенная на сайте. Саму страницу создала, она является подразделом рраздела "Родителям и детям" основного меню сайта. Сам логотип тоже скачала и разместила картинку в файловом менеджере под названием bannernastavnik. Вопрос в том, как теперь сделать банер рабочий? Так и не научилась этого делать. Заранее спасибо за помощь!

Comments

Посмотрел на результат и увидел ошибку в своём ответе (исправил). Следует в стиле картинки баннера  заменить внутренний отступ (padding) на внешний (margin), т.е. 

style="border: 1px solid #CC9900; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 4px; padding-right: 4px; padding-top: 20px; padding-bottom: 10px"

заменить на 

style="border: 1px solid #CC9900; -webkit-border-radius: 10px; border-radius: 10px; margin-left: 4px; margin-right: 4px; margin-top: 20px; margin-bottom: 10px"

или немного короче

style="border: 1px solid #CC9900; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 4px 10px 4px"

На скриншоте размещённом ниже имено так. Надеюсь отличие видно и понятно

Answer 1

Приведите пример что именно вам выдали и какие требования к размещению баннера.

Comments

Картинку год педагога и наставника надо вставить, желательно после баннера опроса госуслуг на главной странице. При клике на ней должны открываться новости сайта минпросвещения РФ. Картинку разместила в файловом менеджере под названием banernastavnik. Вот эту выбрали. Только я не знаю, подходит ли разрешение. Может лучше маленький сделать сбоку. 

---

Наталья Ярославцева,

Вам ниже ответили и дали решение по вашему вопросу, примерно так и можно сделать.

Answer 2

Откройте главную страницу для редактирования в html-редакторе.

Найдите код виджета pos.gosuslugi.ru

Найдите строчку " <script>Widget("https://pos.gosuslugi.ru/form", 316835)</script> "

После неё вставте код

"
<p>
<a title="Новости Минпросвещения" target="_self" href="http://nikschule.ucoz.com/index/novosti_ministerstva_prosveshhenija_rossii/0-179">
<img border="0" src="http://mysiti.ucoz.ru/banner/moe_banner.jpg" width="100%" style="border: 1px solid #CC9900; -webkit-border-radius: 10px; border-radius: 10px; margin-left: 4px; margin-right: 4px; margin-top: 20px; margin-bottom: 10px"></a></p>  "

Замените путь src на путь к вашему баннеру.

Comments

В соответствии с письмом минпросвещения у вас должно быть так как на картинке

---

Где именно вставлять?

<style>

#js-show-iframe-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:293px;max-width:100%;background:linear-gradient(138.4deg,#38bafe 26.49%,#2d73bc 79.45%);color:#fff;cursor:pointer}#js-show-iframe-wrapper .pos-banner-fluid *{box-sizing:border-box}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2{display:block;width:240px;min-height:56px;font-size:18px;line-height:24px;cursor:pointer;background:#0d4cd3;color:#fff;border:none;border-radius:8px;outline:0}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:hover{background:#1d5deb}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:focus{background:#2a63ad}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:active{background:#2a63ad}@-webkit-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@font-face{font-family:LatoWebLight;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:LatoWeb;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:LatoWebBold;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:RobotoWebLight;src:url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Light.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Light.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Light.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:RobotoWebRegular;src:url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Regular.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Regular.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:RobotoWebBold;src:url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Bold.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Bold.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Bold.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:ScadaWebRegular;src:url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Regular.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Regular.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:ScadaWebBold;src:url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Bold.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Bold.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Bold.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:Geometria;src:url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria.eot);src:url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria.eot?#iefix) format("embedded-opentype"),url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Geometria-ExtraBold;src:url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria-ExtraBold.eot);src:url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria-ExtraBold.eot?#iefix) format("embedded-opentype"),url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria-ExtraBold.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}

</style>

И как саму картинку на сайт поставить? Или дополнительных действий не требуется?

---

Наталья Ярославцева,

Отредактируйте главную и вставьте этот баннер над текущим Госуслуг или после него и сохраните.