~>&#

Babablogom

 
Beszlgessnk
 
Bejelentkezs
Felhasznlnv:

Jelsz:
SgSg
Regisztrci
Elfelejtettem a jelszt
 
Eddig
Induls: 2015-04-09
 
Kdok

CSS fjl ltrehozsa

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.

Mg nincs hozzszls.
 
Friss
Friss bejegyzsek
2015.06.10. 11:16
2015.06.09. 18:03
2015.06.09. 17:53
2015.06.09. 13:30
2015.06.09. 12:46
2015.05.27. 15:21
2015.05.19. 16:37
2015.05.19. 15:39
2015.05.19. 15:33
2015.05.13. 10:40
Friss hozzszlsok
 

Mindig tudnod kell, melyik kikötõ felé tartasz. - ROSE HARBOR, a mi városunk - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG    *****    Alkosd meg a saját karaktered, és irányítsd a sorsát! Vajon képes lenne túlélni egy ilyen titkokkal teli helyen? - FRPG    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    Aki szörnyekkel küzd, vigyázzon, nehogy belõle is szörny váljék. S ha hosszasan tekintesz egy örvénybe, az örvény vissza    *****    Rose Harbor, ahol a tenger suttog és a múlt sosem tûnik el teljesen. - FRPG - csatlakozz közénk te is :)    *****    Egy kikötõ, ahol minden hullám egy új kezdetet ígér. Rose Harbor, több mint egy város, egy világ a világ mögött.    *****    Rose Harbor &#8211; kisvárosi báj, nagy titkokkal - légy részese te is ennek a kalandnak :) - FRPG    *****    Óceán, erdõ, csillagfény &#8211; minden ösvény Rose Harborba vezet - aktív FRPG közösség    *****    Itachi Shinden 1. kötet Magyarul elérhetõ a konoha.hu -n. Nézzetek be! *** Itachi Shinden 1. kötet Magyarul elérhetõ!!!    *****    ÁGICAKÖNYVTÁRA - KÖNYVEK, KÖNYVEK, KÖNYVEK - ÁGICAKÖNYVTÁRA    *****    MOVIE-NIGHT -> Filmek, Sorozatok <- MOVIE-NIGHT    *****    Movie-    *****    Játssz a színekkel keress szebbnél szebb képeket, építs, szépítsd a portálod, hogy szebb és színesebb legyen a világod!    *****    Debrecen Huszti Lakóparki napelemes családiház eladó. 06209911123 Debrecen Huszti Lakóparki napelemes családiház eladó.    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél színes szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Homlokzati hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati hõszigetelését!    *****    * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. *    *****    Elindult a Játék határok nélkül rajongói oldal! Ha te is szeretted a '90-es évek népszerû mûsorát, nézz be ide!