Printable Version of Topic
Click here to view this topic in its original format
blurredCOLORS - magyar grafikus és szerepjátékos oldal > kódolási tutorialok > Opacity


Posted by: gazdy Sep 20 2011, 12:53 PM
ÁTTETSZŐSÉG?!?!

HELLO KEDVES IDEGEN! Itt a következő lecke. Ezúttal a háttér színének áttetszőgését mutatom meg neked. Láttál már olyat, hogy egy hozzászólásban a szöveg alatt lévő háttérszín tejfehér volt és mégis átlátszott az alatta lévő háttérkép/szín? Nos, itt a titok nyitja! Egy egyszerű levezetésen keresztül megmutatom, hogy mit is lehet kezdeni ezzel pontosan wink.gif

Hogy jobban érthető legyen, kiemelve és példákon keresztül mutatom be nektek a fényelnyelést.
Bármelyik színnel használhatod, mégis azt ajánlom, hogy a háttered színe "fehér" legyen, mert az a leghatékonyabb, ha pl. kép lesz a háttered és nem szimpla színkitöltést alkalmazol.

Mielőtt elkezdeném a bemutatást, tudnod kell a tartományokat.
0.1.~ 0,9
A tizedes értékek a százalékot jelölik. Minél nagyobb a szám, annál kevésbé átlátszó a háttér és fordítva.
A példa során a hátterem színe PIROS lesz és, ezzel fogom hangsúlyozni a pontokat.




opacity: 0.1

sadg
asdgsdgsg
asdgsadg


opacity: 0.5

sadg
asdgsdgsg
asdgsadg


opacity: 0.9

sadg
asdgsdgsg
asdgsadg



1.) Első lépés: használj "dohtml" tageket!

CODE
[dohtml][/dohtml]


2.) Második lépés: használd a "div style"-t!

Ne felejtsd megadni az átlátszóság mértékét és a háttérszínt és/vagy háttérkép linkjét! Ügyelj arra, hogy a szélesség a háttérképed szélességével egyezzen meg!

QUOTE
<center><div style="width:400px; opacity: 0,X; background-color: #HEX; background-image: url(háttérkép linkje  ide);">
szöveg ide. </div></center>


Nos, a tanmesém végéhez ért, remélem hasznos volt számotokra. Már csak némi visszajelzését szeretnék kapni tőletek! Hasznos volt ez egyáltalán? Van valami, amit esetleg magyarázzak meg ezzel kapcsolatban? Tudasd velem, és én megpróbálom a legjobb tudásom szerint megválaszolni a dolgot.

Posted by: Amelie Nov 14 2012, 06:02 AM
Szia! biggrin.gif Először is, szeretném megköszönni, hogy mindezeket megírtad! Nekem sokat segít, hogy fel is tudom fogni, mi megy végbe egy kódban és miért. Szóval nagyon szuper minden, amit eddig leírtál *.*
Egy kérdésem lenne viszont, hátha arról is tudnál írni. Az áttetszőségnél, hogy lehet azt megcsinálni, hogy a háttér először normálisan látszódjon és, csak akkor legyen áttetsző, ha rá viszem az egeret? Nagyon hálás lennék a segítségért. smile.gif Előre is köszönöm ^^ Minden jót! smile.gif

'
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)