Ü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

» Blurred Text, ~homályos/elmosódott szöveg~
gazdy
 Posted: Sep 20 2011, 12:59 PM
idézés



Group Icon

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









HOMÁLYOS?!?!

HELLO KEDVES IDEGEN! Itt a következő lecke. Ezúttal a szöveg homályossá tételét mutatom meg neked. Láttál már olyat, hogy egy hozzászólásban a szöveg olyan volt, mintha valamilyen üveglapon keresztül néznéd és ezért nem látod tisztán, csupán elmosódva? 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 szöveg homályosítását.




Elmosódott szöveg!?!


Ahhoz, hogy ilyen elmosódott és homályos szöveget kapj, a következő kódot kell használnod:

CODE
<div style="color: transparent; text-shadow: 0px 0px 1px red;">blablabla szöveg kerül ide</div>


Most nézzük meg, hogyan is néz ez ki a gyakorlatban:

CODE
[dohtml]<center><div style="width: 250px; line-height: 90%; font-size: 9px; text-align: justify;"><font style="color: transparent; text-shadow: 0px 0px 1px red; font-size: 14px;">blablabla szöveg kerül ide</font></div></center>[/dohtml]


A szöveged pedig valahogy így fog kinézni:
blablabla szöveg kerül ide


Ha szeretnél erősebben elmosott betűket, a harmadik számot (dimenziót) kell növelned az árnyéknál.

CODE
[dohtml]<center><div style="width: 400px; line-height: 90%; font-size: 9px; text-align: justify;"><font style="color: transparent; text-shadow: 0px 0px 2px red; font-size: 14px;">így néz ki a 2px-es homályosítás</font></div></center>[/dohtml]


A 2px-es:
így néz ki a 2px-es homályosítás


CODE
[dohtml]<center><div style="width: 400px; line-height: 90%; font-size: 9px; text-align: justify;"><font style="font-size: 14px; color: transparent; text-shadow: 0px 0px 3px red;">és mit szólsz a 3px-es elmosáshoz?</font></div></center>[/dohtml]


A 3px-es:
és mit szólsz a 3px-es elmosáshoz?


CODE
[dohtml]<center><div style="width: 400px; line-height: 90%; font-size: 9px; text-align: justify;"><font style="color: transparent; font-size: 14px; text-shadow: 0px 0px 4px red; font-size: 14px;">mennyire szimpatikus a 4px-es?</font></div></center>[/dohtml]


A 4px-es:
mennyire szimpatikus a 4px-es?


CODE
[dohtml]<center><div style="width: 400px; line-height: 90%; font-size: 9px; text-align: justify;"><font style="color: transparent; text-shadow: 0px 0px 5px red; font-size: 14px;">az 5px-es nekem már kicsit sok.</font></div></center>[/dohtml]


Az 5px-es:
az 5px-es nekem már kicsit sok.


Ami nagyon fontos és sose felejtsd el: MINDIG DIV VAGY FONT STYLE KÖZÉ tedd a a homályosítás kódját!

És még valami:
Ha azt akarod, hogy a szöveged ne elmosódott legyen, hanem inkább az izzás (glow) effektet szeretnéd használni, csupán annyi a dolgod, hogy az átlátszó (transparent) színt kicseréled másra, mondjuk feketére.

CODE
[dohtml]<center><font style="color: black; text-shadow: 0px 0px 1px red;">izzó szöveg kerül ide</font></center>[/dohtml]


Az valahogy így fog kinézni:
izzó szöveg kerül ide


Természetesen ugyanúgy, mint a homályosításnál, itt is állíthatsz az izzás mértékén:

CODE
[dohtml]<center><font style="color: black; text-shadow: 0px 0px 3px red;">LÁTOD,</font> <font style="color: black; text-shadow: 0px 0px 5px red;">HOGY MIRE</font> <font style="color: BLACK; text-shadow: 0px 0px 10px red;">GONDOLTAM?</font></center>[/dohtml]


Ilyen 3, 5 és 10px-es izzással a szöveg:
LÁTOD, HOGY MIRE GONDOLTAM?




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

Topic Options válaszol új topik szavazás