Cikkajánló
Nagyon-nagyon sokan kérdeztetek arról, hogy hogyan lehet azt megcsinálni, hogy a Blog modul is egyedi modulstílusú lehessen. Az ez előtti cikk, ami itt volt ennek a helyén, az is
Hat hónap után végre kicsit felfrissítettem az oldalam kinézetét. Eltartott egy darabig mire megálmodtam, hogy hogyan nézzen ki. Eléggé egyszerűre sikeredett, de nekem tetszik. Ez által megismertem kettő darab
Mára is hoztam egy WordPress témát. Kivettem a WordPress témás modult a regisztráltak közül, így bárki megtekintheti vagy letöltheti azt. Egyébként hihetetlen, hogy mennyivel hamarabb össze lehet dobni egy
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: 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, amiről itt írtam egy leírást. Nagyjából csak annyiban tér el a kettő, hogy az oldalszélességet nem itt kell megadni, hanem a .site kódrészben, de hátteret a modulok alá itt is és ott is tudtok adni. Nem kell a kettőt használni. Ha használod a site kódrészt, akkor a sitecol-t nem kell. (azt hiszem) :)
 

td.sitecol { /* modulok alatt a háttér */
background: #000000;
}

 
A háttér lehet pl. háttérszín vagy háttérkép is. Ha ezt is beállítjátok, akkor a modulok alá (csak a modulok alá) másmilyen színű hátteret tudtok tenni. Ha háttérképet adtok meg, akkor még ezek a beállítások lehetnek fontosak. A háttérre vonatkozó részhez a részletes leírás az első cikkben található itt: G-Portálos CSS kódok részletezése: site
 
background-position:  center;
background-repeat: repeat; – háttérszínnél is ajánlatos használni.
background-attachment: fix;
 
Ezek a legfontosabbak a .td.sitecol kódrészben. De ha ti tudtok mást is, ami még fontos lehet, szívesen fogadom ;)

Kapcsolódó bejegyzések

lindadesign
946 megtekintés

Előző, következő cikk

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

2. rész   Ebben a részben a .site kódrészről írok kicsit bővebben. Maga a kód így néz ki   .site { /* oldal szélessége */ width: 1018px; }   Általában mást nem is kell itt megadni, csak az oldal

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

 

Hozzászólások