[Pagalbos IPB Skin] Problema su header'iu

[DeFine]

Sveiki, editinausi skiną, bet atsirado problema zoom'inant per naršyklę header'is nekeičia savo dydžio, lieka toks pat kaip ir buvo priešingai nei bg ar web content'as. Ta pati problema ir ant kompiuterio su kitokia ekrano rezoliucija. Nežinau ar taip, bet gal tai galima ištaisyt per CSS, todėl numetu kodą.

 

P.S. Header'is judantis, tad nekreipkit dėmesio kad kitoj vietoj.

#sc-branding{
    background: #383838 url("{style_images_url}/custom/img/header_img3.jpg");
    border-bottom: 1px solid #343434;
    min-height: 250px;
    box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    background-size: 84%}

 

-------------------------------------------------------------------------------------------------------------------------------------

 

[Ewil++]

Turėtu veikt.

 

background: #383838 url("{style_images_url}/custom/img/header_img3.jpg") no-repeat center center fixed;
border-bottom: 1px solid #343434;
min-height: 250px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

background-size: 84%}

 

Jai ne, tiesiog paprastas kodas kurį prisitaikyk prie savo:

background: url({style_images_url}/bg.png) no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

 

Jaigu kažkas blogai gausis nuimk center, center.

 

- eWarz

Redaguota Liepos 13, 2015, nario Ewil++

[No Life King]

background: #383838 url("{style_images_url}/custom/img/header_img3.jpg") fixed;

Jeigu gerai supratau ko tu nori

[DeFine]

Pridėjau, bet vis tiek pats paveiksliukas dydžio nekeičia...

[LeveL.]

#sc-branding{
    background: #383838 url("{style_images_url}/custom/img/header_img3.jpg") no-repeat;
    border-bottom: 1px solid #343434;
    width:100%;
    min-height: 250px;
    background-size:cover;
    box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    }

turi pilnai veikt o kas ten fixed darašot nenusišnekėkit..

Redaguota Liepos 13, 2015, nario LeveL.

[No Life King]

#sc-branding{
    background: #383838 url("{style_images_url}/custom/img/header_img3.jpg") no-repeat;
    border-bottom: 1px solid #343434;
    width:100%;
    min-height: 250px;
    background-size:cover;
    box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    }

turi pilnai veikt o kas ten fixed darašot nenusišnekėkit..

 

Sakai, bet man kazkodel visad viskas ok  buna.

[DeFine]

#sc-branding{
    background: #383838 url("{style_images_url}/custom/img/header_img3.jpg") no-repeat;
    border-bottom: 1px solid #343434;
    width:100%;
    min-height: 250px;
    background-size:cover;
    box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0px -1px 10px;
    }

turi pilnai veikt o kas ten fixed darašot nenusišnekėkit..

 

 

Dėkui, veikia, tik nutryniau no-repeat, nes kadangi slenkantis paveiksliukas tai poto neprijungia naujo, vienas tik ir slenka. Dėkui dar kart 

[LeveL.]

Sakai, bet man kazkodel visad viskas ok  buna.

 

 

jeigu toks protingas atsakyk ką daro

position:fixed;

funkcija nes manau dauguma naudojat be reikalo.

 

 

Dėkui, veikia, tik nutryniau no-repeat, nes kadangi slenkantis paveiksliukas tai poto neprijungia naujo, vienas tik ir slenka. Dėkui dar kart  

 

 

 

no-repeat funkcija tam jog paveiksliukas nesikartotu dėl viso pikto.

Redaguota Liepos 13, 2015, nario LeveL.

[DeFine]

jeigu toks protingas atsakyk ką daro

position:fixed;

funkcija nes manau dauguma naudojat be reikalo.

 

 

 

 

 

no-repeat funkcija tam jog paveiksliukas nesikartotu dėl viso pikto.

 

Šitai suprantu, ir to iš dalies reiktų jei paveiksliukas nejudėtų, bet mano atveju jis juda ir turi kartotis kad išeitų infinity, kaip čia pasakius, marqueen'as.