Üdvözlünk mindenkit a Blurred Colors-on, amely továbbra is az első és egyetlen magyar szerepjátékos és grafikai fórum, illetve annak közössége. Kedves, segítőkész emberekkel, változatos versenyekkel, sokoldalú kódokkal, grafikákkal és egyéb hasznos dolgokkal látjuk el a rászoruló eltévedt szerepjátékozni, vagy épp csak képet szerkeszteni vágyókat. Csatlakozz hozzánk te is! Regisztrálj, de még mielőtt megtennéd, kérlek, olvasd el a szabályzatunkat.






a hónap aláírása by
don'tFORGET


a hónap blendje by
away from the light &


a hónap ikonszettje by
light up the world


  
  válaszol új topik szavazás

» Opacity, ~áttetszőség~
gazdy
 Posted: Sep 20 2011, 12:53 PM
idézés



Group Icon

Group: statiszta
Posts: 47
Member No.: 11
Joined: 19-September 11









Á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.

--------------------
user posted image
pm
^
Amelie
 Posted: Nov 14 2012, 06:02 AM
idézés



Group Icon

Group: statiszta
Posts: 4
Member No.: 80
Joined: 5-March 12









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
pm
^
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options válaszol új topik szavazás