venytetty taustakuva MySpace-profiilissasi

venytetty taustakuva MySpace-profiilissasi

sunnuntai 8.3.2009

monet ihmiset käyttävät paljon aikaa MySpace-profiilinsa muokkaamiseen. Se voi olla hauskaa. Yksi toistuvista usein kysytyistä kysymyksistä on, miten profiiliin saadaan venytetty taustakuva. Olen tutkinut tätä vähän ja löytänyt muutamia ratkaisuja. Mikään niistä ei valitettavasti ole täysin täydellinen, mutta ne voivat olla tarpeeksi täydellinen sinulle.

huomaa, että venynyt taustaongelma ei rajoitu vain MySpace-sivuille. Se on yleinen ongelma kaikille verkkosivuille. Tähän ei ole oikein hyvää ratkaisua tänään (keväällä 2009). Joudumme odottamaan CSS3: n taustakokoa. Jos olet itse täysin kontrollissa verkkosivun (jota et ole MySpace-profiileissa), niin on olemassa kiertoteitä, katso esim. About.com.

kaikki seuraavat kuvaukset ovat olettaen, että käytät MySpace-profiilia 2.0.

ratkaisu 1: Käytä suurta taustakuvaa

käytä taustakuvaa, joka on riittävän suuri täyttääkseen koko taustan useimmissa näytöissä.

edut

• melko helppo

haitat

• et koskaan tiedä kuinka suuri katsojamonitori on, joten kuva ei välttämättä ole tarpeeksi suuri muutenkaan. Jos siirryt 1920×1200: aan, voit kattaa ainakin nykyiset suuret laajakuvanäytöt.
• toinen ongelma on, että haluat todella tiettyjen taustan osien näkyvän, joten varmista, että ne ovat kuvan vasemmassa ylälaidassa.
• koska taustakuvan resoluutio on yleensä melko suuri, sitä ei voi isännöidä monilla suosituilla kuvahostaussivustoilla (mukaan lukien myspace itse ja esim.flickr), koska niillä on maksimiraja resoluutiolle, yleensä noin 1027×768. Joten sinun täytyy isännöidä kuva jossain muualla, jossa resoluutio voi olla suurempi.
  tee Google-haku ”image hosting large size” – sivustolla löytääksesi hostaavia verkkosivustoja.

kuinka

1. ladata tarpeeksi suuri taustakuva (esim.1920×1200) kuvapalvelusivustolle, jossa suuret kuvat ovat sallittuja.
2. aktivoi Myspace-profiilissasi profiili > Muokkaa profiilia.
3. Aktivoi Ulkonäkö > Advanced Edit > Background.
   • kirjoita Url isännöidyn kuvan sijaintiin, esim. http://www.yoururl.com/images/myspacebg.jpg
   • varmista, että sivun vieritys on asetettu arvoon No ja
   • toisto on asetettu arvoon ei toisteta.
4. aktivoi Esikatselunappi nähdäksesi tuloksen. Jos olet tyytyväinen, aktivoi Julkaisupainike.

Ratkaisu 2: Alustava CSS3-tuki

Useimmat selaimet nykyään (kevät 2009) eivät tue CSS3-taustakokoa. Jos he tekisivät, kaikki ongelmat venyneillä taustoilla olisi ratkaistu. Kuitenkin useimmat selaimet käyttävät webkit moottori ei ole alustavaa tukea ominaisuus. Se kattaa esimerkiksi selaimet Safari ja Chrome.

edut

• melko helppo
• voi käyttää mitä tahansa kuvakokoa, esimerkiksi joitakin omia profiilikuvia.
• tee taustalle kunnon resizing-venytys. Mutta ei välttämättä näytä hyvältä ultraleveällä näytöllä.

haitat

• ei toimi Internet Explorerissa eikä monissa muissa selaimissa. Tämä kattaa yleisimmin käytetyt selaimet, joten se on valtava haitta.

miten

1. MySpace-profiilissasi Aktivoi profiili > Muokkaa profiilia.
2. aktivoi ulkonäkö > CSS
3. syötä seuraava CSS-koodi-korvaa url-osoite kuvan sijainnilla:

body { background-image: url(http://www.yoururl.com/images/myspacebg.jpg); x-webkit-background-size:100% 100%;}

4. aktivoi Esikatselunappi nähdäksesi tuloksen. Jos olet tyytyväinen, aktivoi Julkaisupainike.

Ratkaisu 3: img-elementin pistäminen

viimeisessä ratkaisussa, joka ei taaskaan ole täydellinen, on kyse HTML-img-elementin pistämisestä profiiliisi ja sen jälkeen sen sijainnin säätämisestä sivulla selainikkunaan sopivaksi.

Advantages

• voi toimia millä tahansa kuvan resoluutiokoolla, esim.kuva MySpace-profiilisi albumeista.

haitat

• kuvakääröt sivulla siten, että tausta ei ole kiinteä. Tämä on valtava haitta.
• hieman monimutkainen ottaa käyttöön profiiliin.

How to

1. in your MySpace profile activate Profile > Edit Profile
2. On the Edit Profile page activate About Me.
3. Kirjoita tietoja minusta-osioon seuraavat HTML-koodit pistääksesi img-elementin, joka viittaa taustakuvaasi. Src-attribuutin pitäisi viitata kuvaan.

<img width="100%" src="http://www.yoururl.com/images/myspacebg.jpg"/>

1. aktivoi Tallenna muutokset-painike tallentaaksesi muutokset.
2. Activate Profile > Customize Profile
3. Activate Appearance > CSS
4. Enter (add) the following CSS code-which oleellisesti will position the injured image (identified by) to fit in background as stretched:

#back{ width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: -1;} 

5. aktivoi Esikatselunappi nähdäksesi tuloksen. Jos olet tyytyväinen, aktivoi Julkaisupainike.