1.0Stílusosanhttps://stilus.cafeblog.huHollihttps://stilus.cafeblog.hu/author/Holli/<P>Ez a honlap se egészen olyan, mint amilyennek szeretném, de ebben az állapotában is élvezhető. Tessék, <A href="https://stilus.cafeblog.hu/files/koncert.htm"><STRONG>itt</STRONG></A> a koncertes weboldal.</P> <P>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:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>a:hover {<BR> background-color: #FF3333;<BR> color:   #000000;<BR> font-weight:     bold;<BR> }</P></BLOCKQUOTE> <P>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.) </P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>h1 {<BR> height:  360px;<BR> text-align:   right;<BR> font-size:  40px;<BR> letter-spacing:  4px;<BR> margin: 20px 40px;<BR> background-image: url("<A href="https://stilus.cafeblog.hu/files/koncert.jpg">https://stilus.cafeblog.hu/files/koncert.jpg</A>");<BR> background-position: top center;<BR> background-repeat: no-repeat;<BR> }</P></BLOCKQUOTE> <P>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.</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>#egeszhonlap {<BR> width:   760px;<BR> margin:  10px auto;<BR> padding:   0;<BR> border: 0 !important;<BR> border: 2px solid #ff3333; /*IE*/<BR> }</P></BLOCKQUOTE> <P>Hát ennyi az egész, a teljes forráskód a szokott helyen megtalálható.<BR></P> <P>Két fontos közlendőm van:</P> <P>Ezt a honlapkészítésre csábító felvételt <A href="http://bbfoto.freeblog.hu/"><STRONG>BB</STRONG></A>-től kaptam, köszi :)</P> <P>Társam is akadt, <A href="http://macicsalad.freeblog.hu/"><STRONG>Secima</STRONG></A> szintén kedvet kapott a honlapozáshoz :)</P>rich