Du hast übrigens noch was nicht richtig angepasst.
Ich vermute du hast diese Zeile vie opt in extension eingebunden:
Code: Alles auswählen
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js" type="text/javascript"></script>
du musst diese zeile auch so abändern:
Code: Alles auswählen
<script data-name="g-analytics" data-src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js" type="text/javascript"></script>
Wenn du das nicht machst brirngt die extension nicht wirklich was.
Für die Änderung des Styles machst du folgendes.
Offne die datei:
..\styles\Zeina\template\overall_footer.html
Und ersetze den Kompletten Inhalt (sofern du da noch vorher nichts verändert hast sonst vergleiche die codeblöcke) mit folgendem:
Code: Alles auswählen
<!-- EVENT overall_footer_content_after -->
</div>
</main>
<!-- EVENT overall_footer_page_body_after -->
{% block footer %}
<footer id="page-footer">
<!-- IF DEBUG_OUTPUT -->
<p class="footer-row text-center my-3 text-sm text-secondary">
<span class="footer-info">{{ DEBUG_OUTPUT }}</span>
</p>
<!-- ENDIF -->
<div class="text-sm bg-white border-t border-gray-200 divide-y text-secondary">
<div class="max-w-6xl layout-container mx-auto md:py-4 py-2 px-4 lg:px-8">
<!-- INCLUDE navbar_footer.html -->
</div>
<div class="max-w-6xl layout-container mx-auto">
<div class="flex flex-wrap items-center justify-between gap-2 p-6 lg:px-8">
<div class="copyright flex flex-wrap items-center gap-2">
<!-- EVENT overall_footer_copyright_prepend -->
<span class="footer-copyright">{{ CREDIT_LINE }} • {{ lang('Design by') }} <a href="https://leenoz.com/zeina">Leenoz.com</a></span>
<!-- IF TRANSLATION_INFO -->
<span class="footer-copyright">{{ TRANSLATION_INFO }}</span>
<!-- ENDIF -->
<!-- EVENT overall_footer_copyright_append -->
<a class="footer-link" href="{{ U_PRIVACY }}" title="{{ lang('PRIVACY_LINK') }}" role="menuitem">
<span class="footer-link-text">{{ lang('PRIVACY_LINK') }}</span>
</a>
<span class="opacity-50">|</span>
<a class="footer-link" href="{{ U_TERMS_USE }}" title="{{ lang('TERMS_LINK') }}" role="menuitem">
<span class="footer-link-text">{{ lang('TERMS_LINK') }}</span>
</a>
<span class="opacity-50">|</span>
<!-- EVENT overall_footer_timezone_before -->
<span>{S_TIMEZONE}</span>
<!-- EVENT overall_footer_timezone_after -->
</div>
</div>
</div>
</div>
</footer>
{% endblock %}
</div>
<div>
<a id="bottom" class="anchor" accesskey="z"></a>
{% if not S_IS_BOT %}{{ RUN_CRON_TASK }}{% endif %}
</div>
<div id="darkenwrapper" class="hidden" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
<div id="darken" class="darken"> </div>
</div>
<div id="phpbb_alert" class="phpbb_alert zn-overlay size-full fixed top-0 start-0 z-[60] overflow-auto pointer-events-none transition-all zn-overlay-open:ease-out ease-in zn-overlay-open:duration-300 hidden" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
<div class="zn-overlay-open:opacity-100 opacity-0 transition-all zn-overlay-open:ease-out ease-in zn-overlay-open:duration-300 md:max-w-lg max-w-[85%] w-full origin-center fixed left-0 top-0 right-0 bottom-0 m-auto max-h-[75%] h-fit rounded-xl p-2 bg-white">
<div class="flex flex-col pointer-events-auto overflow-hidden">
<button type="button" class="alert_close relative flex overflow-hidden transition-all duration-300 !absolute top-3 end-3 text-secondary p-2 rounded-full bg-transparent border-0 hover:bg-primary/5 hover:text-color">
<i class="iconify" data-mode="style" data-icon="mdi:close" data-height="16" data-width="16" aria-hidden="true"></i>
</button>
<div class="p-3">
<div class="flex max-md:flex-col gap-4">
<div class="alert-icon m-auto flex size-12 items-center justify-center rounded-full md:m-0 md:size-10">
<span class="inline-flex justify-center items-center size-8 rounded-full border-4 text-white">
<i class="iconify alert-info-icon" data-mode="style" data-icon="mdi:information-variant" data-height="24" data-width="24" aria-hidden="true"></i>
<i class="iconify alert-error-icon" data-mode="style" data-icon="mdi:close" data-height="24" data-width="24" aria-hidden="true"></i>
</span>
</div>
<div class="max-md:text-center md:w-5/6">
<div class="leading-6 alert_title font-semibold" id="modal-title"></div>
<p class="text-sm text-secondary mt-1 alert_text break-words"></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="phpbb_confirm" class="phpbb_alert zn-overlay size-full fixed top-0 start-0 z-[60] overflow-auto pointer-events-none transition-all zn-overlay-open:ease-out ease-in zn-overlay-open:duration-300 hidden" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
<div class="zn-overlay-open:opacity-100 opacity-0 transition-all zn-overlay-open:ease-out ease-in zn-overlay-open:duration-300 md:max-w-lg max-w-[85%] w-full origin-center fixed left-0 top-0 right-0 bottom-0 m-auto max-h-[75%] h-fit rounded-xl p-2 bg-white">
<div class="flex flex-col pointer-events-auto overflow-hidden">
<button type="button" class="alert_close absolute top-3 end-3 text-secondary p-2 rounded-full btn-primary-outline bg-transparent border-0 leading-[0]">
<i class="iconify" data-mode="style" data-icon="mdi:close" data-height="16" data-width="16" aria-hidden="true"></i>
</button>
<div class="p-3">
<div class="flex max-md:flex-col gap-4">
<div class="m-auto flex size-12 items-center justify-center rounded-full md:m-0 md:size-10 bg-primary/20">
<span class="inline-flex justify-center items-center size-8 rounded-full border-4 border-primary/5 bg-primary/90 text-white">
<i class="iconify" data-mode="style" data-icon="bi:question-lg" data-height="18" data-width="18" aria-hidden="true"></i>
</span>
</div>
<div class="max-md:text-center md:w-5/6">
<p class="alert_text break-words"></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="{T_JQUERY_LINK}"></script>
<!-- IF S_ALLOW_CDN --><script>window.jQuery || document.write('\x3Cscript src="{T_ASSETS_PATH}/javascript/jquery-3.7.1.min.js?assets_version={T_ASSETS_VERSION}">\x3C/script>');</script><!-- ENDIF -->
<script src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
<script src="{T_THEME_PATH}/assets/js/ajax.js"></script>
<script src="{T_THEME_PATH}/assets/js/forum_fn.js"></script>
<script src="{T_THEME_PATH}/assets/js/app.js" defer></script>
<script src="{T_THEME_PATH}/assets/js/iconify.min.js" defer></script>
<!-- IF S_ALLOW_CDN and zeina.font_awesome -->
<script>
(function($){
var $fa_cdn = $('head').find('link[rel="stylesheet"]').first(),
$span = $('<span class="fa" style="display:none"></span>').appendTo('body');
if ($span.css('fontFamily') !== 'FontAwesome' ) {
$fa_cdn.after('<link href="{T_ASSETS_PATH}/css/font-awesome.min.css" rel="stylesheet">');
$fa_cdn.remove();
}
$span.remove();
})(jQuery);
</script>
<!-- ENDIF -->
{% if S_COOKIE_NOTICE %}
<script src="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.js?assets_version={T_ASSETS_VERSION}"></script>
<script>
if (typeof window.cookieconsent === "object") {
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#0F538A"
},
"button": {
"background": "#E5E5E5"
}
},
"theme": "classic",
"content": {
"message": "{LA_COOKIE_CONSENT_MSG}",
"dismiss": "{LA_COOKIE_CONSENT_OK}",
"link": "{LA_COOKIE_CONSENT_INFO}",
"href": "{UA_PRIVACY}"
}
});
});
}
</script>
{% endif %}
<!-- EVENT overall_footer_after -->
<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
{$SCRIPTS}
{% block footer_scripts %}{% endblock %}
<!-- EVENT overall_footer_body_after -->
</body>
</html>
Damit Bringst du alles in eine Line.
Anschliessend erstellst du folgende Ordner und datei :
..ext/chris1278/cookie/styles
der Teil sollte vorhanden sein. in diesm Ordner erstellst du folgende weitere ordner:
dort erstellst du eine Datei namens:
overall_footer_timezone_after.html
mit folgendem Inhalt:
Code: Alles auswählen
<span class="opacity-50">|</span>
<a href="#" data-ajax="true" data-refresh="true" role="menuitem" onclick="return klaro.show();">
<i class="opt-in-cookie-icon cok_nav"></i><span>{{ lang('OPT_IN_COKKIE_INFO') }}</span>
</a>
abschliessend noch den Foren und den Browser cache löschen und das resultat sollte so ausschauen:
https://prnt.sc/lIdjAGbqke8z