Cikkajánló
Ahogy ígértem hoztam a legújabb rendelés előnézeti képét és pár .png képet is, ami összegyűlt mostanában. Nem sok, de inkább feltettem őket most, mint, hogy elmaradjanak. A rendelt designt
Kérésre készítettem 16 darab Beyoncé .png képet, amit a képekre kattintva a galériában értek el :) Később pedig jön a honlapverseny eredményhirdetése is!         Kapcsolódó bejegyzések
Ez a tartalom regisztrációhoz kötött. Ha már regisztrált tag vagy, akkor a Bejelentkezés alatt tudsz belépni, ellenkező esetben regisztrálnod kell a tartalom megtekintéséhez.Regisztrált felhasználó belépéseFelhasználónévJelszó Emlékezzen rám  RegisztrációFelhasználónév*Email cím*E-mail cím újra*Honlap**Kötelezően
Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák Maisie Williams G-Portálos téma
2015. május. 10.
G-Portálos CSS kódok részletezése: sitetop

4. rész

 
Magyarul a sitetop a szerkeszthető fejléc CSS kódrésze. Ha használjátok a szerkeszthető fejlécet pl. menünek vagy igazából bárminek, akkor a CSS kódban be lehet állítani, hogy ne legyen háttérszíne a modulnak, hanem olvadjon bele a fejlécbe vagy a háttérbe, ugyanis ha használjátok a szerkeszthető fejlécet és a CSS kódban nem adjátok meg, hogy átlátszó legyen a háttér alatta, akkor olyan színű lesz az egész fejléc modul, mint amit az alap modulnak megadtok.
 

.sitetop { /* fejléc */
background-color: transparent;
margin-top: -12px !important;
}

 
A .sitetop használata
 

  • vízszintes menü tehető bele, így szépen a fejléc alatt középen helyezkedik el a menü és nem csúszik el
  • fejléckép is tehető bele, például akkor, ha képszerkesztőben olyan fejlécet készítettél, amin már szerepel a menü. Olyankor ajánlatos a fejlécet ide beilleszteni, mert alá egyből mehet a menülink kódja is. Itt találtok leírást, hogyan lehet a fejlécen a menüt belinkelni
  • ha fejlécet tesztek bele, akkor előfordul, hogy nem teljesen passzol össze pl. a fejlécháttérrel de egy kis igazítással ezt orvosolni lehet a margin-top beállítással. Pár pixellel lejjebb vagy feljebb lehet vele állítani a fejlécet, hogy biztosan jó helyen lehessen.
  • ha másra nem is használjátok a szerkeszthető fejlécet, akkor arra, hogy a CSS kódokat ebbe a modulba illesszétek be és ne egy szélső modulba. Így hamarabb felveszi az oldal az egyedi kinézetet, mert általában előbb betölt a szerkeszthető fejléc modul, mint a szélső modulok ;)
  • Részletesebb leírás a szerkeszthető fejlécről itt található: link

 
Ezek a legfontosabbak a .sitetop kódrészben. De ha ti tudtok mást is, ami még fontos lehet, szívesen fogadom ;)

Kapcsolódó bejegyzések

lindadesign
935 megtekintés

Előző, következő cikk

G-Portálos CSS kódok részletezése: sitecol

3. rész   Ebben a részben a td.sitecol-lal ismerkedünk meg. Általában a nagy többség csak arra használja, hogy a modulok alatt másmilyen színű legyen a háttér, mint az oldal többi részén. Ez a kód nagyban hasonlít a .site kódrészre,

G-Portálos CSS kódok részletezése: sitebottom

5. rész   Magyarul a sitebottom a szerkeszthető lábléc CSS kódrésze.   A .sitebottom használata   ha használsz CSS kódot, az a legcélszerűbb, ha ide illeszted be egy modulsávos honlapot is létre tudsz hozni. A CSS kód ilyenkor is

 

Hozzászólások