Sidebar-os CSS tutorial
2012. 09. 29. Meghoztam az oldalsáv leírását. A tutorialban megtalálható a Photoshop leírás is, hogyan lehet oldalsávot készíteni és a CSS kódot is megtalálod, hogy hogyan tudod az elkészült oldalsávot megjeleníteni a honlapodon. Nem csak G-Portálosoknak! A kód itt található: Oldalsáv készítése
Oldalsáv |
Sokan kérdeztétek már, hogyan kell az ilyen fajta oldalsávot használni a G-portál-on. Készítettem egy részletes leírást, hogy te is el tudd készíteni saját magadnak.
Az első lépés mindenképpen, hogy valamilyen képszerkesztő programban (pl.: Adobe Photoshop, PhotoFiltre, Gimp, Paint Shop Pro) készítesz egy neked tetsző, alakú szövegdobozt. Mintákat itt találsz.
Ha te magad készíted a szövegdobozodat, akkor minden esetben háttér nélkül készítsd el. A szövegdoboz mögött ne legyen háttér. És vagy GIF vagy PNG formátumban mentsd el!
Amikor elkészült a szövegdobozod, háromba kell vágni így: LINK
Három külön képként kell elmenteni. Én így szoktam őket elnevezni:
1. fejléc • 2. háttér • 3. lábléc
A három képet fel kell tölteni az internetre egy képtárba, vagy a G-Portál képtár moduljába. Közben készíts egy egyszerű modult, amiben az oldalsáv lesz.
Oldalsávot Photoshopban így tudsz készíteni: LINK
|
2010. 08. 28. |
|
Köszönöm szépen:)