XF 2.1 Пропадает картинка с Объявления

[alex2020]

Сделал обьявление через HTML код

Код

<style>
.welcomeSectionNY {
position: relative;
background: #e0e0e0 url(img/banner/reg.png);
height: 0;
padding-top: 25.423%;
background-size: cover;
background-position: center;
}
.sharebut {
color: #0b0905;
width: 250px;
height: 40px;
font-size: 20px;
background: #eec731;
border-radius: 5px;
position: absolute;
bottom: 5px;
transition: 0.5s;
text-align: center;
line-height: 40px;
margin-bottom: 10px;
margin-left: 1px;
font-weight: bold;
letter-spacing: -1px;
}

.sharebut:hover {
text-decoration: none;
bottom: 15px;
color: #ffffff;
}

.valBut {
color: #f52d6a;
}

.valBut:hover {
color: #f52d6a;
}

@media only screen and (max-width:650px) {
.welcomeSectionNY {
position: relative;
background: url(img/reg.png);
height: 0;
padding-top: 25.423%;
background-size: cover;
background-position: center;
}
}

@media screen and (min-width:300px) and (max-width:450px) {
.sharebut {
width: 115px;
height: 15px;
font-size: 10px;
line-height: 15px;
margin-bottom: 2px;
margin-left: -4px;
}

.aboutbut {
width: 65px;
height: 15px;
font-size: 10px;
line-height: 15px;
margin-bottom: 2px;
margin-left: 125px;
}
}

@media screen and (min-width:451px) and (max-width:649px) {
.sharebut {
width: 160px;
height: 20px;
font-size: 13px;
line-height: 20px;
margin-bottom: 10px;
margin-left: 5px
}

.aboutbut {
width: 95px;
height: 20px;
font-size: 13px;
line-height: 20px;
margin-bottom: 10px;
margin-left: 190px
}
}

@media screen and (min-width:650px) and (max-width:824px) {
.sharebut {
margin-left: 40px;
width: 160px;
height: 20px;
font-size: 13px;
line-height: 20px;
margin-bottom: 15px
}

.aboutbut {
margin-left: 35%;
width: 95px;
height: 20px;
font-size: 13px;
line-height: 20px;
margin-bottom: 15px
}
}

@media screen and (min-width:825px) and (max-width:1000px) {
.sharebut {
margin-bottom: 20px;
margin-left: 55px
}

.aboutbut {
margin-bottom: 20px
}
}

</style>

<a href="#" class="sharebut">Читать</a>

На главной показывает все отлично, на других страницах сама картинка пропадает. Причем раньше все было ок, это сегодня началось, хотя ничего в коде не делал, максимум с настройками "[TH] Nodes for grid, custom styling, and custom icons" игрался
Может кто знает причины возникновения такой ситуйовины ? и как сделать чтоб объявление показывалось только на главной и нигде больше ? а то в "Узлах" только список форумов

Картинка

 

[Matew]

Путь к картинке поправьте. Слэш добавить

 

[Skaiman]

там в коде лишнего много было :) подчистил

<style>
    .welcomeSectionNY {
        position: relative;
        background: #e0e0e0 url(/img/banner/reg.png);
        height: 0;
        padding-top: 25.423%;
        background-size: cover;
        background-position: center;
    }

    .sharebut {
        color: #0b0905;
        width: 250px;
        height: 40px;
        font-size: 20px;
        background: #eec731;
        border-radius: 5px;
        position: absolute;
        bottom: 5px;
        transition: 0.5s;
        text-align: center;
        line-height: 40px;
        margin-bottom: 10px;
        margin-left: 1px;
        font-weight: bold;
        letter-spacing: -1px;
    }

    .sharebut:hover {
        text-decoration: none;
        bottom: 15px;
        color: #ffffff;
    }

    @media only screen and (max-width:650px) {
        .welcomeSectionNY {
            position: relative;
            background: url(/img/reg.png);
            height: 0;
            padding-top: 25.423%;
            background-size: cover;
            background-position: center;
        }
    }

    @media screen and (min-width:300px) and (max-width:450px) {
        .sharebut {
            width: 115px;
            height: 15px;
            font-size: 10px;
            line-height: 15px;
            margin-bottom: 2px;
            margin-left: -4px;
        }
    }

    @media screen and (min-width:451px) and (max-width:649px) {
        .sharebut {
            width: 160px;
            height: 20px;
            font-size: 13px;
            line-height: 20px;
            margin-bottom: 10px;
            margin-left: 5px
        }
    }

    @media screen and (min-width:650px) and (max-width:824px) {
        .sharebut {
            margin-left: 40px;
            width: 160px;
            height: 20px;
            font-size: 13px;
            line-height: 20px;
            margin-bottom: 15px
        }
    }

    @media screen and (min-width:825px) and (max-width:1000px) {
        .sharebut {
            margin-bottom: 20px;
            margin-left: 55px
        }
    }

</style>

<a href="#" class="sharebut">Читать</a>

а что бы объявление было только на главной, если конечно это объявление, а не просто вставлен код в шаблон, то в настройках объявления, на вкладке Критерии странице, пункт Шаблоном контента является: forum_list

 

[alex2020]

там в коде лишнего много было :) подчистил

Код

<style>
    .welcomeSectionNY {
        position: relative;
        background: #e0e0e0 url(/img/banner/reg.png);
        height: 0;
        padding-top: 25.423%;
        background-size: cover;
        background-position: center;
    }

    .sharebut {
        color: #0b0905;
        width: 250px;
        height: 40px;
        font-size: 20px;
        background: #eec731;
        border-radius: 5px;
        position: absolute;
        bottom: 5px;
        transition: 0.5s;
        text-align: center;
        line-height: 40px;
        margin-bottom: 10px;
        margin-left: 1px;
        font-weight: bold;
        letter-spacing: -1px;
    }

    .sharebut:hover {
        text-decoration: none;
        bottom: 15px;
        color: #ffffff;
    }

    @media only screen and (max-width:650px) {
        .welcomeSectionNY {
            position: relative;
            background: url(/img/reg.png);
            height: 0;
            padding-top: 25.423%;
            background-size: cover;
            background-position: center;
        }
    }

    @media screen and (min-width:300px) and (max-width:450px) {
        .sharebut {
            width: 115px;
            height: 15px;
            font-size: 10px;
            line-height: 15px;
            margin-bottom: 2px;
            margin-left: -4px;
        }
    }

    @media screen and (min-width:451px) and (max-width:649px) {
        .sharebut {
            width: 160px;
            height: 20px;
            font-size: 13px;
            line-height: 20px;
            margin-bottom: 10px;
            margin-left: 5px
        }
    }

    @media screen and (min-width:650px) and (max-width:824px) {
        .sharebut {
            margin-left: 40px;
            width: 160px;
            height: 20px;
            font-size: 13px;
            line-height: 20px;
            margin-bottom: 15px
        }
    }

    @media screen and (min-width:825px) and (max-width:1000px) {
        .sharebut {
            margin-bottom: 20px;
            margin-left: 55px
        }
    }

</style>

<a href="#" class="sharebut">Читать</a>

а что бы объявление было только на главной, если конечно это объявление, а не просто вставлен код в шаблон, то в настройках объявления, на вкладке Критерии странице, пункт Шаблоном контента является: forum_list

Спасибо большое, в коде лишнего, потому что я не бум бум, понимаю только самый минимум как поменять цвет , отступы сделать и тд ) Код взял с этого форума нашел в поиске )))

 

[Skaiman]

Код взял с этого форума нашел в поиске )))

так я и давал его :) только вот все это не очень то, копирование чужого, так то можно сделать намного интереснее и лучше.

 

[alex2020]

так я и давал его :) только вот все это не очень то, копирование чужого, так то можно сделать намного интереснее и лучше.

это понятно ) но как уже говорил, моих знаний достаточно только чтоб копировать чужое (((((
поэтому заспамливаю форум с темами о помощи.....

 

[Skaiman]

моих знаний достаточно только чтоб копировать чужое

это уже поняли, но этим не стоит гордится и каждый раз при случае упоминать, все в твоих руках