ForumCała strona

Nawigacja

Aktualnie online

Gości online: 13

Użytkowników online: 0

Łącznie użytkowników: 25,283
Najnowszy użytkownik: ziomciu76

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

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

khaman
10.01.2019 13:21:35
Zdarza się Smile

Apis
10.01.2019 10:18:02
Niejaki KellyTurner śmieci nam w serwisie Smile

Apis
03.01.2019 17:02:45
Lepszego Grin

khaman
02.01.2019 08:09:14
Szczęśliwego Smile

krystian1988
01.01.2019 02:39:59
Szczęśliwego Nowego Roku wszystkim Smile

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

RSS

Polecamy hosting Hekko.pl

Nawigacja

HOW TO: PHP-Fusion & Cufon

Napisane przez Chemikpil dnia 15 marzec 2011 14:29 · 0 komentarzy · 4734 czytań · Drukuj · Facebook · Wykop

Streszczenie:

Autorem dzisiejszego artykułu jest użytkownik Sonar, za którego zgodą umieszczam jego artykuł o tym jak skorzystać z wygładzonych czcionek używając Cufon.

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. Wchodzi my 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: Cufon.replace('h1');
  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: Cufon.replace(['h1','.wyladzanie']);

To by było na tyle. Mamy nadzieje, że pomoże to wam w upiększaniu waszych stron.

Autor:
Sonar: blog

Komentarze

Brak komentarzy. Może czas dodać swój?

Dodaj komentarz

Zaloguj się, aby móc dodać komentarz.

Oceny

Tylko zarejestrowani użytkownicy mogą oceniać zawartość strony
Zaloguj się lub zarejestruj, żeby móc zagłosować.

Brak ocen. Może czas dodać swoją?
Created by Arox Copyright (C) 2004
Copyright (C) 2004 - 2018 Ekipa PHP-Fusion.pl