Taustassa ongelma?

[Ooppelimies]

Forumia selatessa koko tausta on tasaisen keltainen, mutta kun avaa viestit, niin tilanne muuttuu.
Vasenpaan reunaan jää haalean keltainen alue, jokusen sentin.

Ongelma tuli uuden näytön myötä (1920x1080), vanhalla ei tätä ongelmaa ollut (1680x1050).

[Lurttinen]

Jos tätä kuvaa meinaat:
http://opelclubfinland.fi/forum/styles/ ... online.gif
http://opelclubfinland.fi/forum/styles/ ... adient.gif
Toi jäi joskus tollaiseksi kun foorumista oli pakko saada skaalautuva.
Ei ole kukaan näköjään laittanut pienempää ja background-repeat:repeat-x; + ratkaissut paikallaolijoiden ongelmaa, jossa divi ottaa asetukset alemmasta layerista.

[Ooppelimies]

Juurikin tuota. Inhottavan näköinen tuo muutaman sentin haalean keltainen alue.

[Lurttinen]

Noi kaks giffiä vie julmetusti kaistaakin.

[urjaman]

Noi kaks giffiä vie julmetusti kaistaakin.

post_bg_gradient.png 126K (vs 177K vanha gif) ja venytin sen 1920x500
icon_user_online.png 131K (vs 181K vanha gif) ja tämäkin venytetty

Katoin vaan että hyi giffejä 2010-luvulla ja tuli mieleen että kyllä png:llä saa runtanttua pienemmäksi (muutaman png optimizerin läpi ajoin noi) ja sit samalla tuli mieleen et voishan tota vähän venyttää nykynäyttöjen kokoon (aika laastari-fix mutta kuiteski) ... Saa käyttää tai olla käyttämättä; luulis että aika saumattomasti sujuu jos ensin laittaa noi png:t noiden giffien rinnalle ja sitten muuttaa teemasta päätteet, styles/prosilver_se/theme/colours.css näytti olevan the file jossa nuo mainitaan.

Mulla tais olla vähän tylsää tjtn...

[Lurttinen]

Tällänen olis Tyylikkäämpi:

[urjaman]

Ei toimis ihan suoraan toi kapean gradientin toisto nykysellä css, mutta:

Koodi: Valitse kaikki

.bg1    {
        background-color: #fff3b9;
        background-image: url("post_bg_gradient.png");
        background-repeat:repeat-x;
}
.bg2    {
        background-color: #fff3b9;
        background-image: url("post_bg_gradient.png");
        background-repeat:repeat-x;
        }

Toi näytti toimivan uudella foxilla, konquerorilla ja IE:llä (XP virtuaalikonetta sai ojentaa taas...). (ja toi url on väärin tossa (paikallinen testi), mutta ideana näin).
Ja sitten toi sun 3.25K oli ihan kauheen bloatti, katos tätä liitettä

[Lurttinen]

Seuraava haaste, laita tämä toimimaan tuon kanssa:

[urjaman]

IE8 hajottaa.... foxilla ja chromella sain kyllä toimimaan ton (CSS3), mutta toinen note tuli mieleen että jos käyttää tolle non-online kuvalle (gradient) tota repeattia ja leveää online-kuvaa niin kannattaa laittaa tälleen toi .online:

Koodi: Valitse kaikki

.online {
        background-image: url("icon_user_online.png");
        background-repeat: no-repeat;
}

jossa toi .png se wide png - muuten yli 1920 resolla tulis paikalla teksti vasemmalle näkyviin kun toi background-repeat tulis tuolta .bg1 määrityksestä.
Tämä olis se vain CSS3 (kuulemma IE9/Firefox/Chrome) versio:

Koodi: Valitse kaikki

.online {
        background-image: url("icon_user_online.gif"), url("post_bg_gradient.png");
        background-repeat: no-repeat, repeat-x;
        background-position: top right, top left;
}

Jossa toi .gif olis toi sun linkkaama tai sen kaltainen. Mutta IE8 näyttää vaan sen taustavärin kun sille antaa tän että ei kauheen kaunista.

En tosiaankaan ole mikään oikea web-guru, mitänyt vähän tiedän css ja html ja osaan googlettaa...

[Lurttinen]

ärkele, en saanut FF10 toimimaan tuota esimerkkiä.
Ajattelin, että uhrataan tuo toiminto IE:stä ja näytetään layerit pelkästään muille.

IE:n sain toimimaan -> näytti siististi pelkän taustan, mutta FF10 ei suostunut hakemaan online-kuvaa ja asemoimaan oikeaan nurkkaan.
Sinne meni tää häive, onlinen asetuksilla, eli top right ja no-repeat.

[unique]

BIOS:sista GODMODE; ON.