lostyazilim
tr.link

jQuery Font Eklentisi (pFont)

19 Mesajlar 4.078 Okunma
lstbozum
tr.link

erbilen erbilen Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 24.11.2011
  • Yaş/Cinsiyet - / E
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 226
  • Beğeniler 6 / 201
  • Ticaret 0, (%0)
Css dökümlerimde genelde portal tasarımlarında sıkça lazım oluyor bu font büyültüp küçültme olayı.. Bende basit bir eklenti yazayım dedim :) İşinize yarayabilir..

Nasıl Kullanılır?

Font boyutuyla oynayacağınız divi seçip eklentiyi çalıştırıyoruz; Örnek bir html kodu;
Artır (+)
Azalt (-)


Burası bastıkça büyür ya da küçülür..


Şimdi jquery ve eklenti dosyamızı sırasıyla çağırdıktan sonra şu #bilgi divini seçip eklentiyi kullanıyoruz;
$("#bilgi").pFont();

Tabi bu azaltma ve artirma işlemlerini neye göre yapıyor derseniz onun içinde parametreler belirtiyorsunuz.. Default olarak parametreler şu şekilde;

minBoyut - 10 (En fazla azaltılacak font boyutu)
maxBoyut - 20 (En fazla çoğaltılacak font boyutu)
font - 12 (Standart font boyutu (seçilen nesnenin))
artiID - #artir (Artırma işlemi için default id)
eksiID - #azalt (Azaltma işlemi için default id)

İstersniz bunu kendinize göre düzenlersiniz.. Örneğin html kodumuzu şöyle yapalım;
Artır (+)
Azalt (-)


Burası bastıkça büyür ya da küçülür..


Ve js kodumuzda şöyle olsun.. Değerleri değiştirelim;
$("#bilgi").pFont({
'artiID' : 'fontArtir',
'eksiID' : 'fontAzalt',
'font' : '15' // nesnemin başlangıç font boyutu
});


Eklentiyi indirmek için;
Link: http://www.prototurk.com/jquery-eklenti/pFont.js

Demo:
http://www.prototurk.com/demo/pFont/
bd Psycho hajanb

kişi bu mesajı beğendi.

wmaraci
reklam

bd bd WM Aracı Kullanıcı
  • Üyelik 26.10.2010
  • Yaş/Cinsiyet 34 / E
  • Meslek 2
  • Konum Manisa
  • Ad Soyad B** D**
  • Mesajlar 4926
  • Beğeniler 784 / 3953
  • Ticaret 18, (%100)
Güzel bir eklenti olmuş Tayfun, eline sağlık :)

Bu arada bir önizleme sayfası da oluşturursan harika olur.
 

 

erbilen erbilen Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 24.11.2011
  • Yaş/Cinsiyet - / E
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 226
  • Beğeniler 6 / 201
  • Ticaret 0, (%0)
Basit bir demo hazırlayıp ekledim :)
 

 

deviL deviL Paylaşmak Güzeldir. Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 40 / E
  • Meslek serbest
  • Konum
  • Ad Soyad ** **
  • Mesajlar 645
  • Beğeniler 161 / 110
  • Ticaret 21, (%100)
Elinize sağlık..
 

 

wmaraci
wmaraci

Psycho Psycho <--! Am I Psycho? --> Kat. Mod.
  • Üyelik 11.12.2010
  • Yaş/Cinsiyet 37 / E
  • Meslek Emekçi
  • Konum Edirne
  • Ad Soyad H** K**
  • Mesajlar 6013
  • Beğeniler 3911 / 3919
  • Ticaret 6, (%100)
Sağlam olmuş. İleride işime yarar. Teşekkürler Erbilen.
 

 

Hatalıysam telefon etme, idare et (?)

escaperx escaperx Web Developer Kullanıcı
  • Üyelik 03.06.2011
  • Yaş/Cinsiyet 25 / E
  • Meslek Sistem Yöneticisi
  • Konum Ankara
  • Ad Soyad İ** K**
  • Mesajlar 408
  • Beğeniler 253 / 44
  • Ticaret 1, (%100)
Ellerine sağlık Tayfun abi. Güzel olmuş :)
 

 

phpmaster phpmaster WM Aracı Kullanıcı
  • Üyelik 23.12.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek Back-End Developer
  • Konum
  • Ad Soyad B** A**
  • Mesajlar 13
  • Beğeniler 0 / 10
  • Ticaret 0, (%0)
Güzel olmuş kanka , ellerine sağlık.
 

 

erbilen erbilen Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 24.11.2011
  • Yaş/Cinsiyet - / E
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 226
  • Beğeniler 6 / 201
  • Ticaret 0, (%0)
Eyvallah teşekkürler.
 

 

mustafayasin mustafayasin PHP & IOS Developer Kullanıcı
  • Üyelik 21.11.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad M** T**
  • Mesajlar 914
  • Beğeniler 91 / 173
  • Ticaret 11, (%100)
eline sağlık
 

 

Soner3d Soner3d Renkler her dili konuşur. Kullanıcı
  • Üyelik 09.03.2011
  • Yaş/Cinsiyet 39 / E
  • Meslek Freelance Grafiker
  • Konum İstanbul Avrupa
  • Ad Soyad S** D**
  • Mesajlar 198
  • Beğeniler 59 / 16
  • Ticaret 3, (%100)
Güzel bir çalışma tebrik ederim emeğine sağlık
 

 

Tasarım işleriniz ile ilgili özel mesajla iletişime geçebilirsiniz.
wmaraci
wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al