• Cs-Cart Türkiye Destek ve Paylaşım Sitemize Hoş Geldiniz
  • Yeni Temamızla Daha işlevsel Sizlerleyiz.
  • Öneri ve Dileklerinizi Mesajla iİetiniz.
Hoşgeldiniz.! Lütfen Giriş Yap yada Kayıt Ol


Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Bilgi Google+ yada farklı ikon tanıtmak V4.x.x
#1
Lightbulb 
Merhabalar
[Resim: sosyalmedya.png]
Bu gibi ikonları tanıtmak yada yada daha farklı ikonları farklı yerlerde kullanmak icin
cs cart a ikon tanıtma işlemelerini anlatmaya çalışcam
Öncelikler kullanacagınız ikonu belilemeniz gerekmekte bunun icin
  1. Adobe illustrator kullanmasını bilenler *.svg uzantılı istedikleri ikonu yapabilirler
  2. hazır yapılmış bir yapıyı download ederek kullanabilirler Örnek link
  3. Yaratmış oldugunuz ikonu yada begendiginiz dowload etmiş oldugunuz ikonu
    (/design/themes/your_theme/media/fonts/glyphs.svg)
    yeni.svg vereceginiz ad yana indirdiginiz isim şeklinde yoldaki yere koyalım
  4. Link uzerinde begendiginiz ikonu yada ikonları seciniz
  5. Sayfanın altında yer alan Font butonuna tıklayalım
  6. Secmiş oldugunuz ikonları var olan yapı icinde kullanabilmek icin Karşılık gelen Kodlarını bilmek gerekiyor bu sayda sectiginiz ikonların kod degerlerini göreceksiniz.
  7. Download tıklayarak bilgisayarınıza indirin
  8. Sitenizin (/ design/themes/your_theme/media/fonts/) içerisinde yer alan
    glyphs.svg, glyphs.eot, glyphs.ttf, glyphs.woff bu dosyları yedekleyin
  9. Downlod ile indirmiş oldugunuz icomoon.zip bilgisayarınızda bir klasör e açınız
  10. Açmış oldugunuz adres giderek Font klasorunun icindeler de ad kısmını (dosya uzantılarını degiştirmeden) glyphs.* şeklinde yeniden adlandırın işlemi bitirdiginizde klasor içinde glyphs.svg, glyphs.eot, glyphs.ttf, glyphs.woff göreceginiz dosylar bunlar olmalı Bunları sunucunuza ftp ile yollayın
  11. Artık cs cart ikonlarınızı bilmektedir bu ikonlar icin son olarak css ve less de degerlerini bildirmemiz gerekmekte
    Kod:
    .icon-new-1, .icon-new-1:before, .icon-new-2, .icon-new-2:before {
              font-family: 'glyphs';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
  12. Kullanım yelerlerindeki clasessler icin
    PHP Kod:
    .icon-new-1:before {
    content"\e001";  // The code for the new icon
    }
    .
    icon-new-2:before {
    content"\e002";  // The code for the new icon
    }
    .
    icon-old:before {
    content"\e003";  // The code for the old icon

  13. Template yapısı icinde şeklinde gösterebiliriz
  14. Renk boyut gibi degişikler yapmak istersek css icinde bunu yapabiliriz
 
Cevap
  


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Google webmaster tools hataları sakurt 0 2,266 19.05.2019, 16:17
Son Yorum: sakurt
Lightbulb Bilgi:  Google Translate Widget ile sitenin cevirisi globalburo 0 3,551 30.03.2015, 15:18
Son Yorum: globalburo
  Soru:  Google Universal Analytics'e Geçiş ooaykac 3 8,072 29.03.2015, 14:06
Son Yorum: ooaykac
Heart Bilgi:  Google Plus Ve Pinterest Cs cartta eklenmesi globalburo 0 3,416 20.10.2014, 12:05
Son Yorum: globalburo
  Bilgi:  v.4.1.1 admin bölümü google chrome sorunu çözümü pcmemo 4 9,842 17.08.2014, 01:23
Son Yorum: ben_erhan

Hızlı Menü:


Tarama: 1 Ziyaretçi