Cikkajánló
Igazából ezzel a kicsike programmal azt lehet letesztelni, hogy kisebb vagy nagyobb felbontásban az oldalatok kinézete vagy azon elhelyezett menük, galéria képek, üdvözlő üzenetek nem-e csúsznak el más felbontásokban.
Ez a cikk kérésre született meg, de valószínű előbb-utóbb magam is írtam volna róla, mert sajnos nagyon sok olyan szerkesztő van, aki valamilyen módon, de nagyon irritáló tud lenni.
Amióta használok kiemelt képeket az oldalon azóta foglalkoztatott a dolog, hogy lehetne azt megcsinálni, hogy a képeket lehessen méretileg alakítani és ne kelljen esetleg törölni őket. Ezzel a megoldással
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. 09.
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 szélességét. Azt tudni kell, hogy ha ezt a kódot használjátok és így adjátok meg az oldal szélességét, akkor a Stílus és felületben lévő oldalszélesség felülíródik. Tehát ott mindegy, hogy mire van állítva a szélesség, mert a CSS kódban lévő lesz az alapértelmezett beállítás. Nálam általában a Stílus és felületben mindig automatikusra van állítva az oldal és itt a CSS-ben adom meg a tényleges szélességet.
Amit még esetleg a site-on belül meg lehet adni az a background, ami 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.
 
background: #cccccc;
vagy
background: url(/images/modul-hatter.png);

 

 
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 .site kódrészben. De ha ti tudtok mást is, ami még fontos lehet, szívesen fogadom ;)

Kapcsolódó bejegyzések

lindadesign
1 302 megtekintés

Előző, következő cikk

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

Elindítom azt a cikksorozatot, amiben külön-külön minden CSS kódrészről leírom, hogy micsoda, mire való és mi mindenre hathat a G-Portálon. Belinkelem mindegyik cikkhez azokat a G-Portálos leírásokat, amik már készen vannak és az adott cikkhez tartozhatnak.   Elsőnek a

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,

 

Hozzászólások