Question

Здравствуйте, подскажите пожалуйста как перенести данный информер из Дизайна #1728 в Дизайн #1321, что бы он располагался под шапкой спасибо.

Answer 1

По поводу переноса информера ответ есть в инструкции к шаблону 1728 https://www.ucoz.ru/help/templates/design-1728 вам нужно лишь перенести стили на новый сайт к этому информеру:

.promo-i{width:calc(100% / 3);float:left;height:450px;padding:0;position:relative;background:rgba(255,255,255,0.93);color:#4f535f}
.promo-i:not(:last-child) .news-descr{border-right:1px solid rgba(11,114,217,0.15)}
.promo-i .img-wrapper{overflow:hidden;line-height:0;height:155px}
.promo-i .img-wrapper img{width:100%;height:100%;object-fit:cover}
.promo-i .news-descr{padding:20px;height:calc(100% - 155px);position:relative}
.promo-i h4{font-size:1rem;font-weight:400;color:#0c7ff2;line-height:1.57;margin:0;text-transform:uppercase;max-height:55px;overflow:hidden}
.promo-date{font-size:.85rem;line-height:1.75;padding:10px 0}
.promo-message{font-size:1rem;line-height:1.64;max-height:154px;overflow:hidden;padding-bottom:10px;margin-top:10px;position:relative}
.link-holder{bottom:10px;padding:10px 20px;left:0;width:100%;text-align:right;position:absolute}
.link-holder a{display:inline-block}

Comments

Спасибо все получилось, только стиль кнопок не перенесся, подскажите пожалуйста как исправить...

---

project web,

На какой сайт переносили? Ссылку уточните.

---

Yuri_Geruk,

http://pro100site.my1.ru/

---

project web,

Замените ваши стили выше на следующие:

 

стили

.promo-i{width:calc(100% / 3);float:left;height:450px;padding:0;position:relative;background:rgba(255,255,255,0.93);color:#4f535f;margin-bottom: 10px;}
.promo-i:not(:last-child) .news-descr{border-right:1px solid rgba(11,114,217,0.15)}
.promo-i .img-wrapper{overflow:hidden;line-height:0;height:155px}
.promo-i .img-wrapper img{width:100%;height:100%;object-fit:cover}
.promo-i .news-descr{padding:20px;height: calc(90% - 155px);position:relative;}
.promo-i h4{font-size:1rem;font-weight:400;color:#0c7ff2;line-height:1.57;margin:0;text-transform:uppercase;max-height:55px;overflow:hidden}
.promo-date{font-size:.85rem;line-height:1.75;padding:10px 0}
.promo-message{font-size:1rem;line-height:1.64;max-height:154px;overflow:hidden;padding-bottom:10px;margin-top:10px;position:relative}
.link-holder{bottom:10px;padding:10px 20px;right: 0;width:100%;text-align:right;position:absolute;}
.link-holder a{display:inline-block}
.link-holder [type="button"]{width:auto!important;cursor:pointer;margin:0 0 1px 1px;padding:9px 20px;font-weight:400!important;background-color:#0b72d9;font-size:1rem;line-height:17px;color:#dae7f2;border:0;border-radius:7px;vertical-align:middle;-webkit-appearance:none;transition:all .3s;text-decoration:none;display:inline-block}

 

 

---

Yuri_Geruk,

Спасибо, все отлично!