Cikkajánló
Sziasztok! A napokban készítettem rendelésre G-Portálos design-okat, és úgy belejöttem, hogy csak úgy, mert éppen volt időm, csináltam négy darab ingyen letölthetőt is :) Többször van, hogy mostanában úgy
Egy újabb WordPress leírást hoztam. A WP-Polls szavazó bővítmény beállításáról és annak használatáról olvashatsz. A cikkben szó van a szavazó kinézetéről, magyarosításáról és arról is, hogyan tudod kódokkal az
Telepítést és hasznos leírásokkat ezeken a linkeken olvashattok:   WordPress hozzászólások importálása Disqus-be Disqus használata bővítménnyel Legfrissebb bejegyzések megjelenítése az oldalsávban   Ebben a cikkben most pár szóban megismertetem
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
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
914 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