Ändra Overall header mot en bild?

[zb22222]

Hur kan jag ta bort blåa backgrunden och lägga en bild istället som täcker exakt samma yta.

Jag ändrade phpbb logotyp med bilden jag vill ha men den hamnar inte exakt på rätt plats.
Jag kikade också på overall_header.html för att få bort backgrunden samt justera bild placering men utan vidare, hjälp

overallheader1.jpg (7.25 KiB) Visad 7786 gånger

Här är ett exempel jag hittade på nätet:

overallheader2.jpg (25.48 KiB) Visad 7815 gånger

[Kjell]

Hej zb22222, först lite förutsättningar.
Originalet består två huvudsaker, en smal gif bild och en färgad botten. det är för att sidan ska vara flexibel i sidled och att den ska kunna ökas i höjdled.
Om du har en bild så har den en fast bredd och höjd, det innebär om man inte låser forum bredden så att det stämmer med bilden så kommer det se konstigt ut för dom som har högre upplösning på skärmen.

Den bilden du visar har troligen en tabell.

I overall_header.html
En tabell med Bredd 800 och höjd 110

Kod: Markera allt

<table border="0" width="800" id="table1" height="110">
	<tr>
		<td><Här kommer då loggan m.m.></td>
	</tr>
</table>

och den här koden ska flyttas in in tabellen

Kod: Markera allt

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->

I colours.css så kan du ändra till vad din bakgrund heter.

Kod: Markera allt

.headerbar {
	background-color: #FFFFFF;
	background-image: url("{T_THEME_PATH}/images/topp_banner.gif");
	color: #FFFFFF;
}

I common.css så ändrar vi på #wrap

Kod: Markera allt

    #wrap { 
       padding: 0 20px; 
       min-width: 650px; 
       width: 800px; 

[zb22222]

Tack Kjell,

Jag testar ikväll och åter kommer tillbaka med resultatet.

[zb22222]

Det gick alldeles utmärkt all lägga bilden på rätt plats samt få bort blåa bakgrunden, men jag råkade på ett annat problem när jag klickar på ”Sök” eller ”Avancerad sökning” får jag det här fel meddelandet:

Warning: Call-time pass-by-reference has been deprecated; If you would like to pass it by reference, modify the declaration of [runtime function name](). If you would like to enable call-time pass-by-reference, you can set allow_call_time_pass_reference to true in your INI file in C:\Program Files\wamp\www\phpbb3\search.php on line 947

[Marcus]

IIS-server?

/marcus

[zb22222]

Nej, jag kör WampServer lokalt.

"Sök" fungerar när jag byter ”overall_header.html” till original

[Marcus]

Tänk på att det finns fel antal radbrytning i Kjells kod exempel (kod nummer 2). Inget Kjell gjort fel, utan det beror på att BBCode radbryter när sidan är full i sidled istället för att lägga in en sidledsscroll.

Raden som börjar med:

Kod: Markera allt

<input name="keywords"

Slutar först när du kommer till:

Kod: Markera allt

this.value='{LA_SEARCH_MINI}';" />

I vart fall så bryter den:

Kod: Markera allt

<!-- IF SEARCH_WORDS-->

Så att det står:

Kod: Markera allt

<!-- IF
SEARCH_WORDS-->

Så kolla att du inte fått med de radbrytningarna när du tagit in Kjells kod.

/marcus

[zb22222]

Tack snälla Marcu, problemet är löst nu.

[Kjell]

Tur för mig att det löste sig, annars så talar alla andra om det för mig