Wie platziere ich zwei VK.com Widgets in einer Reihe?

Die folgenden Beispiele erfordern Kenntnisse in Javascript und CSS. Tilda Der Kundensupport hilft nicht bei Fragen zum Code.

Fügen Sie den Block T123 aus der Kategorie "Sonstiges" hinzu und verwenden Sie diesen Code:

<script src="//vk.com/js/api/openapi.js"></script>

<div id="vk_group1" style="display: inline-block; width: 33%;"></div>
<div id="vk_group2" style="display: inline-block; width: 33%;"></div>

<!-- VK Widgets -->
<script>
VK.Widgets.Group("vk_group1", {mode: 0, width: "auto", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 89546664);
VK.Widgets.Group("vk_group2", {mode: 0, width: "auto", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 89546664);
</script>

Ersetzen Sie 89546664 durch Ihre Community-ID.

Mehr über das Vkontakte-Widget: https://vk.com/dev/widget_community

Denken Sie daran, die ID des div-Elements für jedes Widget unterschiedlich zu halten.