astropaykartsatis.net
User Tag List

Yeni Konu Aç Cevap Yaz
6.10.2017, 10:56 1 (permalink)
YucelYenidoganX
  • NeredenBursa Şubesi
  • Üyelik Tarihi6.10.2017
  • Yaş23
  • Ticaret Sayısı0
  • Mesajlar1
fa fa-icon kodları yerine kendi sunucumdan icon çağırma nasıl yaparım? #permalink (permalink)
Merhabalar, iyinet sakinleri Başlığı şimdi detaylı ve resimlerle destekleyerek anlatacağım. Lütfen bilgisi olan yardımcı olsun.

Mythemeshop - Sensational isimli tema wordpress tabanlı sitemde kurulu. Siteyi yayına açmam için son bir kaç adım kalmıştı ki. %50 60lık bir css bilgimle çözüm üretemediğim bir sorunla karşılaştım. Kısaca anlatmak gerekirse resimde gösterdiğim alan da fa fa-facebook örneğin kod var kodu da paylaşacağım ben bu kodu style.css içinden kendi klasorlerimde bulunan kendi yüklediğim ikonlarla değiştirmek istiyorum. Mesela ben sabah gazetesine buton koyacağım o buton için sabah ikonunu düzenleyip sunucuma yükleyeceğim sadece ikonu nasıl çağıracağım yardımcı olursanız sevinirim.

Resim


style.css

Kod:
/*-[ Social Profile Widget ]--------------------------*/
.social-profile-icons ul {
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}
.social-profile-icons ul li {
    background: none;
    border: none;
    float: left;
    list-style-type: none;
    margin: 0 5px 10px 5px!important;
    padding: 0 !important;
    border: none !important;
}
#sidebar-left .social-profile-icons ul li { 
    width: auto;
    margin: 0 4px 5px 4px!important; 
}
.social-profile-icons ul li a {
    width: 34.2px;
    height: 34.2px;
    display: block;
    float: left;
    border-radius: 3px;
    text-align: center;
    line-height: 34.2px;
    color: #FFF!important;
    transition: all .4s;
    padding: 0;
}
.sidebar .social-profile-icons ul li a:hover {
    color: #fff;
    background: #666;
}
.sidebar .social-profile-icons ul li a { color: #fff }
.social-profile-icons ul li i {
    font-size: 16px;
    line-height: 32px;
}
.social-profile-icons .social-facebook a { background: #5d82d1 }
.social-profile-icons .social-twitter a { background: #40bff5 }
.social-profile-icons .social-instagram a { background: #91653f }
.social-profile-icons .social-youtube a { background: #c9322b }
.social-profile-icons .social-gplus a { background: #eb5e4c }
.social-profile-icons .social-fbgrubu a { background: #ef922f }
.social-profile-icons .social-bloomberg a { background: #35c6ea }
.social-profile-icons .social-ntveko a { background: #f7659c }
.social-profile-icons .social-ekodialog a { background: #426d9b }
.social-profile-icons .social-sabaheko a { background: #ff48a3 }
.social-profile-icons .social-hteko a { background: #e13138 }
.social-profile-icons .social-aaekonomi a { background: #238cc8 }
.social-profile-icons .social-onedio a { background: #b5a470 }
.social-profile-icons .social-mynet a { background: #1d90dd }
.social-profile-icons .social-pazarlamasyon a { background: #1879fd }
.social-profile-icons .social-bbceko a { background: #13c1f3 }
.social-profile-icons .social-bigpara a { background: #ff7e30 }
.social-profile-icons .social-ebakanlik a { background: #ff5c30 }
.social-profile-icons .social-capital a { background: #3476e4 }
.social-profile-icons .social-economist a { background: #0bbadf }
.social-profile-icons .social-forbes a { background: #ff4400 }

widget-social.php

Kod:
class Social_Profile_Icons_Widget extends WP_Widget {

	protected $defaults;
	protected $sizes;
	protected $profiles;

	function __construct() {

		$this->defaults = array(
			'title'			=> '',
			'new_window'	=> 0,
			'size'			=> 32,
			'facebook'		=> '',
			'twitter'		=> '',
			'instagram'		=> '',
            'youtube'		=> '',
			'gplus'			=> '',
			'fbgrubu'		=> '',
			'bloomberg'		=> '',
			'ntveko'		=> '',
			'ekodialog'		=> '',
			'sabaheko'		=> '',
			'hteko'			=> '',
			'aaekonomi' 	=> '',
			'onedio'		=> '',
			'mynet'			=> '',
			'pazarlamasyon'	=> '',
			'bbceko'		=> '',
			'bigpara'   	=> '',
			'ebakanlik'		=> '',
			'capital'		=> '',
			'economist'		=> '',
			'forbes'		=> '',
		);


		$this->sizes = array( '32' );

		$this->profiles = array(
			'facebook' => array(
				'label'	  => __( 'Facebook URI', 'sensational' ),
				'pattern' => '<li class="social-facebook"><a title="Facebook" href="%s" %s><i class="fa fa-facebook"></i></a></li>',
			),
			'twitter' => array(
				'label'	  => __( 'Twitter URI', 'sensational' ),
				'pattern' => '<li class="social-twitter"><a title="Twitter" href="%s" %s><i class="fa fa-twitter"></i></a></li>',
			),
			'instagram' => array(
				'label'	  => __( 'Instagram URI', 'sensational' ),
				'pattern' => '<li class="social-instagram"><a title="Instagram" href="%s" %s><i class="fa fa-instagram"></i></a></li>',
			),
			'youtube' => array(
				'label'	  => __( 'YouTube URI', 'sensational' ),
				'pattern' => '<li class="social-youtube"><a title="YouTube" href="%s" %s><i class="fa fa-youtube"></i></a></li>',
			),
			'gplus' => array(
				'label'	  => __( 'Google+ URI', 'sensational' ),
				'pattern' => '<li class="social-gplus"><a title="Google+" href="%s" %s><i class="fa fa-google-plus"></i></a></li>',
			),
			'reddit' => array(
				'label'	  => __( 'Reddit URI', 'sensational' ),
				'pattern' => '<li class="social-fbgrubu"><a title="Facebook Grubu" href="%s" %s><i class="fovari-fbgrubu"></i></a></li>',
			),
			'pinterest' => array(
				'label'	  => __( 'Pinterest URI', 'sensational' ),
				'pattern' => '<li class="social-bloomberg"><a title="Bloomberg HT" href="%s" %s><i class="favori-bloomberg"></i></a></li>',
			),
			'linkedin' => array(
				'label'	  => __( 'Linkedin URI', 'sensational' ),
				'pattern' => '<li class="social-hteko"><a title="NTV Ekonomi" href="%s" %s><i class="favori-ntveko"></i></a></li>',
			),
			'soundcloud' => array(
				'label'	  => __( 'Soundcloud URI', 'sensational' ),
				'pattern' => '<li class="social-ekodialog"><a title="Ekodialog" href="%s" %s><i class="favori-ekodialog"></i></a></li>',
			),
			'behance' => array(
				'label'	  => __( 'Behance URI', 'sensational' ),
				'pattern' => '<li class="social-sabaheko"><a title="Sabah Ekonomi" href="%s" %s><i class="favori-sabaheko"></i></a></li>',
			),
			'flickr' => array(
				'label'	  => __( 'Flickr URI', 'sensational' ),
				'pattern' => '<li class="social-hteko"><a title="HT Ekonomi" href="%s" %s><i class="favori-hteko"></i></a></li>',
			),
			'dribbble' => array(
				'label'	  => __( 'Dribbble URI', 'sensational' ),
				'pattern' => '<li class="social-aaekonomi"><a title="AA Ekonomi" href="%s" %s><i class="favori-aaekonomi"></i></a></li>',
			),
			'github' => array(
				'label'	  => __( 'GitHub URI', 'sensational' ),
				'pattern' => '<li class="social-onedio"><a title="Onedio Ekonomi" href="%s" %s><i class="favori-onedio"></i></a></li>',
			),
			'skype' => array(
				'label'	  => __( 'Skype URI', 'sensational' ),
				'pattern' => '<li class="social-mynet"><a title="Mynet Finans" href="%s" %s><i class="favori-mynet"></i></a></li>',
			),
			'stumbleupon' => array(
				'label'	  => __( 'StumbleUpon URI', 'sensational' ),
				'pattern' => '<li class="social-pazarlamasyon"><a title="Pazarlamasyon" href="%s" %s><i class="favori-pazarlamasyon"></i></a></li>',
			),
			'vimeo' => array(
				'label'	  => __( 'Vimeo URI', 'sensational' ),
				'pattern' => '<li class="social-bbceko"><a title="BBC Ekonomi" href="%s" %s><i class="favori-bbceko"></i></a></li>',
			),
			'dropbox' => array(
				'label'	  => __( 'Dropbox URI', 'sensational' ),
				'pattern' => '<li class="social-bigpara"><a title="Bigpara" href="%s" %s><i class="favori-bigpara"></i></a></li>',
			),
			'tumblr' => array(
				'label'	  => __( 'Tumblr URI', 'sensational' ),
				'pattern' => '<li class="social-ebakanlik"><a title="Ekonomi Bakanlığı" href="%s" %s><i class="favori-ebakanlik"></i></a></li>',
			),
			'email' => array(
				'label'	  => __( 'Email URI', 'sensational' ),
				'pattern' => '<li class="social-capital"><a title="Capital" href="%s" %s><i class="favori-capital"></i></a></li>',
			),
			'foursquare' => array(
				'label'	  => __( 'FourSquare URI', 'sensational' ),
				'pattern' => '<li class="social-economist"><a title="The Economist" href="%s" %s><i class="favori-economist"></i></a></li>',
			),
			'rss' => array(
				'label'	  => __( 'RSS URI', 'sensational' ),
				'pattern' => '<li class="social-forbes"><a title="Forbes" href="%s" %s><i class="favori-forbes></i></a></li>',
			),
		);

		$widget_ops = array(
			'classname'	 => 'social-profile-icons',
			'description' => __( 'Show profile icons.', 'sensational' ),
		);

		$control_ops = array(
			'id_base' => 'social-profile-icons',
			#'width'   => 505,
			#'height'  => 350,
		);

		parent::__construct( 'social-profile-icons', sprintf( __( '%sSocial Profile Icons', 'sensational' ), MTS_THEME_WHITE_LABEL ? '' : 'MTS ' ), $widget_ops, $control_ops );

	}
Teşekkürler.
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
Yeni Konu Aç Cevap Yaz
Şu an bu konuyu okuyan kişi sayısı: 1 (0 üye ve 1 misafir)
 
Seçenekler
Yetkileriniz
Konu Acma Yetkiniz Yok Cevap Yazma Yetkiniz Yok Eklenti Yükleme Yetkiniz Yok Mesajınızı Değiştirme Yetkiniz Yok
BB code is Açık Smileler Açık [IMG] Kodları Açık HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık
Forum Kuralları
Benzer Konular
Konu Konuyu Başlatan Forum Cevap Son Mesaj
Tam 5500 Adet Makale Tüm Web Projelerimiz Çok Ucuza Satılığa Çıkarılmı AndroidYazilim Hazır makale satışları 3 30.10.2014 04:02
Tam 5500 Adet Makale Tüm Web Projelerimiz Çok Ucuza Satılığa Çıkarılmı AndroidYazilim Makale yazarları & hizmetleri 1 5.05.2014 19:15
Bilgisayar Terimleri Lost Yeni Başlayanlar Webmaster Okulu 1 19.05.2013 20:41
Evrende gerçekten yalnız değilmiyiz? Loi Güncel Konular - Haberler 76 28.03.2013 15:48

Forum Saati: 02:41. Zaman dilimi GMT +3 olarak ayarlanmıştır.
Powered by vBulletin™ Version 3.8.7
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.