Hozzászólások: Pikk-Pakk http://users.atw.hu/webress és egy újabb WordPress honlap! Sun, 19 Aug 2012 18:04:42 +0000 hourly 1 http://wordpress.org/?v= Kérdezz-felelek “játék”…: hozzászólás (legenyke) http://users.atw.hu/webress/?p=473#comment-17 legenyke Sun, 19 Aug 2012 18:04:42 +0000 http://users.atw.hu/webress/?p=473#comment-17 Hogyan villogtassunk...? A Retro BLINK, a 90-es évek „múzsája” életre kel! Előszó: <span style="font-size: 10pt;">Amennyien utálják (<em>Valószínűleg nem tudják, hogy a blink már régen nem a villogás egyeduralkodója.</em>) - mondván káros az oldalra (van benne igazság, ha rossz kezekben...),-idegesítő ez a villogás (No comment.), lelke rajta. Legalább annyian szeretik - számos ötletes kivitelezési formulát lehet vele elérni, egy jól irányzott *.css fájlban (..., hogy a javascript-et ne is említsem.), a kódban megfelelő időzítőket alkalmazva, meg lehet tanítani olyan animálási feladatokra, amely kimondottan az oldal esztétikai élményét szolgálja.</span> Miért nem működik a jól megszokott (Retro) blink tag a Google Chrome böngészővel a WordPess-ben? A válasz: Idejétmúlt! A Chrome fejlesztői modernebb, gyorsabb böngésző megalkotására fektetik a hangsúlyt, és lássuk be, hogy a blink már a múlté..., de ehhez is van áthidaló megoldás, mégpedig egy egyszerű <span style="color: blue;">CSS</span> kód „személyében” - a sima <a href="https://github.com/madrobby/blink/blob/master/blink.css" title="css kód" target="_blank" rel="nofollow"><strong>itt</a> és <a href="http://mir.aculo.us/2010/07/21/bringing-back-the-blink-tag-to-html5/" title="css kód" target="_blank" rel="nofollow"><strong>itt</strong></a>, az időzíthető <a href="http://stackoverflow.com/questions/4894488/blinking-text-cross-browser?answertab=votes#tab-top" target="_blank" rel="nofollow"><strong>itt</strong></a> található, ja és <strong><span style="color: blue;"><a href="http://lmgtfy.com/?q=webkit+blink+animation" target="_blank" rel="nofollow">ezt</a></span></strong> sem feledve. A kódot „minden” böngészőre optimalizálni kell (az <span style="color: blue;"><strong>IE</strong></span>-re „nem” érdemes), ha a Theme <u>style.css</u> fájlba (mondjuk a végére) beillesztjük a kódot - ezt követően már alkalmazhatjuk a Retro blink-ünket (kreativitás előnyben), Pl.: a liftező, <blink3><span style="box-shadow: 5px 4px 10px #33c; border-color: #39f; color: blue; font-size: 10pt;"><blink></blink></span></blink3> vagy az árnyalt <blink2><span style="box-shadow: 5px 4px 10px #33c; border-color: #39f; color: blue; font-size: 10pt;"><blink></blink></span></blink2> Hogyan villogtassunk…?
A Retro BLINK, a 90-es évek „múzsája” életre kel!
Előszó:
Amennyien utálják (Valószínűleg nem tudják, hogy a blink már régen nem a villogás egyeduralkodója.) – mondván káros az oldalra (van benne igazság, ha rossz kezekben…),-idegesítő ez a villogás (No comment.), lelke rajta.
Legalább annyian szeretik – számos ötletes kivitelezési formulát lehet vele elérni, egy jól irányzott *.css fájlban (…, hogy a javascript-et ne is említsem.), a kódban megfelelő időzítőket alkalmazva, meg lehet tanítani olyan animálási feladatokra, amely kimondottan az oldal esztétikai élményét szolgálja.

Miért nem működik a jól megszokott (Retro) blink tag a Google Chrome böngészővel a WordPess-ben? A válasz: Idejétmúlt! A Chrome fejlesztői modernebb, gyorsabb böngésző megalkotására fektetik a hangsúlyt, és lássuk be, hogy a blink már a múlté…, de ehhez is van áthidaló megoldás, mégpedig egy egyszerű CSS kód „személyében” – a sima itt és itt, az időzíthető itt található, ja és ezt sem feledve. A kódot „minden” böngészőre optimalizálni kell (az IE-re „nem” érdemes), ha a Theme style.css fájlba (mondjuk a végére) beillesztjük a kódot – ezt követően már alkalmazhatjuk a Retro blink-ünket (kreativitás előnyben), Pl.:
a liftező, <blink></blink>

vagy az árnyalt <blink></blink>

]]> Kérdezz-felelek “játék”…: hozzászólás (legenyke) http://users.atw.hu/webress/?p=473#comment-9 legenyke Fri, 17 Aug 2012 19:10:58 +0000 http://users.atw.hu/webress/?p=473#comment-9 <div>... kezdem is.</div><div><br></div><div> Miért nincs a WordPess HTML editorában kereső alkalmazás (pedig, de jó lenne a sok fejezetben egy-egy szót könnyedén megtalálni)? Sejtelmen sincs...</div><div>Természetesen egy ügyes „huszárvágással”, melynek becsületes neve: <a href="https://wordpress.org/plugins/wp-advanced-code-editor/" title="css kód" target="_blank" rel="nofollow"><span style="color: green;">WP Advanced Code Editor (Contributors: johnkolbert)</span></a> plugin - biztosít áthidaló megoldást. Akik szeretnek HTML-ben szerkeszteni bizony hasznos segítség, beépül a HTML editorba,... - „beszéljen” a <a href="http://users.atw.hu/webress/images/ACE.png" title="A kép" target="_blank" style="font-weight: bold;" rel="nofollow">kép</a> róla...</div> … kezdem is.
Miért nincs a WordPess HTML editorában kereső alkalmazás (pedig, de jó lenne a sok fejezetben egy-egy szót könnyedén megtalálni)? Sejtelmen sincs…
Természetesen egy ügyes „huszárvágással”, melynek becsületes neve:
WP Advanced Code Editor (Contributors: johnkolbert) plugin – biztosít áthidaló megoldást. Akik szeretnek HTML-ben szerkeszteni bizony hasznos segítség, beépül a HTML editorba,… – „beszéljen” a kép róla…
]]>