Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Nasıl yapılır ? Sosyal Bağlar Instagram eklemek.

goztepeli70

xFanatik
SMS onaylı
XGT Kullanıcı
Kullanıcı
Katılım
3 Ocak 2020
Mesajlar
226
Çözümler
4
Sosyal baglar bolumune instagram ve logosu nasil eklenir?

Naamloos.png
 
umarım yardımcı olan olur durur burada illa lazım olur böyle bir şey onu için teşekkürler
 
şablonlara gir oradan "share_page_macros" bul daha sonra;

Kod:
<xf:if is="$xf.options.tweet.enabled">
                        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--twitter" data-href="https://twitter.com/intent/tweet?url={url}&amp;text={title}{{ $xf.options.tweet.via ? '&amp;via=' . $xf.options.tweet.via : '' }}{{ $xf.options.tweet.related ? '&amp;related=' . $xf.options.tweet.related : '' }}">
                            <i aria-hidden="true"></i>
                            <span>{{ phrase('twitter') }}</span>
                        </a>
                    </xf:if>

bu kodların alt satırına bunu ekle;

Kod:
<xf:if is="$xf.options.tweet.enabled">
                        <a class="shareButtons-button shareButtons-button--brand shareButtons-button--instagram" data-href="https://www.instagram.com/">
                            <i aria-hidden="true"></i>
                            <span>{{ phrase('Instagram') }}</span>
                        </a>
                    </xf:if>

arka plan rengini değiştirmek için extra.less şablonuna git bunu ekle;

Kod:
.shareButtons-button.shareButtons-button--instagram:hover {
    background-color: #C7286A;
}
 
instagramın 1 den fazla renkli arkaplanını istiyorsan extra.less'e;

Kod:
.shareButtons-button.shareButtons-button--instagram:hover {
    background-color: #C7286A;
}

bunun yerine alttaki kodları yapıştır;

Kod:
.shareButtons-button.shareButtons-button--instagram:hover {
    background: radial-gradient(circle at 30% 107%, #FDF497 0%, #FDF497 5%, #FD5949 45%, #D6249F 60%, #285AEB 90%);
}
 
İnstagram paylaşma url tipi facebook ve twitter alt yapısına benzer olmadığı için pek işinize en önemliside kullanıcılarınızın işine yaramaz. Üstde verilen link sadece görünüm için üzerine tıklandığında sizi instagram sayfasına yönlendirme amaçlıdır hiçbir paylaşım ve ya diğer ünsürlerde bulunmaz. Bu durumu pek önermem. Paylaş butonlarının yanında "boş link" yerine widget instagram hesabınızı yerleştirmeyi öneririm. Bunun içinde
[SC] Instagram Widget bu eklentiyi kullana bilirsiniz :)
 
n3ujx n3ujx

Hover kodu güzel oldu. Peki instagram normalde mavi görünüyor. Bunun rengini nasıl değiştiririz

1586078907045.png
 

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.