[opgelost]bg_header plaatje komt onderaan terug

[airedaleforum]

• Adres van je forum: http://www.airedaleforum.nl
  Event. modificaties op je forum:
  Tijdens testen
  phpBB versie: 3.0.7-PL1
  
  
  Heb je onlangs iets veranderd aan je forum?
  bg_header wordt onderaan de site herhaald

Op mijn test domein ben ik bezig met een nieuwe stijl voor mijn forum te maken. Het plaatje van de bg_header wordt onderaan de site herhaald (als ondergrond van de tekst waar ook de link naar beheerderspaneel staat). Ik wil dit niet maar na een paar uur zoeken op internet kom ik er niet uit hoe dit aan te passen.

Iemand hier een idee hoe ik dit voorkom? Ik gebruik de SE Pro style als basis.

screenprintje:

[Ger]

Kun je de inhoud van overall_footer.html hier eens plaatsen tussen code-tags?

[airedaleforum]

Kun je de inhoud van overall_footer.html hier eens plaatsen tussen code-tags?

Code: Selecteer alles

    	</div>
    
                <div id="page-footer">
                
                	<div class="navbar">
						<div class="inner"><span class="corners-top"><span></span></span>

						<ul class="linklist">
							<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></li>
							<!-- IF not S_IS_BOT -->
							<!-- IF S_WATCH_FORUM_LINK --><li <!-- IF S_WATCHING_FORUM -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{S_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}">{S_WATCH_FORUM_TITLE}</a></li><!-- ENDIF -->
							<!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->
							<!-- IF U_BOOKMARK_TOPIC --><li class="icon-bookmark"><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a></li><!-- ENDIF -->
							<!-- IF U_BUMP_TOPIC --><li class="icon-bump"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->
							<!-- ENDIF -->
							<li class="rightside"><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a> &bull; <!-- ENDIF --><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a> &bull; <!-- ENDIF -->{S_TIMEZONE}</li>
						</ul>

						<span class="corners-bottom"><span></span></span></div>
					</div>
               </div>
                       
		<div class="headerbar" style="margin-top:10px; margin-bottom:-10px;">
			<div class="inner"><span class="corners-top"><span></span></span>

                         <!--
	We request you retain the full copyright notice below including the link to www.phpbb.com.
	This not only gives respect to the large amount of time given freely by the developers
	but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
	the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
	"phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
	forums may be affected.

	The phpBB Group : 2006
//-->

	<div class="copyright">
                <!-- IF DEBUG_OUTPUT -->{DEBUG_OUTPUT}<br /><!-- ENDIF -->
                Powered by <a href="http://www.phpbb.com/">phpBB</a> &copy; 2000, 2002, 2005, 2007 phpBB Group<br />
				Prosilver SE - Modified by <a href="http://www.phpbb3bbcodes.com/">PhpBB3 BBCodes</a> - Header by <a href="http://www.vladstudio.com/">vladstudio</a>
		<!-- IF TRANSLATION_INFO --> {TRANSLATION_INFO}<!-- ENDIF -->
		
		<!-- IF U_ACP --><br /><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
	</div>

			<span class="corners-bottom"><span></span></span></div>
		</div>
            </div>
        <div class="border-bottom"><span><span></span></span></div>
    </div></div></div></div></div>
</div>
	
<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

</body>
</html>

[Ger]

Ik dacht het al. Je hebt dit erin staan:

Code: Selecteer alles

<div class="headerbar"

Dat heeft in je CSS de afbeelding als achtergrond staan waarschijnlijk.

[airedaleforum]

Bedankt. Maar ik snap nog niet wat ik waar moet aanpassen (beginner).

[Ger]

Je moet even de CSS erbij pakken. Ik weet uit mijn hoofd niet zogauw welk bestand dat is, maar volgens mij moet dat colours.css of common.css. Daar zoek je .headerbar in op, dat zal zoiets zijn:

Code: Selecteer alles

.headerbar {
	background: #ebebeb url ('plaatje.gif') repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

Dat vervang je door:

Code: Selecteer alles

.headerbar, .footerbar {
	background: #ebebeb url ('plaatje.gif') repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}
.footerbar {
	background-image: none;
}

Vervolgens zoek je in overall_footer.html de vermelding van de class headerbar op en die vervang je door footerbar.

Wat je dan eigenlijk doet is de class dupliceren en alleen de achtergrondafbeelding eruit halen.

[airedaleforum]

Moment, probeer het nog eens in common.....

[airedaleforum]

Het lukte niet, ik kreeg dit:



In colours.css staat dit:

Code: Selecteer alles

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar  {
	background-color: #7C8891;
	background-image: url("{T_THEME_PATH}/images/bg_header.jpg");
	color: #FFFFFF;

}

In common.css staat dit:

Code: Selecteer alles

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

[Ger]

Volgens mij heb je dan in overall_header.html de div headerbar vervangen door footerbar.

[airedaleforum]

Ik heb het gevonden. Het enige wat/dat veranderd moest worden was in colours.css:

Code: Selecteer alles

background-image: url("{T_THEME_PATH}/images/bg_header.jpg"); 

veranderen in

Code: Selecteer alles

/* background-image: url("{T_THEME_PATH}/images/bg_header.jpg"); */

Of heeft deze oplossing (voor mij) niet voorziene ongewenste gevolgen?