Reklambanner i headern

[webkocken]

Hej!
Använder mig av Prosilver och skulle vilja lägga in en annonsbanner mellan logon och sökrutan.
Har försökt, men inte fått till det hela på ett bra sätt.

Någon som har en ide på hur jag kan göra det?

[Marcus]

Är det en statisk banner (bara en enda) eller har du tänkt dig en dynamisk banner (flera som på ett eller annat sätt byts)?

För den statiska lösningen behöver du bara ladda upp din banner-bild (på lämpligt ställe, t.ex. en mapp som du döper till banners).
Sedan ändrar du på innehållet i filen [forumrot]/styles/prosilver/template/overall_header.html och lägga in länkade banner där det passar dig. Ev. kan du behöva justera lite i en CSS-fil i mappen /styles/prosilver/theme.

För den dynamiska lösningen kan det vara lika enkelt, t.ex. om du använder dig av en reklamtjänst (t.ex. Tradedoubler) och lägger in en kod du får från dem som avser en hos dem skapad annonspool. Om du däremot vill styra över det hela från en funktion i phpBB, så krävs det någon form av MOD. (går närmare in på det om det är aktuellt)

/marcus

[webkocken]

Ja, så långt har jag fått till det.
Problemet jag har är att när jag har lagt in annonsen, så hamnar den under logon. Dessutom så försvinner sökrutan, men den dyker upp igen om man är inloggad.

Så, för att vara tydlig, så det jag behöver hjälp med är att css-placera annonsen på rätt sätt typ 10px till höger om logon.

[Sinom]

Hej webkocken!

Gå till \styles\prosilver\template och skapa en egen .html-fil - Denna skall innehålla din reklam.

Som exempel kan vi använda en utav Google's test-bilder:

Kod: Markera allt

<img width="468" height="60" border="0" alt="Banner" src="//www.google.com/intl/en/adwords/select/images/samples/banner.jpg">

Öppna sedan overall_header.html och hitta:

Kod: Markera allt

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->

Lägg till ovanför:

Kod: Markera allt

<div class="reklam"><!-- INCLUDE reklam.html --></div>

Gå sen till \styles\prosilver\theme och öppna common.css

Hitta:

Kod: Markera allt

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

Ersätt med:

Kod: Markera allt

/* Site description and logo */
#site-description {
	float: left;
	width: 30%;
}

.reklam {
	float: left;
	padding-top: 5px;
}

Hugs

[webkocken]

Stort tack! Funkade alldeles strålande...