Menambahkan CSS ke Yammer Tertanam

<div id="embedded-feed" style="height:800px;width:400px;"></div>
<script type="text/javascript" src="https://s0.assets-yammer.com/assets/platform_embed.js"></script>
<script type="text/javascript">

yam.connect.embedFeed({
  "config": {
    "use_sso": false,
    "header": false,
    "footer": false,
    "showOpenGraphPreview": false,
    "defaultToCanonical": false,
    "hideNetworkName": false,
    "defaultGroupId": 8430003
  },
  "container": "#embedded-feed"
});

</script>

Bagaimana cara saya memasukkan CSS ke dalamnya untuk mengubah warna latar belakang yammer yang disematkan?

<style>
#embedded-feed { background-color: orange; }
</style>

Jika saya menggunakan CSS di atas berubah menjadi oranye, dan langsung sebaliknya.

masukkan deskripsi gambar di sini


css sharepoint-online sharepoint yammer
person Michael Downey    schedule 09.06.2016    source sumber
comment
cukup tambahkan CSS ke wadah, sesuatu seperti #embedded-feed { background-color: orange; } akan berfungsi.   -  person Aziz    schedule 09.06.2016
comment
Sepertinya itu akan berhasil dan kemudian dikembalikan.   -  person Michael Downey    schedule 09.06.2016

Jawaban (1)


arrow_upward
1
arrow_downward

Konten yang disematkan ada di dalam iframe yang berlatar belakang putih. Saya khawatir Anda tidak dapat mengubahnya.

Anda dapat memanipulasinya dengan cara hacky, dengan menggunakan elemen semu (::after) di atas wadah (#embedded-feed), yang memiliki latar belakang dan mode campuran :

#embedded-feed {
  position: relative;
}

#embedded-feed::after {
  content:'';
  position: absolute;
  left: 0; right: 0; bottom: 0; top: 0;
  background: orange;
  pointer-events: none;
  mix-blend-mode: multiply;
}
<script type="text/javascript" src="https://c64.assets-yammer.com/assets/platform_embed.js"></script>
<div id="embedded-feed" style="height:400px;width:500px;"></div>
<script>
    yam.connect.embedFeed({
        container: '#embedded-feed',
        network: 'fourleaf.com',
        feedType: 'group',                // can be 'group', 'topic', or 'user'    
        feedId: '123',                     // feed ID from the instructions above
        config: {
             defaultGroupId: 3257958      // specify default group id to post to 
        }
    });    
</script>

jsFiddle: https://jsfiddle.net/azizn/40faxryw/

Hati-hati, ini masih eksperimental dan saat ini dukungan browser terbatas (FF32, Chrome 41+, Safari 8+, Opera, No IE).

Anda dapat bermain-main dengan berbagai pilihan, warna dan/atau opacity:

elemen semu latar belakang mode campuran campuran css

Tidak dapat memikirkan solusi lain yang tidak melibatkan CORS.

person Aziz    schedule 09.06.2016
comment
Kustomisasi Yammer Embed tidak didukung. Melakukan hal ini di lingkungan pelanggan atau produksi bukanlah ide yang baik karena dapat mengakibatkan pengalaman buruk dan masalah dalam mendapatkan dukungan. - person Brian Lyttle; 10.06.2016