Blog ve Wolkanca » icon http://blog.wolkanca.com Volkan Yılmaz ve saz arkadaşları // Web günlüğü Sun, 12 Oct 2008 10:34:42 +0000 http://wordpress.org/?v=2.6.2 en Css ile Acrobat, Word, Excel ve Quicktime gibi bağlantılara icon atama http://blog.wolkanca.com/css-ile-acrobat-word-excel-ve-quicktime-gibi-baglantilara-icon-atama/?source=rss http://blog.wolkanca.com/css-ile-acrobat-word-excel-ve-quicktime-gibi-baglantilara-icon-atama/#comments Fri, 10 Oct 2008 10:13:32 +0000 wolkanca http://blog.wolkanca.com/?p=6201 Css ile bağlantılara ikon görseli eklenebiliyor örneğin aşağıdaki gibi;
<a class="ikon-baglanti" href="baglanti.html">baglanti</a>
.ikon-baglanti {padding-right:18px; background:transparent url(icon_pdf.gif) no-repeat center right;}
Fakat şimdi burada yazacağım yöntem class veya id tag i kullanmadan sayfada vermiş olduğunuz bağlantı örneğin Acrobat, Word, Excel veya Quicktime gibi dosyalar ise ona otomatik olarak ikon atamak olacak.

Bunu örneklersek şöyle yapıyoruz;
Html kısmı:
<a href="kalsor/sunum12.pdf">pdf için</a>
Css kısmı:
a[href $='.pdf'] {padding-right: [...]

Yazar: Wolkanca
© 2005 - 2008 Blog ve Wolkanca. All Rights Reserved.]]> ile bağlantılara görseli eklenebiliyor örneğin aşağıdaki gibi;
<a class="-baglanti" href="baglanti.html">baglanti</a>
.-baglanti {padding-right:18px; background:transparent url(icon_pdf.gif) no-repeat center right;}

Fakat şimdi burada yazacağım yöntem class veya id tag i kullanmadan sayfada vermiş olduğunuz bağlantı örneğin Acrobat, Word, Excel veya Quicktime gibi dosyalar ise ona otomatik olarak atamak olacak.

Bunu örneklersek şöyle yapıyoruz;

Html kısmı:
<a href="kalsor/sunum12.pdf">pdf için</a>

kısmı:
a[href $='.pdf'] {padding-right: 18px; background: transparent url(icon_pdf.gif) no-repeat center right;}

Yukarıdaki bağlantı .pdf olduğu için den .pdf lere olan bağlantıları aşağıdaki gibi yapmış olduk, sonuç aşağıdaki gibi olacak;
pdf için


© 2005 - 2008 wolkanca. Bu yazi http://blog.wolkanca.com/ adresine aittir, ..com sitesinin yazilari yalnizca izin alinmak kaydi ile alinti yapilabilir ve yayinlanabilir. Lutfen yapacaginiz alintilarda link verin ve izin alin bu ahlaki kurallara uygun olacaktir. Sitenin yazilarini izinsiz baska yerlerde yayinlayanlar 551 nolu fikir haklari yasasini ihlal ettigi ve bundan dolayi haklarinda kanuni islem yapilacagini bilmelidirler.

Etiket: , , , , , , , , , , , , ,

Bunu okuyan şunları da okur;

]]> http://blog.wolkanca.com/css-ile-acrobat-word-excel-ve-quicktime-gibi-baglantilara-icon-atama/feed/ Icon setleri http://blog.wolkanca.com/icon-setleri/?source=rss http://blog.wolkanca.com/icon-setleri/#comments Sun, 03 Aug 2008 05:54:39 +0000 wolkanca http://blog.wolkanca.com/?p=4616 Web tasarımı ile uğraşanlar, blogcular gibi kişilerin işine yarayabilecek icon setlerinden yaklaşık 100 tanesini bir araya getirmişler.
[via]

Pinvoke - Fugue Icons
Sweetie - Web Communication v.1
Sweetie - Base Pack v.3
Random Jabber - Sizcons
Fast Icon - Circle Social Bookmark Icons
twothirty - twotiny
ExplodingBoy - Pixel Icons
Ndesign Studio - Mini Pixel Icons
Sryo - Minimal Icons
Markup - Free Icons (9 free [...]

Yazar: Wolkanca
© 2005 - 2008 Blog ve Wolkanca. All Rights Reserved.]]> tasarımı ile uğraşanlar, blogcular gibi kişilerin işine yarayabilecek setlerinden yaklaşık 100 tanesini bir araya getirmişler.
[via]


© 2005 - 2008 wolkanca. Bu yazi http://blog.wolkanca.com/ adresine aittir, ..com sitesinin yazilari yalnizca izin alinmak kaydi ile alinti yapilabilir ve yayinlanabilir. Lutfen yapacaginiz alintilarda link verin ve izin alin bu ahlaki kurallara uygun olacaktir. Sitenin yazilarini izinsiz baska yerlerde yayinlayanlar 551 nolu fikir haklari yasasini ihlal ettigi ve bundan dolayi haklarinda kanuni islem yapilacagini bilmelidirler.

Etiket: , , , , , , , , , , ,

Bunu okuyan şunları da okur;

]]> http://blog.wolkanca.com/icon-setleri/feed/ En iyi 20 çevirimiçi favori ikon üreticisi http://blog.wolkanca.com/en-iyi-20-cevirimici-favori-ikon-ureticisi/?source=rss http://blog.wolkanca.com/en-iyi-20-cevirimici-favori-ikon-ureticisi/#comments Sun, 12 Aug 2007 12:12:17 +0000 wolkanca http://blog.wolkanca.com/en-iyi-20-cevirimici-favori-ikon-ureticisi/ Favori ikonu nedir?
Favori ikonu adres çubuğunda, tab çubuğunda ve de favoriler klasöründe sitelerin isimlerinin yanında beliren küçük, şirin ikonlardır ( tıpkı yukardaki resim gibi ). Bu ikonlar siteyi anımsatmalıdır ve siteyle özdeşleşmelidir. Özellikle favoriler klasöründe gezinirken direk dikkat çekerler.
Şimdi gelelim favori ikonu nasıl yapılır konusuna:

ilk başta 16×16 bir favori ikonu yapılır
favicon.ico isminde websitenin ana klasörüne [...]

Yazar: Wolkanca
© 2005 - 2008 Blog ve Wolkanca. All Rights Reserved.]]> Favori ikonu nedir?
faviconFavori ikonu adres çubuğunda, tab çubuğunda ve de favoriler klasöründe sitelerin isimlerinin yanında beliren küçük, şirin ikonlardır ( tıpkı yukardaki resim gibi ). Bu ikonlar siteyi anımsatmalıdır ve siteyle özdeşleşmelidir. Özellikle favoriler klasöründe gezinirken direk dikkat çekerler.

Şimdi gelelim favori ikonu nasıl yapılır konusuna:

  • ilk başta 16×16 bir favori ikonu yapılır
  • .ico isminde websitenin ana klasörüne koyulur
  • header’a şu kod yazılır : <link rel=”shortcut ” href=”.ico” type=”image/x-” />
  • site yenienir =]

Favori üreticileri önizlemeleri ile birlikte çok uzun olduğundan yazının devamında..

Favori İkon Üreticileri

1..cc

tn_faviconico-generator_1186488980758.png

2.256pixels

tn_256-pixels.png

3.Favicon2dots

tn_favicon2dots_1186490273668.png

4.Converticon

5.FaviconTool

6.WebScriptLab

7.Flavicon

8. and Gallery

9.Favicongenerator.com

10.Dagondesign

11..ru

12.Faviconsfor.us

Ve diğerleri:

13. http://www.degraeve.com/favicon/
14. http://www.antifavicon.com/
15. http://www.html-kit.com/favicon/ - en popülerlerinden biri.
16. http://www.favicon.jp/ - Japonca site.
17. http://tools.dynamicdrive.com/favicon/ - DynamicDrive aleti.
18. http://www.faviconprime.com/
19. http://shaheeilyas.com/favicon/
20. http://www.faviconfactory.com/
Kaynak


© 2005 - 2008 wolkanca. Bu yazi http://blog.wolkanca.com/ adresine aittir, ..com sitesinin yazilari yalnizca izin alinmak kaydi ile alinti yapilabilir ve yayinlanabilir. Lutfen yapacaginiz alintilarda link verin ve izin alin bu ahlaki kurallara uygun olacaktir. Sitenin yazilarini izinsiz baska yerlerde yayinlayanlar 551 nolu fikir haklari yasasini ihlal ettigi ve bundan dolayi haklarinda kanuni islem yapilacagini bilmelidirler.

Etiket: , , , , , , , , , , , , ,

Bunu okuyan şunları da okur;

]]> http://blog.wolkanca.com/en-iyi-20-cevirimici-favori-ikon-ureticisi/feed/