feszített háttérkép a MySpace profiljában

feszített háttérkép a MySpace profiljában

vasárnap március 8th, 2009

sokan sok időt töltenek a MySpace profil testreszabásával. Nagyon szórakoztató lehet. Az egyik ismétlődő gyakran feltett kérdés az, hogyan lehet elérni a feszített háttérképet a profilon. Utánanéztem egy kicsit, és találtam néhány megoldást. Sajnos egyik sem teljesen tökéletes, de lehet, hogy elég tökéletes az Ön számára.

vegye figyelembe, hogy a feszített háttér probléma nem korlátozódik a MySpace oldalakra. Ez egy általános probléma az összes weboldalt. Erre ma nincs igazán jó megoldás (2009 tavasza). Meg kell várnunk a CSS3 háttérméretű ingatlan támogatását. Ha Ön teljes mértékben ellenőrzi a weboldalt (amely nem szerepel a MySpace profilokban), akkor vannak megoldások, lásd pl. About.com.

a következő leírások mindegyike feltételezi, hogy a MySpace Profile 2.0-t használja.

1. megoldás: Használjon nagy háttérképet

használjon olyan háttérképet, amely elég nagy ahhoz, hogy a legtöbb monitoron kitöltse a teljes hátteret.

előnyök

• viszonylag könnyű

hátrányok

• soha nem fogod soha nem mekkora a nézők monitorja, így a kép egyébként nem lehet elég nagy. Ha 1920×1200-ra megy, akkor legalább lefedi a jelenlegi nagy szélesvásznú monitorokat.
• egy másik probléma az, hogy valóban azt szeretné, hogy a háttér bizonyos részei láthatók legyenek, ezért ügyeljen arra, hogy ezek a kép bal felső részén legyenek.
• mivel a háttérkép felbontása általában elég nagy, nem tárolható sok népszerű képtárhelyen (ez magában foglalja a myspace-t és pl. Tehát valahol máshol kell tárolnia a képet, ahol a felbontás nagyobb lehet.
  Készítsen Google keresést a “nagy méretű képtárhely” oldalon, hogy megtalálja a tárhely webhelyeit.

hogyan lehet

1. feltölteni egy elég nagy háttérképet (például 1920×1200) egy képtárhelyre, ahol nagy képek megengedettek.
2. MySpace profiljában aktiválja a következő profilt: > profil testreszabása.
3. Megjelenés Aktiválása > Haladó Szerkesztés > Háttér.
   • írja be a tárolt kép helyének Url-jét, pl. http://www.yoururl.com/images/myspacebg.jpg
   • ellenőrizze, hogy az oldallal való görgetés értéke nem, a
   • ismétlés értéke pedig nem ismétlés.
4. az eredmény megtekintéséhez aktiválja az Előnézet gombot. Ha elégedett, aktiválja a Közzététel gombot.

2. megoldás: Előzetes CSS3 támogatás

a legtöbb böngésző ma (2009 tavasza) nem támogatja a CSS3 háttérméret tulajdonságot. Ha nem minden probléma feszített háttérrel volna megoldani. A webkit motort használó legtöbb böngésző azonban előzetesen támogatja az ingatlant. Ez magában foglalja például a Safari és a Chrome böngészőket.

előnyök

• viszonylag egyszerű
• bármilyen képméretet használhat, például néhány saját profilfotóját.
• nem megfelelő átméretezés nyújtás a háttérben. De nem feltétlenül néz ki jól egy ultra széles monitoron.

hátrányok

• nem működik az Internet Explorerben és sok más böngészőben. Ez lefedi a legszélesebb körben használt böngészőket, tehát hatalmas hátrány.

hogyan lehet

1. a MySpace profilban aktiválja a profilt > profil testreszabása.
2. megjelenés aktiválása > CSS
3. írja be a következő CSS kódot – cserélje ki az url-t a kép helyére:

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

4. az eredmény megtekintéséhez aktiválja az Előnézet gombot. Ha elégedett, aktiválja a Közzététel gombot.

3.megoldás: Inject Img element

az utolsó megoldás, amely ismét nem tökéletes, arról szól, hogy egy HTML Img elemet injektál a profiljába, majd szabályozza annak helyzetét az oldalon, hogy illeszkedjen a böngészőablakhoz.

előnyök

• bármilyen képfelbontás méretű, például egy képet a MySpace profil album.

hátrányok

• a kép görgeti az oldalt, így a háttér nem rögzített. Ez hatalmas hátrány.
• egy kicsit bonyolult bevezetni a profiljába.

hogyan lehet

1. a MySpace Profilodban profil aktiválása > Profil szerkesztése
2. a Profil szerkesztése oldalon aktiválás rólam.
3. a Rólam részben írja be a következő HTML kódokat az IMG elem befecskendezéséhez, amely a háttérképére utal. Az src attribútumnak hivatkoznia kell a képre.

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

1. aktiválja a Módosítások mentése gombot a módosítások mentéséhez.
2. profil aktiválása > profil testreszabása
3. megjelenés aktiválása > CSS
4. írja be (adja hozzá) a következő CSS kódot – amely lényegében az injektált képet (azonosította) úgy helyezi el, hogy a háttérbe illeszkedjen:

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

5. az eredmény megtekintéséhez aktiválja az Előnézet gombot. Ha elégedett, aktiválja a Közzététel gombot.