Seite 1 von 1

[3.3] Footer mit Bilder/Link

Verfasst: 02.06.2021 19:04
von Sammler22
Hallo, ich würde gerne entweder im Footer oder darüber Bilder mit Verlinkung einfügen, wie geht das bei Subsilver? Vielen Dank

Re: [3.3] Footer mit Bilder/Link

Verfasst: 02.06.2021 19:44
von Crizzo
Hi,

Unter phpBB 3.3 gibt es kein subsilver mehr.

Welche Forenversion und welchen Style nutzen du?

Re: [3.3] Footer mit Bilder/Link

Verfasst: 03.06.2021 15:24
von Sammler22
3.3.4.
Prosilver

Re: [3.3] Footer mit Bilder/Link

Verfasst: 03.06.2021 15:28
von Crizzo
Zeig mal eine Skizze wohin genau das Bild soll.

Grobe Richtung Template Datei: overall_footer.html

Re: [3.3] Footer mit Bilder/Link

Verfasst: 04.06.2021 00:18
von Tastenplayer
Hallo Sammler22
Die Bilder dürfen nicht zu gross (breit) sein, wegen dem Responsiven (kleine Telefon Displays). Sonst musst Du das auch noch anpassen, was schwierig ist.

Bild im Footer
Füge in Deine style.css oder falls nicht vorhanden in colours.css am Schluss ein

Code: Alles auswählen

.footer_image {
	background-image: url("http://localhost/quickinstall-1.4.2/boards/style_tb-3.3.4/styles/TakeSlider/theme/images/footer_image.png");
	background-repeat: no-repeat;
	background-position: 50% 30%;
	height: 92px;
	margin-bottom: -8px;
}
Position und Grösse musst Du für Dein Bild anpassen.

Suche in der overall_footer.html von Prosilver

Code: Alles auswählen

		<!-- IF U_ACP -->
		<p class="footer-row">
			<a class="footer-link text-strong" href="{{ U_ACP }}">{{ lang('ACP') }}</a>
		</p>
		<!-- ENDIF -->
	</div>

	<div id="darkenwrapper" class="darkenwrapper" 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">&nbsp;</div>
	</div>	
Ersetze mit

Code: Alles auswählen

	
		<!-- IF U_ACP -->
		<p class="footer-row" role="menu">
			<a class="footer-link text-strong" href="{{ U_ACP }}">{{ lang('ACP') }}</a>
		</p>
		<!-- ENDIF -->

	<div class="footer_image"></div>

	</div>

	<div id="darkenwrapper" class="darkenwrapper" 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">&nbsp;</div>
	</div>
Resultat
https://abload.de/img/verlinktesbild2hkol.jpg

Re: [3.3] Footer mit Bilder/Link

Verfasst: 04.06.2021 12:50
von Cowboy of Bottrop
Auch wenn der Zweck eigentlich ein anderer ist, aber mit der Ext „Advertisement Management“ kannst du genau das im ACP machen und bekommst auch gleich noch eine Statistik mitgeliefert.