bildirgec.org - nihalkocan - beğendikleri

ilham kaynağı 50+ yaratıcı tasarım örneği

nihalkocan — Thu, 08 Jul 2010 10:01:00 GMT

bazen yeni bir tasarım yaparken fikir verici örnekler gerekebilir.ilham kaynağı olması açısından yapılmış tasarımlara gözatmakta yarar var.Herbiri birbirinden güzel birsürü tasarım örneği var.

1. sofasurfer

2. traffic

3. design zillas

4. francesco molezzi

5. andrewgreig

6. izrada

7. cultured code

8. bowtie period

9. clever craft

10. united pixel workers

11. osd network

12. kaledu stebuklas

13. moma

14. routes aapp

15. degtine

16. project fedena

17. feedingo

18. elitedent

19. untorock

20. lowe age

...daha fazlası için kaynağı ziyaret ediniz.

Bu yazı nihalkocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Birbirinden Farklı yaratıcı jquery uygulamarı

nihalkocan — Wed, 20 Jan 2010 10:24:00 GMT

jQuery inanılmaz geniş bir kütüphane. Hayal gücünüze ve ihtiyacınıza göre istediğiniz şekilde kullabilirsiniz. Klasik kalıpları dışına çıkarak yaratıcı çalışmalarınızı ziyaretçilerinize sunabilirsiniz. Farklı tasarımlar her zaman için ilgi çeker. Bu yüzden aşağıdaki farklı jQuery tasarımlarını isterseniz kullabilir veya kendinizi geliştirip daha farklı çalışmalar yapmak için kullanabilirsiniz;

Feature List

Bu jQuery uygulaması sayesinde projelerinizi gösterebilir ya da web sayfanızdaki popüler veya yeni makale ve haberleri yayınlayabilirsiniz. Birçok sitede aynı mantık ile yapılmış birçok jQuery veya flash uygulamalar görmek mümkün.

Drag to Share like Mashable using jQuery

Mashable'da bulunan resimleri paylaşma özelliği diğerlerinden farklı. Resmi tıklayarak paylaşmak istediğiniz sosyal medya sistesinin üstüne götürüyorsunuz.jQuery ile yapılan çok hoş bir uygulama.

youtubeplaylist

youtubeplaylist, sayesinde playlist'inizi birkaç saniyede sayfada göstermeniz mümkün. Videoların sadece başlangıç resimleri ekranda yer alırken tıkladığınız anda video youtube üzerinden oynatılmaya başlar.

jQuery maxImage plugin

Bu jQuery uygulaması sayesinde sitenizin istediğiniz herhangi kısmının arka planını css kodları ile uğraşmadan anında değiştirmeniz mümkün.

Hwy jQuery ListMenu Plugin

Çok kullanışlı jQuery menü uygulaması. Sözlükler veya arşivler için ideal bir jquery uygulaması.

Making A Slick Content Slider

jquery ile yapılan bu Slider ile web sitenizde ürünlerinizi daha iyi gösterebilirsiniz. Ziyaretçilerinize sayfalar dolaştırmadan hoş bir görünüm ile ürünlerinizi tanımış olurlar. Farklı amaçlar ile de kullanmak mümkün.

jVal

jVal, çok kullanışlı jQuery form uygulamasıdır. Belirlediğiniz kriterler formda uygulanmazsa ziyaretçiyi uyarır. Örneğin sayı yerine kelime girildiyse, şifre uzunlu gibi.

jQuery Highlighter

Dışarıdan gördüğünzde flash sanabileceğiniz muhteşem bir jQuery uygulaması. Web sitenizi yada ürünleriniz tanıtabilir. Herhangi bir uygulamayı daha iyi öğretebilirsiniz.

jTimepicker

jTimepicker, formlar için yardımcı bir jQuery uygulamasıdır. Ziyaretçilerinizin herhangi bir tarihi uğraşmadan forma girmesini sağlar.

Spellify

Google'da bulunan tamamlama özelliğinin biraz daha geliştirilmiş versiyonu. Çok kullanışlı bir jQuery uygulaması.

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynaklar ; blogfreakz , jqueryglobe , ajaxrain

Bu yazı nihalkocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Yeni tasarımınızı tek seferde tüm css gallery sitelerine gönderin

nihalkocan — Mon, 26 Apr 2010 14:31:00 GMT

Yeni bir web sitesi tasarımı yaptınız ve tasarımınıza güveniyorsanız, tasarımınızı birkaç css galerisine göndermek isterdiniz. Peki ya tasarımınızı 280'den fazla css galerisine göndermeye ne dersiniz? hem de tonla işlemle uğraşmadan, Tek seferde.

Css Gallery Submission

CssGallerySubmission.com sayesinde bu işlemi gerçekleştirebilirsiniz.

Siteye girdiğimizde çok iyi tasarlanmış bir arayüz bizi karşılıyor. İşleme başlamak için ana sayfadaki "Css Submission" ikonunu hemen sağındaki kutuya sürükleyip bırakıyoruz ve web sitesi sizi yeni tasarımınızın kimlik bilgilerini gireceğiniz form'a yönlendiriyor.

Buraya yeni sitenizin kimin tarafından gönderildiğini, kimin tarafından tasarlandığını, url adresini, açıklamasını ve sitenin tag'lerini girerek en alttaki "start" lilnkine tıklıyoruz.

Gönderim Formu

Bu işlemden sonra web sitesi sizi teker teker css galerilerinin "yeni tasarım gönderim" kısmına yönlendiriyor. site özelliklerini sağ taraftaki butonlardan sürükleyip, web sitelerindeki form alanlarına bırakarak her site için kaydımızı gerçekleştiriyoruz. kayıt işlemi bittikten sonra sayfanın en üstünde sağ taraftaki "next site" linkine tıklayarak bir sonraki css galeri sitesine geçiyoruz.

Bu yazı nihalkocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Tasarımında Sarı Renk Kullanan Web Siteleri

nihalkocan — Sat, 05 Dec 2009 11:04:00 GMT

Web tasarımında rengi etkili bir biçimde kullanmak çok önemlidir. Sarı renk sevinç, mutluluk ve enerjiyi ifade eder. Özellikle çocuk içerikli bir site hazırlayacaksanız bu rengi tercih edebilirsiniz. Sarı renk, dikkat çekmek için kullanılır. Bu yüzden kullanırken ayrıntılara dikkat etmeniz gerekir. Bu yazıda size ilham kaynağı olabilecek sarı renk kullanmış sitelere ulaşabilirsiniz.

Ayrıca daha önce yazdığım beyaz, mavi, turuncu, pembe ve siyah rengi çok güzel bir şekilde kullanan tasarımları inceleyebilirsiniz.

1. Creative Spark

2. I Am Always Hungry

3. Espira

4. Chunk

7. Single Fire

10. EBSL

11. Joomla Mini

12. Mail Mops

13. Riot Industries

14. Typography Served

15. Puppet Brain

16. Ryan Keiser

kaynak: d-lists.co.uk

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

Bu yazı nihalkocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web tasarımcıları için PDF skeç kağıtları

nihalkocan — Mon, 26 Apr 2010 09:28:00 GMT

Projelere başlamadan önce projenin gidişatını belirleyecek planın yapılması gerekir. Bu plan ana maddelerden başlayarak daha spesifik özelliklere kadar projenin baştan sonra kağıt üzerinde ve kafalarda bitirilmesi gerekir. ve işler tasarım kısmına geldiğinde tasarımın bir taslağını yapmak, tasarımın sağlıklı olması açısından çok önemlidir. Tasarımı bitmiş bir sitenin hatta xhtml/css kodları yazılmış bir sitenin üzerinde değişiklik yapmak çok sıkıntılı ve kafa karıştırıcıdır. bunu engellemek için tasarım ve uygulamanın kaba bir skeçinden başlayarak ince detaylara kadar kağıda çizilmesi gerekir.

Web sitesinin skeç'ini çizerken işi hem biraz eğlenceli hale getirmek hem daha profesyonel görünmek ve daha sağlıklı bir sonuca ulaşmak için PDF formatında skeç kağıtları düzenlemişler.

Web Sketch

UI Stencils

960 grid system template

960 sketch pdf template

Grid Paper

all konigi pdf templates

Paper Browser

paper browser pdf template (horizontal)

paper browser pdf template (vertical)

mbti sketching paper for ideation

mbti sketching paper (a4)

mbti sketching paper (a3)

mbti sketching paper (letter)

mbti sketching paper (legal)

sketching grid paper

concept7 a4 sketching grid paper

concept7 a3 sketching grid paper

6 pages template

6 pages pdf template

paper wireframe templates

paper wireframe templates (pdf templates)

paper wireframe templates (psd and pdf templates)

sketchboards

multi page template (ppt template)

single page template (ppt template)

Wireframe Template

pdf wireframe template

Bu yazı nihalkocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web tasarımcılar için kaliteli fontlar

nihalkocan — Mon, 05 Jul 2010 09:56:00 GMT

Web Tasarımda dikkat etmeniz gereken ögelerden biri ise fontlardır. Logo ve bannerlerin haricinde artık css3 kullanarak bu fontları web sitenizde imaj olarak kullanmadan da kullanabilirsiniz. Aşağıdaki yüksek kaliteli fontları ücretsiz olarak kullanabilirsiniz. İşte muhteşem yüksek kaliteli fontlar;

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : wdl

Bu yazı nihalkocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

80 tane ilgi çekici ve eşsiz kartvizit tasarımı

nihalkocan — Mon, 25 Apr 2011 13:50:00 GMT

daha önce burada da bir çok örneğini gördüğüm ve ilgimi çeken bu tür kolleksiyonlardan bir tanesine başka bir platformda rastladım ve paylaşmak istedim.

kartvizitlerin ne kadar önemli bir reklam aracı olduğunun herkes farkındadır ki bu yüzden reklamda ilk adımdır kartvizitler. fakat sıradan kartvizitler çok kısa sürede ortadan kaybolacağından genelde amacına ulaşamaz. ama sıradışı örnekler ilgi çekerek sıradan örneklerine göre görevini daha başarılı bir şekilde yerine getirebilir. lafı daha fazla uzatmadan sizi çoğu eşsiz bir listeyle başbaşa bırakıyorum:
("devamı ve daha fazlası şurada" deyip 3 örnekten sonra başka siteye link vermedim. listenin tamamı burada.)

10-

11-

12-

13-

14-

15-

16-

17-

18-

19-

20-

21-

22-

23-

24-

25-

26-

27-

28-

29-

30-

31-

32-

33-

34-

35-

36-

37-

38-

39-

40-

41-

42-

43-

44-

45-

46-

47-

48-

49-

50-

52-

53-

54-

55-

56-

57-

58-

59-

60-

61-

62-

63-

64-

66-

67-

68-

69-

70-

71-

72-

73-

74-

75-

76-

77-

78-

79-

80-

sabrınız ve ilginiz için teşekkürler...

Bu yazı nihalkocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

photoshop ile ipeksi ciltler

nihalkocan — Mon, 09 May 2011 10:19:00 GMT

photoshop 1990'da ilk versiyonunda tarayıcı yoluyla alınan resimlerin düzenlenmesi niyetiyle yapılmış bir programdı. bu niyetini de adında taşıyor zaten. her ne kadar yeni versiyonlarında yazılara çeşitli efektler uygulayabiliyor olsak da bu yazımız temel amacına hizmet edecek.
cilt üzerinde yer alan geçici ya da kalıcı bir takım izler vardır. bunlar sivilce, yara ya da ben izleri olabilir ve fotoğraflarda bazen hoş durmayabilirler. işte biz de fotoğraflarımıza nasıl ipeksi ciltler kazandırılabileceğinin basit bir yolunu öğreneceğiz.

çalışmamızın ilk hali

çalışmamızın son hali

başlayalım
resmimizi açtıktan sonra bu katmanımızı bir kez çoğaltıyoruz. isterseniz bu katmana sağ tıklayıp "duplicate layer" yolunu izleyebilir, ya da bu katmanımızı layer paletin en altındaki new layer butonunun üzerine sürükleyebilirsiniz. bütün çalışmamızı bu yeni katman üzerinde gerçekleştireceğiz.

adım 1
bu yeni katmanımızın blend modunu vivid light olarak değiştiriyoruz.

blend modu vivid light olarak değiştiriyoruz

adım 2
şimdi resmimize invert uygulayacağız. Image > Adjustments > Invert yolunu izleyebilirsiniz.

invert uyguladığımız resim

adım 3
bu adımda da aynı katmanımıza gaussian blur uyguluyoruz. yolumuz şu şekilde: filter>blur>gaussian blur.

gaussian blur uyguladığımız resim

bunu uygularken de oranımız resmin ana hatlarının belirginleşmeye başladığı orandır.

adım 4
artık resmimizi biraz yumuşatalım. Filter > Other >High Pass yolunu izleyelim. burada oranımızı da cildin görünümüne göre ayarlıyoruz. çene, kaş ve gözlerin hayalet gibi görünmesine aldırmayın ve cildin yeterince pürüzsüz olduğunu düşündüğünüz yerde bırakın.

çalışmanın high pass sonrası durumu

adım 5
şimdi sıra mask uygulamaya geldi. layer paletin altında bulacağınız add layer mask butonuna tıklıyoruz.

add layer mask

adım 6
d ve x tuşlayarak siyah rengimizi seçiyoruz ve araçlar paletimizden paint bucket toolu seçerek katmanımızı siyahla dolduruyoruz. sanki resmimiz ilk haline döndü diye paniklemeyin, sorun yok.

ve son olarak da yumuşak bir fırça seçiyoruz d tuşlayarak seçtiğimiz beyaz renkle cildin ipeksi görünmesini istediğimiz yerlerini boyuyoruz. yani boyama derken beyaz bir renk göremeyeceksiniz ama değişim gözle görülür olacak ve gerekli yerlerde bence muhteşem de olacak:

son durum

emeğe saygı diyerek kaynak...

photoshopla ve diğer birkaç konuyla alakalı olarak diğer yazılarım...

Bu yazı nihalkocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

tasarımlarınız için 60 bedava el yazısı fontu

nihalkocan — Wed, 15 Dec 2010 08:00:00 GMT

bilgisayarlar ve yazıcılar icat edilmeden önce mektuplar, notlar, dökümanlar, reklamlar ve her şey el yazısıyla yazılıyordu. bugün bile yazarlar ve bazı tasarımcılar ilk taslaklarını el yazısı ile yapıyorlar.

bu yazıda el yazısını başarılı uygulamış birkaç site ve 60 adet el yazısı fontu paylaşacağım.

Maria Grossman
bağlantılarınızı canlandırmak için gerçek resimler koyabilir ve el yazısı fontları kullanarak ilgi çekici ve gerçekçi hale getirebilirsiz. tıpkı maria grossman'ın kişisel web sitesinde kullandığı gibi.

www.mariagrossmann.de

mariska
tasarım üzerine kişiliğinizi yansıtmak için el yazısı fontları ve kişisel seçiminiz renkleri kullanabilirsiniz. marisha.com gibi.

www.marisha.com

neighborhood homework house
çocuklar için organizasyonlar yapan bir kuruluşun websitesi. el yazısı sitenin amacına uygun olarak basit ve çocuksu olarak seçilmiş.

www.neighborhoodhomeworkhouse.org

Bootb
bu tasarımda el yazısı fontu ve güzel seçilmiş renkler bir arada kullanılmış. gayet zekice ve yaratıcı bir site yapılmış.

www.bootb.com

sırada tasarımlarınızda çalışabilmeniz için toplanmış 60 adet el yazısı font var. sağdaki linke tıklayarak fontun adresine, soldakine tıklayarak font yaratıcının diğer fontlarına ulaşabilirsiniz.

1. Jellyka – Estrya’s Handwriting - Jellyka Nerevan

2. Waiting for the Sunrise - Kimberly Geswein

3. Gloria Hallelujah - Kimberly Geswein

4. Throw My Hands Up in the Air - Kimberly Geswein

5. Just Me Again Down Here - Kimberly Geswein

6. One Miguel - Miguel Mojica

7. Kaileen - Kreative Korporation

8. Fineliner Script - Drawperfect

9. Dear Joe Five Casual - JOEBOB graphics

10. Rolina - Rodi de Asis

11. Sue Ellen Francisco - Kimberly Geswein

12. Mari & David - Rodrigo German

13. What Do We Do All Day - Heather T.

14. Relaxed - Sabina Nore

15. Ampersand - Denise Chan

16. Note Book Scribble - Elliott Mariess

17. Never Let Go - Kimberly
Geswein

18. Kids Written - Galdino Otten

19. Sakurachan - Federico Canzian

20. Elizane - Kimberly Geswein

21. Yummah Strawberriez - Wizzah

22. Promised Freedom - Kimberly Geswein

23. Popstar Autograph - Dirt2.com – Andrew2

24. Extrafine - Miko Ramirez

25. Prophecy Script - Tension Type

26. Rose DiFont - JptDesign Studio

devamı ve kaynak için tıklayınız

ayrıca:
30 adet ücretsiz graffiti font
25 Premium Benzeri Bedava Blogger Teması
17 Adet Wordpress Tema Düzenleme Dersi
bütün yazılarım rss

Bu yazı nihalkocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

sitelere font özgürlüğü

nihalkocan — Mon, 03 Jan 2011 09:07:00 GMT

bildirgeç'de sık sık görürüz en iyi 25 font, arşivlik el yazısı fontları gibi yazıları. fontların hemen hepsi güzeldir fakat sadece bilgisayarınızda kullanabilirsiniz. eğer bu fontları web sitenizde veya günlüğünüzde kullanmak isterseniz bunun öyle pek de kolay olmayacağını bilirsiniz. ya flash tabanlı sifr (scalable inman flash replacement) kullanacaksınız, ya da javascript tabanlı typekit kullanacaksınız. sifr kullanırken flash kullanmak zorundasınız ve flash bilmeniz gereklidir, typekit kullanmak da ücretlidir ve üstelik türkçe karakter destekli font bulamazsınız. yeni yeni kullanılmaya başlayan css3'ün ise maalesef internet explorer tarafından deskteklenmemek gibi kronik problemleri vardır. bu kadar kötü haberden sonra işte iyi haber geliyor; birazdan tanıtacağım sistem hem bütün tarayıcılar ile uyumlu, hem de türkçe karakter destekli bir çok font içeriyor. Kullanımı ise sadece bir satır javascript kodundan ibaret ve elbetteki ücretsiz.

fonts.com

typekit benzeri javascript tabanlı bir font servisi fonts.com. javascript tabanlı bir servis olarak typkit'ten farklı olarak biraz daha yetenekli, bol font alternatifli, 40 dil desteğine sahip ve de bireysel kullanıcılar için ücretsiz bir servis. üstelik türkçe font desteğine de sahip.

sistemi kısaca anlatmak gerekirse siteye üye oluyorsunuz, projenizi oluşturup kullanacağınız fontu veya fontları seçiyorsunuz, javascript kodunu sitenize eklediyorsunuz, hepsi bu kadar. harika değil mi?

fonts.com üyelik

siteye üye olmak oldukça basit. ilk olarak bu adrese tıklayarak üyelik sayfasını açmalısınız ve kişisel bilgilerinizi girmeden önce kullanmak istediğimiz paketi seçmeniz gerekiyor. kişisel kullanıcılar için ücretsiz paket oldukça güzel özelliklere sahip (3000'den fazla font, sınırsız site ekleme ve bir sitede sınırsız sayıda font kullanabilme gibi). daha sonraki sayfada sırasıyla adınızı, soyadınızı, şifrenizi, sifrenizin doğrulamasını ve son olarak da e-posta adresinizi girdiğinizde üyelik işlemlerinizi tamamlamış oluyorsunuz.

kurulum ve kullanım

resmin büyük halini görmek için tıklayın.

fonts.com'u sitenizde kullanmak için, fonts.com'a giriş yaptıktan sonra bir proje oluşturmalısınız. bu adresten ya da sitede bulunan create a project linkinden bir proje oluşturabilirsiniz. project name kısmına projenizin ismini, publish domain kısmına da sitenizin ya da günlüğünüzün adresini girmelisiniz. save project dediğinizde projeniz hazır. daha sonra ise choose fonts linkine tıklayarak fontlara göz atabilirsiniz. beğendiğiniz fontu projenize eklemek için add to project butonuna basabilirsiniz.

ipucu: sitedeki bütün fontlar maalesef türkçe destekli değil. beğendiğiniz bir fontun türkçe destekli olup olmadığını anlamak ise çok kolay; yapmanız gereken fontun isminin yanında příliš žluťoučký karakterlerinin olmasına veya font grubunun latin ext 1 olmasına bakabilirsiniz.

fontları seçtiniz ve artık sitenizde kullanmak istiyorsunuz. iki adet alternatifiniz var; biri sitenizde fontları kullanmak istediğiniz kısmı (örneğin sitenizde menu id'sine sahip bir katman, diğer bir deyişle div olsun. fonts.com yönetim panelinizde work on stylesheet menüsünden selectors kısmına #menu seçicisini ekleyerek bunu kolaylıkla yapabilirsiniz. ekledikten sonra kullanmak istediğiniz fontu seçtiğinizde işleminiz tamamlanmış oluyor.) css seçicileri yardımıyla seçerek o kısımda bu fontu kullan demek, diğeri sitenize javascript kodunu ekleyerek sitenizde fontu kullanmak istediğiniz kısmı css yardımıyla (css dosyanızda o kısmı biçimlendirmek için kullandığınız kısıma font-family özelliğini kullanarak fontlarımızı tanımlamak. fontların isimleri ise publish sekmesinde option 2: advanced (javascript) kısmında bulabilirsiniz. örneğin: font-family:"albertus w01";) şeklinde) biçimlendirmek. iki yöntemin de kendine göre bazı avantajları var; ilk yöntem ile hiç css dosyasına dokunmadan sitenizi biçimlendirebilirsiniz ve daha sonra istediğiniz zaman fontları değiştirebilirsiniz. bu yöntemin dezavantajı yüklenmesinin biraz uzun sürmesi. ikinci yöntem ile eğer css'e aşina iseniz daha rahat işlem yaparsınız benim gibi ve ilk yönteme göre daha hızlı yüklendiğini göreceksiniz.

projeyi siteye eklemek

projenizi sitenize eklemek için üst taraftaki menüden publish linkine tıklamalısınız. bu sayfada 4 tane ekleme seçeneği olmasına rağmen ücretsiz kullanıcılar sadece 1. ve 2. seçeneği yani javascript kodu ile eklemeyi kullanabiliyorlar. css ile eklemek için ise ücretli kullanıcı olmak gerekiyor. orada ki şeklindeki javascript kodunu sitenizin kaynak kodlarında html'in head etiketleri arasına eklemelisiniz. eğer birinci yöntemi kullanarak fontlarınızı tanımladıysanız ve css seçicilerinizde bir sorun yoksa kodu ekledikten sonra sayfayı yenilediğizde yeni fontlarınız yerlerini alacaklardır. css dosyasına ekleme yöntemini seçtiyseniz biçimlendirmek istediğiniz bölgenin css kodlarında font-family özelliği ile fontlarınızı tanıtmalısınız. sonucunuz aşağıdaki ekran görüntüsü gibi olmalıdır. sorunlarınızı yorumlarda yazarsanız elimden geldiğince yardımcı olmaya çalışırım. gelecek yazılarda görüşmek üzere, sağlıcakla kalın.

Bu yazı nihalkocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage