Einbinden eines Headers

Member

Thursday, August 19th 2010, 12:16pm

Hallo!

Wir arbeiten aktuell mit dem SMF 2.0RC3 und wollen nun umsteigen. Unser Design wollen wir aber weitestgehend behalten. Nun ist die Frage folgende. In unserem aktuellem Design nutzen wir in unserer Designindex folgenden Code um den Header aufzurufen:

	Source code
1	require_once('header.html');

Unser Header ist in einem html file definiert.

Hier mal der Link zu Seite und der funktion: www.desbl.de

Geht es auch diesen Header hier einzubinden? Also entweder via include Befehl, oder kann ich die Codes aus dem HTML File irgendwie einbinden?

Wenn ja - wie? :-D

Grüße

Go to the top of the page

Alexander Ebert

WoltLab Developer

Posts: 4,739

Location: Berlin

2

Thursday, August 19th 2010, 2:15pm

Grundsätzlich lässt sich mit dem mitgelieferten Stileditor so ziemlich jedes Design verwirklichen. Zusätzlich hat man die Möglichkeit über den Template-Editor die gewünschten Änderungen direkt einzupflegen.

Alexander Ebert
Developer WoltLab® GmbH

WCF 2.0 development
WoltLab on GitHub.com

Go to the top of the page

Harald Szekely

Ehemaliger WoltLab Designer

Posts: 11,734

Location: Berlin

Occupation: Designer

3

Thursday, August 19th 2010, 2:26pm

Ergänzung:
Das Einbinden mit "require" ist so nicht möglich, dafür gibt es ein kostenloses Plugin von uns. Außerdem müsste man beim Einbinden unbedingt darauf achten validen XHTML 1.1 Quelltext einzubinden, da es sonst ein Codemischmasch gäbe, das im schlimmsten Fall auch zu Fehlern und Darstellungsproblemen führen kann.

"Viribus Unitis"

Harald Székely
Designer

Go to the top of the page

Fabhino22Elz

Member

Posts: 333

4

Thursday, August 19th 2010, 2:28pm

Wie kann ich das nun also am besten umsetzen? Der Code aus der Header HTML is folgender:

Source code

<!--Header slider file -->
 <head>
  <link rel="stylesheet" href="Themes/DeSBL/css/header.css" type="text/css" media="screen" />
  <script type="text/javascript">var _siteRoot='header.html',_root='header.html';</script>
  <script type="text/javascript" src="Themes/DeSBL/scripts/jquery.js"></script>
  <script type="text/javascript" src="Themes/DeSBL/scripts/scripts.js"></script>
  <script type="text/javascript" src="Themes/DeSBL/scripts/wz_tooltip.js"></script>
 </head>


  <!--/top-->
  <div id="header2"><div class="wrap">
   <div id="slide-holder">
<div id="slide-runner">
	<a href=""><img id="slide-img-0" src="Themes/DeSBL/images/header/image-start.gif" class="slide" alt="" /></a>
	<a href=""><img id="slide-img-1" src="Themes/DeSBL/images/header/image-cod6.gif" class="slide" alt="" /></a>
	<a href=""><img id="slide-img-2" src="Themes/DeSBL/images/header/image-bfbc2.gif" class="slide" alt="" /></a>
	<a href=""><img id="slide-img-3" src="Themes/DeSBL/images/header/image-arma2.gif" class="slide" alt="" /></a>
	<a href=""><img id="slide-img-4" src="Themes/DeSBL/images/header/image-aa3.gif" class="slide" alt="" /></a>
	<a href=""><img id="slide-img-5" src="Themes/DeSBL/images/header/image-aa2.gif" class="slide" alt="" /></a>
	<div id="slide-controls">
 	<p id="slide-client" class="text"><strong>&nbsp;</strong><span></span></p>
 	<p id="slide-desc" class="text"></p>
 	<p id="slide-nav"></p>
	</div>
</div>

<a href="index.php"><img id="smflogo" style="margin: 120px 0 0 20px;" src="Themes/DeSBL/images/header/logo.png" alt="Deutsche eSport Bundesliga" title="Deutsche eSport Bundesliga" /></a>


	<!--content featured gallery here -->
   </div>
   <script type="text/javascript">
	if(!window.slider) var slider={};slider.data=[
   {"id":"slide-img-0","client":"Willkommen bei der Deutschen eSport Bundesliga!","desc":""},
   {"id":"slide-img-1","client":"Call of Duty - Modern Warfare 2","desc":""},
   {"id":"slide-img-2","client":"Battlefield - Bad Company 2","desc":""},
   {"id":"slide-img-3","client":"Armed Assault II","desc":""},
   {"id":"slide-img-4","client":"Americas Army 3","desc":""},
   {"id":"slide-img-5","client":"Americas Army 2","desc":""}
	];
   </script>
  </div></div><!--/header-->

Go to the top of the page

Alexander Ebert

WoltLab Developer

Posts: 4,739

Location: Berlin

5

Thursday, August 19th 2010, 2:31pm

Bedenke auch den möglichen Konflikt beim Einsatz von jQuery (WCF/WBB verwendet Prototype): http://www.mountaingrafix.eu/2008/08/19/…nsam-einsetzen/

Alexander Ebert
Developer WoltLab® GmbH

WCF 2.0 development
WoltLab on GitHub.com

Go to the top of the page

Fabhino22Elz

Member

Posts: 333

6

Thursday, August 19th 2010, 2:36pm

Sorry, aber ich kenn mich damit nicht so super gut aus :-(

Wir hatten einen Designer der das für uns gelöst hatte.

Für mich gehts nur drum das ich jemand bräuchte der mir sagt was ich wie wo machen muss damit wir das Ding so nutzen könnten.

Grüße

Go to the top of the page

Harald Szekely

Ehemaliger WoltLab Designer

Posts: 11,734

Location: Berlin

Occupation: Designer

7

Thursday, August 19th 2010, 2:38pm

So wie du das da hast kannst du es nicht einbinden, da du sonst 2x das Header-Tag im Code hättest! DU wirst nicht drumrum kommen, dich etwas mit der Sache zu beschäftigen.

Fragen zu Anpassungen, Erweiterungen oder Plugins bitte in der WoltLab-Community (WCom) stellen. Hier im WoltLab Supportforum geht es nur direkt um Standardfunktionen unserer eigene Software. Du bist in der WCom bereits registriert, selbe Logindaten wie hier …