Ez a honlap se egészen olyan, mint amilyennek szeretném, de ebben az állapotában is élvezhető. Tessék, itt a koncertes weboldal.
A felépítése nagyon hasonló a virágoséhoz. A háttér befeketült, az éppen beegerészett linknél pedig felcserélődik a háttér és a betű színe:
a:hover {
background-color: #FF3333;
color: #000000;
font-weight: bold;
}
A címben van a legtöbb formázás. A magasságot 360 pixelre vettem, hogy kiférjen a háttérkép. A háttérkép fentre középre igazodik, nem ismétlődik. A szöveg jobbra zár, a betűk 40 pixel nagyságúak, a betűk között 4 pixel üres hely van. Az egész főcímes blokk alul-felül 20 pixel, kétoldalt 40 pixel távolságra van a honlap szélétől. (Ezt Explorerben látni, ott van ugyanis a honlap bekeretezve.)
h1 {
height: 360px;
text-align: right;
font-size: 40px;
letter-spacing: 4px;
margin: 20px 40px;
background-image: url(“https://stilus.cafeblog.hu/files/koncert.jpg“);
background-position: top center;
background-repeat: no-repeat;
}
A keretnél megint ezt a kettős formázást alkalmaztam, mint a múltkor: Explorerhez jár keret, a többi böngészőhöz nem jár. Ennek a Firefox az oka, ott valami miatt az egész honlapra kiterjedő tulajdonságok némelyike teljesen extrém módon jelenik meg. Megpróbálom majd kideríteni, miért nem szeret engem a Firefox.
#egeszhonlap {
width: 760px;
margin: 10px auto;
padding: 0;
border: 0 !important;
border: 2px solid #ff3333; /*IE*/
}
Hát ennyi az egész, a teljes forráskód a szokott helyen megtalálható.
Két fontos közlendőm van:
Ezt a honlapkészítésre csábító felvételt BB-től kaptam, köszi 🙂
Társam is akadt, Secima szintén kedvet kapott a honlapozáshoz 🙂
