diff --git a/styles/scaffoldBB/template/event/memberlist_view_contact_custom_fields_after.html b/styles/scaffoldBB/template/event/memberlist_view_contact_custom_fields_after.html
new file mode 100644
index 0000000..dcb023d
--- /dev/null
+++ b/styles/scaffoldBB/template/event/memberlist_view_contact_custom_fields_after.html
@@ -0,0 +1,6 @@
+{% if S_STEAMSTATUS_SHOW %}
+	<li class="row gx-0">
+		<span class="fw-bold  col-sm-4 px-1 text-start text-sm-end">{{ lang('STEAMSTATUS_STEAM') ~ lang('COLON') }}</span>
+		<div class="col-11 ms-auto col-sm-8 px-1">{% include '@stevotvr_steamstatus/steamstatus.html' %}</div>
+	</li>
+{% endif %}
diff --git a/styles/scaffoldBB/template/event/overall_footer_body_after.html b/styles/scaffoldBB/template/event/overall_footer_body_after.html
new file mode 100644
index 0000000..7e6a96b
--- /dev/null
+++ b/styles/scaffoldBB/template/event/overall_footer_body_after.html
@@ -0,0 +1,8 @@
+<script>
+    if (document.body.contains(document.querySelector('.section-viewtopic'))) {
+    const steam = [...document.querySelectorAll('.steamstatus')];
+    steam.forEach(element => {
+        element.parentElement.classList.add('w-100');
+    })
+    }
+</script>
\ No newline at end of file
diff --git a/styles/scaffoldBB/template/event/overall_header_head_append.html b/styles/scaffoldBB/template/event/overall_header_head_append.html
new file mode 100644
index 0000000..d93e95d
--- /dev/null
+++ b/styles/scaffoldBB/template/event/overall_header_head_append.html
@@ -0,0 +1,6 @@
+{% if S_STEAMSTATUS %}
+	{% INCLUDECSS '@stevotvr_steamstatus/steamstatus.css' %}
+	{% INCLUDEJS '@stevotvr_steamstatus/steamstatus.js' %}
+{% endif %}
+
+
diff --git a/styles/scaffoldBB/template/event/viewtopic_body_contact_fields_after.html b/styles/scaffoldBB/template/event/viewtopic_body_contact_fields_after.html
new file mode 100644
index 0000000..8e1397c
--- /dev/null
+++ b/styles/scaffoldBB/template/event/viewtopic_body_contact_fields_after.html
@@ -0,0 +1,5 @@
+{% if postrow.S_STEAMSTATUS_SHOW %}
+	<li class="d-none d-md-block">
+		{% include '@stevotvr_steamstatus/steamstatus.html' with postrow %}
+	</li>
+{% endif %}
diff --git a/styles/scaffoldBB/template/ucp_steamstatus_body.html b/styles/scaffoldBB/template/ucp_steamstatus_body.html
new file mode 100644
index 0000000..8f27adf
--- /dev/null
+++ b/styles/scaffoldBB/template/ucp_steamstatus_body.html
@@ -0,0 +1,36 @@
+{% include 'ucp_header.html' %}
+
+<h2 class="fs-5">{{ lang('UCP_STEAMSTATUS_TITLE') }}</h2>
+
+<div class="panel bg-body rounded-3 p-2 mb-2">
+	<div class="inner">
+	<p>{{ lang('UCP_STEAMSTATUS_NOTICE') }}</p>
+
+	{% if ERROR %}<p class="error alert alert-danger">{{ ERROR }}</p>{% endif %}
+
+	{% if STEAMSTATUS_STEAMID %}
+
+	<hr>
+
+	<form action="{{ U_ACTION }}" method="POST" data-ajax="true" data-refresh="true">
+		<input type="hidden" name="action" value="disconnect">
+		{{ lang('UCP_STEAMSTATUS_STEAMID') ~ lang('COLON') }} {{ STEAMSTATUS_STEAMID }}
+		<input class="btn btn-primary btn-sm button fw-bold button1" type="submit" name="submit" value="{{ lang('UCP_STEAMSTATUS_DISCONNECT') }}">
+	</form>
+
+	<br>
+
+	{% if S_STEAMSTATUS_SHOW %}
+		{% include '@stevotvr_steamstatus/steamstatus.html' %}
+	{% endif %}
+
+	{% else %}
+
+	<a href="{{ U_STEAMSTATUS_OPENID }}"><img src="{{ STEAMSTATUS_IMAGE_PATH }}" alt="{{ lang('UCP_STEAMSTATUS_OPENID_IMG_ALT') }}" width="180" height="35"></a>
+
+	{% endif %}
+
+	</div>
+</div>
+
+{% include 'ucp_footer.html' %}
diff --git a/styles/scaffoldBB/theme/steamstatus.css b/styles/scaffoldBB/theme/steamstatus.css
new file mode 100644
index 0000000..28158c2
--- /dev/null
+++ b/styles/scaffoldBB/theme/steamstatus.css
@@ -0,0 +1,6 @@
+@import url("../../all/theme/steamstatus.css");
+
+
+.steamstatus {
+    height: auto;
+}
\ No newline at end of file