2015.05.13. 10:40, Enma22
Itt most bemutatom, hogyan lehet egyszerbben, egy CSS fjllal megoldani a dizjnolst.
Ez azrt is j, mert nem kell egy egsz kdsort a modulodban lapozgatni, hanem kszthetsz egy fjlt is, s azt a portlodra feltltve tudod hasznlni. n a Szerkeszthet lblcbe tettem, s a hiedelmekkel ellenttben nlam teljesen ttetsz a modul. Olvastam mr valahol, hogy ezt kln be kell lltani egy kddal, mert akkor olyan lesz a httr, mint a tbbi modul. Nlam sem itt, sem a baba oldalon nem lett olyan szn, st transparent a httr mindenfle kln bellts nlkl.
Ha jl nztem ez azrt van, mert a kis ngyzetekbl hinyzik a pipa, vagyis eleve gy van belltva, hogy ne legyen httere s fejlce.
Kpekkel illusztrlom nektek, hogyan is kell csinlni.
Els feladat. Nyiss egy Jegyzettmbt!
Ebbe kezd el szpen megrni a kdodat, vagy msold be, s alaktgasd t, ahogy szeretnd. Tesztelshez hasznlhatsz egy egyszer modult addig, gy ltod, hogyan is fog kinzni a dolog, s hogy szmodra megfelel e az.
De ha mr konkrtan tudod, mit szeretnl, akkor ez felesleges.
Termszetesen HTML alapon fogunk majd dolgozni a fjllal.
Ha megvagy a kdsoroddal, ami ugyan olyan mint itt, csak nem kell el a <style> rsz, mivel nem HTML-t hozunk ltre, hanem egy fjlt, akkor ideje elmenteni.
Fontos! A bettpusok linkjeit nem ide kell bemsolni, mert azok HTML kdok, azok majd mshov kerlnek, addig egy msik jegyzettmbben trold ket, vagy hagyd nyitva a Google Fonts oldalt, hogy ki tudd majd msolni!
A *.txt szveg helyre rd be a kvnt nevet, nlam sajat.css lett.
Ments, ezzel ez ksz is.
Ha nincs mg olyan modulod, hogy GPorTr, akkor hozd ltre, s ide kell feltlteni a ksz fjlodat. nekem ez mr megvan, errl kpet kln nem ksztek, tudnotok kell fjlt feltlteni.
Ha megvan, akkor kell a linkje, jobb egrgomb, s link msolsa. Sajnos olyan gombot mg nem talltak fel hozz, mint a modulokhoz.
Ezt a linket tedd be abba a jegyzettmbbe, ahol a bettpusok is vannak, hogy meglegyen, vagy ha nincs jegyzettmb, akkor nyiss egyet.
Ez azrt kell, mert mg msolsz mst is, s akkor eltnik ez a link.
Most jhet a lblced.
Lpj bele szerkeszt mdban, s vlaszd ki a kdnzetet.
Ezt msold bele:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
A mystyle.css helyre illeszd be a te CSS fjlod kdjt, ami gy nz ki kb.:
//css-elements.gportal.hu/portal/css-elements/upload/763521_1431506290_08607.css
A te oldalad neve jelenik majd meg, s persze ms szmokkal. A lnyeg, hogy gy nzzen ki.
Most msold be a bettpusok HTML kdjait is, amit Google Fonts megadott. s ezzel ksz is vagy, mentheted a munkdat. Ezennel egy fjllal megoldottad a CSS tma krdst.
Ha brmikor vltoztatni akarsz, akkor egyszerbb a gpeden megnyitni a fjlt, trni amit szeretnl, feltlteni, s tlinkelni. A rgit pedig menesztheted is, ha akarod, de akr meg is lehet tartani, ha ksbb mg kelleni fog.
AJÁNLOM AZ OLDALT
Sg
j hozzszls
Frissts
Friss bejegyzsek
Friss hozzszlsok
Archvum