ForumCała strona

Nawigacja

Aktualnie online

Gości online: 10

Użytkowników online: 0

Łącznie użytkowników: 25,396
Najnowszy użytkownik: Kelly Melody

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

JazOOn
31.10.2024 20:49:47
Kto pije?

piterus
30.10.2024 19:45:48
I będziemy śpiewać: "Kiedy 20 blisko, przebadaj wszystko, przebadaj wszystko..." Pfft

Apis
30.10.2024 07:24:24
W grudniu pyknie mi 19 lat tutaj.

krystian1988
28.10.2024 19:47:21
Już bliżej niż dalej Grin mi strzeliło 15 w tym roku Grin

JazOOn
27.10.2024 23:16:23
No mi pyknie 20 w przyszłym roku

Pobierz nową wersję
Pobierz podręcznik
Zobacz inne oficjalne Supporty
Statystyki supportu
PHP-Fuson PL na Facebooku

RSS

Polecamy hosting SferaHost.pl

Zobacz temat

 Drukuj temat
HOW TO: PHP-Fusion & Cufon
sonar
W odpowiedzi na kilkanaście wiadomości w związku z moją ostatnią realizacją (www.rapduma.pl) postanowiłem napisać kilka słów na temat wprowadzenia wygładzania czcionek na stronie opartej na PHP-Fusion. Wykorzystany w skórce "cud" to nic innego, jak znany pewnie większości cufon. Pozwala on nie tylko na wygładzenie czcionki, co nie jest już wielkim osiągnięciem, ale również na załączanie na naszej stronie dowolnego fonta, jaki tylko jest nam potrzebny. Podobny efekt możemy uzyskać za pomocą sIFR. Pytanie - dlaczego akurat cufon? Przemawaiją za nim dwie rzeczy: lekkość i fakt, iż jest on w pełni napisany w JavaScripcie. Konkurencja stworzona we flashu spowalnia komputer (np. przy dużej ilości elementów do wygładzenia) oraz wymaga instalacji pluginu FlashPlayera, który ma tendencję do tego, żeby nadwyrężać ludzką cierpliwość ciągłym zawieszaniem się i wołaniami o reinstall. Najlepszym rozwiązaniem będzie sprawdzenie samemu, która technologia jest dla nas wygodniejsza.
Przejdźmy już do rzeczy.

1. Wchodzimy na stronę http://cufon.shoqolate.com/generate.

2. Z menu w topie wybieramy "Download" i zapisujemy otwarty plik jako cufon-yui.js.

3. Następnie wybieramy plik *.ttf czcionki, która nas interesuje (ja użyję dla przykładu systemowego Ariala). Akceptujemy regulamin i klikamy "Let's do this!". Drobna uwaga: jeśli chcemy mieć na swojej stronie polskie znaki musimy zaznaczyć w sekcji "Inlcude the following glyphs (if available)" następujące opcje: Basic Latin, Latin-1 Supplement, Latin-Extended-A oraz Latin-Extended-B.

4. Pobieramy plik nazwaczcionki_400.font.js - w moim przypadku Arial_400.font.js.

5. Do katalogu includes wrzucamy pliki cufon-yui.js oraz Arial_400.font.js.

6. Następnie przechodzimy do pliku themes/templates/header.php i w sekcji head dodajemy:
Pobierz kod źródłowy  Rozwiń Kod źródłowy


7. I już. Wszystkie nagłówki h1 będą od teraz wygładzone.

8. W wypadku, gdybyśmy chcieli wykorzystać tę technikę do większej ilości elementów należy wprowadzić zmiany w powyższym kodzie:
Pobierz kod źródłowy  Rozwiń Kod źródłowy


Mam nadzieję, że przyda się to grafikom pracującym przy tym systemie :)

Źródło: http://dev.slawom...-tutorial/
Edytowane przez sonar dnia 09.02.2011 01:53:46
www - moje portfolio
mw_artysta.png
 
slawomirpacyk.pl
Wścibski Gość
Dodany dnia 01.11.2024 19:24:02
Pan Kontekstualny

Postów: n^x
Data rejestracji: Zawsze

Polecamy hosting SferaHost.pl
IP: localhost  
Chemikpil
Dodam tylko od siebie, że można tutaj dodatkowo generować nagłówki cufon korzystając z Canvas, np:
Pobierz kod źródłowy  Rozwiń Kod źródłowy


Metoda wygodniejsza, wtedy gdy chcemy tylko wybrane elementy przedstawić w innej czcionce.
Nie pisać na GG i PW w sprawach technicznych!
ChemikPil - blog (w nowej odsłonie) | ChemikPIL - My twitter
 
www.chemikpil.pl
sonar
Racja Smile
www - moje portfolio
mw_artysta.png
 
slawomirpacyk.pl
Przejdź do forum:
Created by Arox Copyright (C) 2004
Copyright (C) 2004 - 2018 Ekipa PHP-Fusion.pl