[3.3] Footer mit Bilder/Link

[Sammler22]

Hallo, ich würde gerne entweder im Footer oder darüber Bilder mit Verlinkung einfügen, wie geht das bei Subsilver? Vielen Dank

[Crizzo]

Hi,

Unter phpBB 3.3 gibt es kein subsilver mehr.

Welche Forenversion und welchen Style nutzen du?

[Sammler22]

3.3.4.
Prosilver

[Crizzo]

Zeig mal eine Skizze wohin genau das Bild soll.

Grobe Richtung Template Datei: overall_footer.html

[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

[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.