• Bu site çerezler kullanır. Bu siteyi kullanmaya devam ederek çerez kullanımımızı kabul etmiş olursunuz. Daha fazla bilgi edin.
  • Merhaba Ziyaretçi hoşgeldin !
    Forumdan daha fazla yararlanmak için buradan kayıt olunuz
    Hello Welcome to Ziyaretçi!
    Register here to benefit more from the forum

Xenforo 2 Font Awesome ikonları

Xenforo 2 Font Awesome,Font ikonları hangi anlama gelir nasıl kullanılır?

Xenforo 2 Font ikon nedir nasıl kullanılır?

Xenforo 2 ile birlikte artık Font Awesome sisteminin font ikonları kullanılmaktadır.
Font Awesome günümüz web sitelerinde kullanılan ikon sistemi ve bir çağın yani png,jpg,gif gibi ikon grafiklerinin sonu olarak özetlenebilir.
Bu font ikonlar ise artık siteler daha hızlı ve gereksiz trafik yükünden sizi kurtatıyor. Yapılabilecekler ise artık sizin hayal gücünüze kalmış.
Font Awesome sistemine erişebilir daha detaylı bilgi edinebilirsiniz.

Xenforo 2 ile nasıl kullanılır?

Xenforo 2 ile birlikte bu ikonları istediğini gibi istediğini alanlarda (HTML KAPSAMINDA) kullanabilirsiniz.

Bu durumu biraz örnekleyelim
Download ikon örneği - fa-download
Kullanılacak örnek kod:
<i class="fa fa-download" aria-hidden="true"></i>
Facebook ikon örneği - fa-facebook-square
Kullanılacak örnek kod:
<i class="fa fa-facebook-square" aria-hidden="true"></i>

Eğer özel bir css şablonunda kullanmak isterseniz,
Googleplus ikon örneği - ZenFaGooglePlusikon
Kullanılacak örnek CSS kodu:
.ZenFaGooglePlusikon:before {
    font-family: FontAwesome;
    content: "\f0d5";
    font-style: normal;
}
Kullanılacak örnek HTML kodu:
<i class="ZenFaGooglePlusikon" aria-hidden="true"></i>
Googleplus özel ikon örneği - ZenFaGooglePlusikon
Biraz daha görselleştirilmiş hali
.ZenSekilli:before {
    background-color: rgb(66, 133, 244);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    content: "\f0d5";
    font-family: FontAwesome;
    font-style: normal;
    padding: 5px 2px;
}
Kullanılacak örnek HTML kodu:
<i class="ZenSekilli" aria-hidden="true"></i>
Font awesome ikon çeşitleri
  • fa-glass
  • fa-music
  • fa-search
  • fa-envelope-o
  • fa-heart
  • fa-star
  • fa-star-o
  • fa-user
  • fa-film
  • fa-th-large
  • fa-th
  • fa-th-list
  • fa-check
  • fa-times
  • fa-search-plus
  • fa-search-minus
  • fa-power-off
  • fa-signal
  • fa-gear
  • fa-cog
  • fa-trash-o
  • fa-home
  • fa-file-o
  • fa-clock-o
  • fa-road
  • fa-download
  • fa-arrow-circle-o-down
  • fa-arrow-circle-o-up
  • fa-inbox
  • fa-play-circle-o
  • fa-rotate-right
  • fa-repeat
  • fa-refresh
  • fa-list-alt
  • fa-lock
  • fa-flag
  • fa-headphones
  • fa-volume-off
  • fa-volume-down
  • fa-volume-up
  • fa-qrcode
  • fa-barcode
  • fa-tag
  • fa-tags
  • fa-book
  • fa-bookmark
  • fa-print
  • fa-camera
  • fa-font
  • fa-bold
  • fa-italic
  • fa-text-height
  • fa-text-width
  • fa-align-left
  • fa-align-center
  • fa-align-right
  • fa-align-justify
  • fa-list
  • fa-dedent
  • fa-outdent
  • fa-indent
  • fa-video-camera
  • fa-picture-o
  • fa-pencil
  • fa-map-marker
  • fa-adjust
  • fa-tint
  • fa-edit
  • fa-pencil-square-o
  • fa-share-square-o
  • fa-check-square-o
  • fa-arrows
  • fa-step-backward
  • fa-fast-backward
  • fa-backward
  • fa-play
  • fa-pause
  • fa-stop
  • fa-forward
  • fa-fast-forward
  • fa-step-forward
  • fa-eject
  • fa-chevron-left
  • fa-chevron-right
  • fa-plus-circle
  • fa-minus-circle
  • fa-times-circle
  • fa-check-circle
  • fa-question-circle
  • fa-info-circle
  • fa-crosshairs
  • fa-times-circle-o
  • fa-check-circle-o
  • fa-ban
  • fa-arrow-left
  • fa-arrow-right
  • fa-arrow-up
  • fa-arrow-down
  • fa-mail-forward
  • fa-share
  • fa-expand
  • fa-compress
  • fa-plus
  • fa-minus
  • fa-asterisk
  • fa-exclamation-circle
  • fa-gift
  • fa-leaf
  • fa-fire
  • fa-eye
  • fa-eye-slash
  • fa-warning
  • fa-exclamation-triangle
  • fa-plane
  • fa-calendar
  • fa-random
  • fa-comment
  • fa-magnet
  • fa-chevron-up
  • fa-chevron-down
  • fa-retweet
  • fa-shopping-cart
  • fa-folder
  • fa-folder-open
  • fa-arrows-v
  • fa-arrows-h
  • fa-bar-chart-o
  • fa-twitter-square
  • fa-facebook-square
  • fa-camera-retro
  • fa-key
  • fa-gears
  • fa-cogs
  • fa-comments
  • fa-thumbs-o-up
  • fa-thumbs-o-down
  • fa-star-half
  • fa-heart-o
  • fa-sign-out
  • fa-linkedin-square
  • fa-thumb-tack
  • fa-external-link
  • fa-trophy
  • fa-github-square
  • fa-upload
  • fa-lemon-o
  • fa-phone
  • fa-square-o
  • fa-bookmark-o
  • fa-phone-square
  • fa-twitter
  • fa-facebook
  • fa-github
  • fa-unlock
  • fa-credit-card
  • fa-rss
  • fa-hdd-o
  • fa-bullhorn
  • fa-bell
  • fa-certificate
  • fa-hand-o-right
  • fa-hand-o-left
  • fa-hand-o-up
  • fa-hand-o-down
  • fa-arrow-circle-left
  • fa-arrow-circle-right
  • fa-arrow-circle-up
  • fa-arrow-circle-down
  • fa-globe
  • fa-wrench
  • fa-tasks
  • fa-filter
  • fa-briefcase
  • fa-arrows-alt
  • fa-group
  • fa-users
  • fa-chain
  • fa-link
  • fa-cloud
  • fa-flask
  • fa-cut
  • fa-scissors
  • fa-copy
  • fa-files-o
  • fa-paperclip
  • fa-save
  • fa-floppy-o
  • fa-square
  • fa-bars
  • fa-list-ul
  • fa-list-ol
  • fa-strikethrough
  • fa-underline
  • fa-table
  • fa-magic
  • fa-truck
  • fa-pinterest
  • fa-pinterest-square
  • fa-google-plus-square
  • fa-google-plus
  • fa-money
  • fa-caret-down
  • fa-caret-up
  • fa-caret-left
  • fa-caret-right
  • fa-columns
  • fa-unsorted
  • fa-sort
  • fa-sort-down
  • fa-sort-asc
  • fa-sort-up
  • fa-sort-desc
  • fa-envelope
  • fa-linkedin
  • fa-rotate-left
  • fa-undo
  • fa-legal
  • fa-gavel
  • fa-dashboard
  • fa-tachometer
  • fa-comment-o
  • fa-comments-o
  • fa-flash
  • fa-bolt
  • fa-sitemap
  • fa-umbrella
  • fa-paste
  • fa-clipboard
  • fa-lightbulb-o
  • fa-exchange
  • fa-cloud-download
  • fa-cloud-upload
  • fa-user-md
  • fa-stethoscope
  • fa-suitcase
  • fa-bell-o
  • fa-coffee
  • fa-cutlery
  • fa-file-text-o
  • fa-building-o
  • fa-hospital-o
  • fa-ambulance
  • fa-medkit
  • fa-fighter-jet
  • fa-beer
  • fa-h-square
  • fa-plus-square
  • fa-angle-double-left
  • fa-angle-double-right
  • fa-angle-double-up
  • fa-angle-double-down
  • fa-angle-left
  • fa-angle-right
  • fa-angle-up
  • fa-angle-down
  • fa-desktop
  • fa-laptop
  • fa-tablet
  • fa-mobile-phone
  • fa-mobile
  • fa-circle-o
  • fa-quote-left
  • fa-quote-right
  • fa-spinner
  • fa-circle
  • fa-mail-reply
  • fa-reply
  • fa-github-alt
  • fa-folder-o
  • fa-folder-open-o
  • fa-smile-o
  • fa-frown-o
  • fa-meh-o
  • fa-gamepad
  • fa-keyboard-o
  • fa-flag-o
  • fa-flag-checkered
  • fa-terminal
  • fa-code
  • fa-reply-all
  • fa-mail-reply-all
  • fa-star-half-empty
  • fa-star-half-full
  • fa-star-half-o
  • fa-location-arrow
  • fa-crop
  • fa-code-fork
  • fa-unlink
  • fa-chain-broken
  • fa-question
  • fa-info
  • fa-exclamation
  • fa-superscript
  • fa-subscript
  • fa-eraser
  • fa-puzzle-piece
  • fa-microphone
  • fa-microphone-slash
  • fa-shield
  • fa-calendar-o
  • fa-fire-extinguisher
  • fa-rocket
  • fa-maxcdn
  • fa-chevron-circle-left
  • fa-chevron-circle-right
  • fa-chevron-circle-up
  • fa-chevron-circle-down
  • fa-html5
  • fa-css3
  • fa-anchor
  • fa-unlock-alt
  • fa-bullseye
  • fa-ellipsis-h
  • fa-ellipsis-v
  • fa-rss-square
  • fa-play-circle
  • fa-ticket
  • fa-minus-square
  • fa-minus-square-o
  • fa-level-up
  • fa-level-down
  • fa-check-square
  • fa-pencil-square
  • fa-external-link-square
  • fa-share-square
  • fa-compass
  • fa-toggle-down
  • fa-caret-square-o-down
  • fa-toggle-up
  • fa-caret-square-o-up
  • fa-toggle-right
  • fa-caret-square-o-right
  • fa-euro
  • fa-eur
  • fa-gbp
  • fa-dollar
  • fa-usd
  • fa-rupee
  • fa-inr
  • fa-cny
  • fa-rmb
  • fa-yen
  • fa-jpy
  • fa-ruble
  • fa-rouble
  • fa-rub
  • fa-won
  • fa-krw
  • fa-bitcoin
  • fa-btc
  • fa-file
  • fa-file-text
  • fa-sort-alpha-asc
  • fa-sort-alpha-desc
  • fa-sort-amount-asc
  • fa-sort-amount-desc
  • fa-sort-numeric-asc
  • fa-sort-numeric-desc
  • fa-thumbs-up
  • fa-thumbs-down
  • fa-youtube-square
  • fa-youtube
  • fa-xing
  • fa-xing-square
  • fa-youtube-play
  • fa-dropbox
  • fa-stack-overflow
  • fa-instagram
  • fa-flickr
  • fa-adn
  • fa-bitbucket
  • fa-bitbucket-square
  • fa-tumblr
  • fa-tumblr-square
  • fa-long-arrow-down
  • fa-long-arrow-up
  • fa-long-arrow-left
  • fa-long-arrow-right
  • fa-apple
  • fa-windows
  • fa-android
  • fa-linux
  • fa-dribbble
  • fa-skype
  • fa-foursquare
  • fa-trello
  • fa-female
  • fa-male
  • fa-gittip
  • fa-sun-o
  • fa-moon-o
  • fa-archive
  • fa-bug
  • fa-vk
  • fa-weibo
  • fa-renren
  • fa-pagelines
  • fa-stack-exchange
  • fa-arrow-circle-o-right
  • fa-arrow-circle-o-left
  • fa-toggle-left
  • fa-caret-square-o-left
  • fa-dot-circle-o
  • fa-wheelchair
  • fa-vimeo-square
  • fa-turkish-lira
  • fa-try
  • fa-plus-square-o
    • Yayınlanan
      9 Eki 2017
    • Sayfa görüntüleme sayısı
      227

    En beğenilen konular

    Forum istatistikleri

    Konular
    816
    Mesajlar
    3,791
    Kullanıcılar
    769
    Son üye
    iptvserveri