Alakítgatok majd néhány dolgot az alapsémán, de ezt az autósat még a béta verzióval csináltam.
A koncertes variációnál látni, hogy Firefox böngészővel a float tulajdonság bezavar kicsit a honlap kinézetébe. Van rá többféle megoldás, nekem az tetszik a legjobban, ami szerint egy új div-elemet kell betenni a dokumentum végére – gondolom, emiatt is használnak olyan sokan látszólag értelmetlen láblécet.
Szóval lesz majd egy láblécem is. És lassan a szabványt is lecserélem, vele együtt a forráskód elején lévő sorokat is.
Na és akkor az Alfa Romeo.
Van egy fix háttérképem. Elég kicsire kell állítani a megnyíló ablakot, hogy megjelenjenek a gördítősávok, de akkor látni, hogy a kép nem mozog, csak a szöveg. (Kicseréltem most a blogos hátteremet is, ezen jobban feltűnik, mivel eleve nem fér ki a szöveg a képernyőre.) Az alapbeállítások így néznek ki:
body {
background-color: #221100;
background-image: url(“https://stilus.cafeblog.hu/files/alfa2.jpg“);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
color: #DDCC88;
}
A szöveggel további érdekes dolgok történtek. Például a dokumentum elején lévő cím lekerült a jobb alsó sarokba. Ilyesmit nem nagyon tudnék előidézni float tulajdonsággal, ott ugyanis szépen egymás után jönnek az elemek, ahogyan kiférnek a nekik kijelölt helyre.
Abszolút pozíciót kapott a szöveg is, a linklista is, és a cím is. A szöveg formázása például így néz ki:
#szoveg {
width: 600px;
height: 400px;
position: absolute;
top: 0px;
left: 10px;
padding: 20px 30px;
margin: 0px;
}
vagyis felülről 0 pixel, balról 10 pixel távolságra van a lap szélétől (persze a szöveghez hozzájön még a padding). A linkfalat jobbra felülre igazítottam, a címet pedig jobbra alulra.
Ez a honlap 800×600-as felbontású képernyőn nem mutat olyan jól, egyszerűen nem fér ki a kép. Attól persze még olvasható az összes szöveg, legalábbis nálam nem jelentkezett semmi ilyen probléma.
A színekkel egy kicsit variálni kellett. Logikus lett volna a felső sötétbarna színt használni alul a címnél. Csakhogy a honlap háttére is sötétbarna – éppen a kép miatt, ugyanis a sötét részbe esik a világos szöveg -, így akinél nem jelenik meg a háttérkép, nem látná az ugyancsak sötét címet. Ez a mostani szín sötét és világos háttérnél is olvasható. (Az akadálymentes honlapokról is írni kellene…)
A stíluslap-validátor figyelmeztetést szokott kiírni, ha a háttérszín mellé nincs megadva szín, vagy fordítva. Éppen az ilyen eseteknél érdemes megnézni, hogy kép nélkül is használható-e az oldal a megadott háttér- és betűszínekkel.
