![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
luthienlovemagicTöbben kértétek, hogy magyarázam el a fejlécbeillesztés mikéntjét. Most megpróbálom mindenki számára érthetően elmondani, ![[info]](https://www.livejournal.com/img/userinfo.gif)
eniel1 magyarázatát kibővítve leírni.
Kezdjük is:
1. lépés: Kreáld meg a fejlécet, vagyis a fantáziád szerint rajzold meg, montázsold össze, szerkezd meg álmaid fejlécét. Ehhez különböző programokat tudsz használni. Én két programot használtam az egyik a Paint, ami a windows start menüjében található, a kellékekben. A másik program az Abode Photoshop, ami a Paintnél több lehetőséget biztosít. A kettő kombinációjával hoztam létre a fejlécet, ami a http://sakuratale.livejournal.hu oldalon található. A képet a végén JPEG formátumban mentsétek el, jpg legyen a kiterjesztése. Ehhez a részéhez egy kis ügyeskedés és türelem kell:)
2. lépés: A kész fejléc feltöltése egy képfeltöltő oldalra. Én a Photobucketet javaslom, mert az lj nagyon jól tolerálja. Az oldalra regisztrálás után feltölthető a kép. Azt hiszem, a regisztrálásról a visszaigazoló mailt meg kell várni, de nem biztos, majd látjátok. Másik lehetőség, ha a fejlécet az lj-tek saját gallériájába töltitek fel.
3. lépés: Ez a leghosszabb lépés, de nem kell tőle megijedni. Tehát a fejléc beillesztése:
Az Eniel által javasolt link:
http://www.livejournal.com/tools/memori
Ez összegyűjti azokat a journal stílusokat, amiknél lehetővé válik fejléc beillesztése.
Ezek valamelyikére kell megváltoztatnod az oldalad stílusát, a következő modon: a Journal menüpont alatt kiválasztjátok a Select Style menüpontot, és megkeresitek az egyik stílust a fentebb említettek közül, majd mentitek a változást.
Ezután érkezünk el a lényeghez, a beillesztéshez. Ezt most a tranquility stílussal mutatom be, mert én is azt használtam.
A lényeg a kód:
eniel1 magyarázatát kibővítve leírni.Kezdjük is:
1. lépés: Kreáld meg a fejlécet, vagyis a fantáziád szerint rajzold meg, montázsold össze, szerkezd meg álmaid fejlécét. Ehhez különböző programokat tudsz használni. Én két programot használtam az egyik a Paint, ami a windows start menüjében található, a kellékekben. A másik program az Abode Photoshop, ami a Paintnél több lehetőséget biztosít. A kettő kombinációjával hoztam létre a fejlécet, ami a http://sakuratale.livejournal.hu oldalon található. A képet a végén JPEG formátumban mentsétek el, jpg legyen a kiterjesztése. Ehhez a részéhez egy kis ügyeskedés és türelem kell:)
2. lépés: A kész fejléc feltöltése egy képfeltöltő oldalra. Én a Photobucketet javaslom, mert az lj nagyon jól tolerálja. Az oldalra regisztrálás után feltölthető a kép. Azt hiszem, a regisztrálásról a visszaigazoló mailt meg kell várni, de nem biztos, majd látjátok. Másik lehetőség, ha a fejlécet az lj-tek saját gallériájába töltitek fel.
3. lépés: Ez a leghosszabb lépés, de nem kell tőle megijedni. Tehát a fejléc beillesztése:
Az Eniel által javasolt link:
http://www.livejournal.com/tools/memori
Ez összegyűjti azokat a journal stílusokat, amiknél lehetővé válik fejléc beillesztése.
- [tranquility II] Adding a header image
s2howto - [paidaccount][boxer] Adding a Header Image
s2howto - [paidaccount][generator] Adding a Header Image
s2howto - [smooth sailing] Adding a Header Image
s2howto - [flexible squares] Adding a Header Image
s2howto - [all] Adding a Header Image - Overview
s2howto - [all accounts][expressive/mixit] Changing the Header Image
s2howto
Ezek valamelyikére kell megváltoztatnod az oldalad stílusát, a következő modon: a Journal menüpont alatt kiválasztjátok a Select Style menüpontot, és megkeresitek az egyik stílust a fentebb említettek közül, majd mentitek a változást.
Ezután érkezünk el a lényeghez, a beillesztéshez. Ezt most a tranquility stílussal mutatom be, mert én is azt használtam.
A lényeg a kód:
#banner {
background-image: url(http://www.example.com/header.jpg);
width: 100px;
height: 100px;
margin: 0 auto;
}
#banner h1 {display: none;} Az itt látható kódod bemásoljátok a következő helyre:
home/journal/customize journal style/custom css
A fentebb lévő kódban a szinessel jelölt részek a változók:
1. A zárójelben lévő url-t kitörlöd, a hejére pedig bemásolod a fejléc linkjét.
- Ha Photobucketről linkelsz: Pl: az én esetemben: a fejlécem photobucket oldala: http://s248.photobucket.com/albums/gg172/luthienlovemagic/?action=view¤t=fejlec.jpg Az addot kép oldalán a 'Share this image' adatoknál van egy olyan, hogy 'Direkt Link'. Ezt kell bemásolni a zárójelbe. (http://i248.photobucket.com/albums/gg172/luthienlovemagic/fejlec.jpg)
- Ha saját galériából linkeltek, akkor meg a képre kettintotok ott jobb egérgomb/kép címének másolása.
2. A két kékkel szinezet adat a kép szélessége és magassága. A width a szélesség, a height a magasság. A két 100-as adatot kitörlitek, és helyére beírjátok a saját képetek adatait. Ezt a képre jobbegérrel ráklikelve a tulajdonságoknál tudjátok megnézni. X*Y pixel: X a szélesség, Y a magasság
3. A lilával jelőlt adatot viszont nem változtatjuk meg, azt így kell (lehet) hagyni!!! (Én legalábbis úgy hagytam, és sikerült!!!!)
Ha ez megvan, akkor elmenthetitek, és legjobb esetben lehet gyönyörködni a feltöltött fejlécben. Ha, így sem sikerül, akkor kérdezzetek még nyugodtan:)
home/journal/customize journal style/custom css
A fentebb lévő kódban a szinessel jelölt részek a változók:
1. A zárójelben lévő url-t kitörlöd, a hejére pedig bemásolod a fejléc linkjét.
- Ha Photobucketről linkelsz: Pl: az én esetemben: a fejlécem photobucket oldala: http://s248.photobucket.com/albums/gg172/luthienlovemagic/?action=view¤t=fejlec.jpg Az addot kép oldalán a 'Share this image' adatoknál van egy olyan, hogy 'Direkt Link'. Ezt kell bemásolni a zárójelbe. (http://i248.photobucket.com/albums/gg172/luthienlovemagic/fejlec.jpg)
- Ha saját galériából linkeltek, akkor meg a képre kettintotok ott jobb egérgomb/kép címének másolása.
2. A két kékkel szinezet adat a kép szélessége és magassága. A width a szélesség, a height a magasság. A két 100-as adatot kitörlitek, és helyére beírjátok a saját képetek adatait. Ezt a képre jobbegérrel ráklikelve a tulajdonságoknál tudjátok megnézni. X*Y pixel: X a szélesség, Y a magasság
3. A lilával jelőlt adatot viszont nem változtatjuk meg, azt így kell (lehet) hagyni!!! (Én legalábbis úgy hagytam, és sikerült!!!!)
Ha ez megvan, akkor elmenthetitek, és legjobb esetben lehet gyönyörködni a feltöltött fejlécben. Ha, így sem sikerül, akkor kérdezzetek még nyugodtan:)
