Sifrem pisane
JuĹź od jakiegoĹ czasu przymierzaĹem siÄ do zaimplementowania na stronie flashowych nagĹĂłwkĂłw, ktĂłre byĹyby dostÄpne jak zwykĹy tekst i nie ograniczaĹy mnie co do rodzaju czcionki. Sifr okazaĹ siÄ bezkonkurencyjny w porĂłwnaniu do np. generowania nagĹĂłwkĂłw za pomocÄ
js i plikĂłw graficznych. Nie bÄdÄ siÄ rozpisywaĹ czym jest sifr i nie zamierzam teĹź dyskutowaÄ o problemach w jego uĹźytkowaniu odsyĹajÄ
c jednoczeĹnie na forum. ArtykuĹ proszÄ traktowaÄ raczej jako minitutorial a nie rozprawÄ nt. sifra.
Aby wygenerowaÄ sifrowe nagĹĂłwki musimy zaopatrzyÄ siÄ w (ogĂłlnie) skrypt sifr w wersji 2.0.5 (w chwili pisania tego artykuĹu) oraz odpowiedniÄ czcionkÄ w formacie *.swf. O ile z pobraniem skryptu nie powinno byÄ problemu o tyle wygenerowanie pliku czcionki moĹźe byÄ uciÄ Ĺźliwe dla osĂłb, ktĂłrzy okreĹĹenia flash, fla i swf na codzieĹ nie uĹźywajÄ :). No ale w koĹcu od czegoĹ jest ten internet. Aby wygenerowaÄ plik *.swf ze swojej ulubionej czcionki moĹźemy wykorzystaÄ generator on-line lub programy: sIFR Font Embedder oraz sifrmaker. Jednak zarĂłwno jeden jak i drugi program, przynajmnie w moim przypadku, powodowaĹ problemy podczas generowania plikĂłw *.swf a w/w generator dziaĹa jakoĹ podejrzanie wolno… . W koĹcu trafiĹem na program OpensIFRr, ktĂłry po zainstalowaniu speĹniĹ wszystkie moje oczekiwania, jednak dopiero po zamianie pliku swfmill.exe (w folderze instalacyjnym programu czyli domyĹlnie w Windows – C:\Program Files\OpensIFRr) na inny plik swfmill.exe.
Aby zainstalowaÄ sifr na stronie, w jej nagĹĂłwku naleĹźy podaÄ ĹcieĹźki dostÄpu do plikĂłw js i css, ktĂłre po ĹciÄ
gniÄciu moĹźna wypakowaÄ do jakiegokolwiek folderu, ktĂłry w przykĹadzie bÄdzie nosiĹ nazwÄ flashtext.
[code lang="html"]
[/code]
UĹźytkownicy wordpressa mogÄ
umieĹciÄ skrypt w folderze z wykorzystywanym themem i odnosiÄ siÄ do niego jak w przykĹadzie poniĹźej:
[code lang="html"]
[/code]
NastÄpnie w ĹşrĂłdle strony, na koĹcu – tuĹź przed znacznikiem <body> naleĹźy wstawiÄ odniesienie do pliku czcionki *.swf, ktĂłry zostaĹ wygenerowany w podany wczeĹniej sposĂłb lub sposoby.
[code lang="Javascript"]
[/code]
UĹźytkownicy wordpressa mogÄ
oczywiĹcie postÄ
piÄ nieco inacze:
[code lang="Javascript"]
[/code]
I to wĹaĹciwie koniec tego minitutoriala. W przykĹadzie powyĹźej sifr zamieni standardowÄ
czcionkÄ w nagĹĂłwkach h1 i h2 na czcionkÄ GRIDY PL, z ktĂłrej wygenerowaĹem plik GRIDY PL.swf. Parametry w podanym przykĹadzie rĂłwnieĹź powinny byÄ zrozumiaĹe:
- sBgColor:"#FFFFFF" – oznacza kolor tĹa tekstu,
- sWmode:"transparent" – oznacza przezroczyste tĹo pod tekstem
- sLinkColor:"#17271C" – to kolor odnoĹnika
- sHoverColor:"#BB5E00″ – kolor odnoĹnika po najechaniu kursorem czyli "hover"
- sCase:"upper" = text-transform:uppercase;
- sFlashVars:"textalign=center" – czyli wyrĂłwnanie tekstu
NaleĹźy oczywiĹcie pamiÄtaÄ o ostylowaniu w/w nagĹĂłwkĂłw poprzez nadanie im odpowiednich cech i wartoĹci w css, aby np. w przypadku wyĹÄ
czenia przez uĹźytkownika obsĹugi js nagĹĂłwki nadal dobrze wyglÄ
daĹy. Z uĹźywania sifr do generowania tekstu naleĹźy korzystaÄ rozsÄ
dnie. Strona z sifrem trochÄ "ssie" nawet przy generowaniu niewielkiej iloĹci tekstu. Ustawienia tĹa tekstu na przeĹşroczyste jeszcze bardziej opóźnia zaĹadowanie strony.
Na przykĹadowej stronie moĹźna teĹź nieco odmienne wykorzystanie sifra – wykorzystanie klasy do zamiany tekstu i utworzenie szablonu. Inne informacje o sifr moĹźna znaleĹşÄ w google
* * *
Brak komentarzy