eigene Seiten mit Tab erstellen, wie ?

Tom · 10. Mai 2009

Was genau fehlt denn? Ich blicks gerade nicht so Meinst du das du mehr platz brauchst? Du könntest zum Beispiel mit Subtabs arbeiten, also ein Tab für die 70er Serie, 80er Serie und so weiter, und die einzelnen Modelle dann als Subtabnavi (wie im Profil die Untertabs) oder die Mitgliederseite, die Buchstaben wären dann die Handymodelle.

Du musst noch in jeder Seite den Tab als aktiv markieren. Der Tab der aktiv sein soll, bekommt folgende Klasse:

Der Rest besteht nur aus dem <li>

BenBase · 10. Mai 2009

hmm hört sich gut an, aber verstehen tue ich rein gar nix.

Tom · 11. Mai 2009

Schau doch mal bei den ganzen <li> die du hast, da hat nur eines diese Klasse class="activeTabMenu" und zwar immer dass mit dem aktiven Tab. Jede neue Seite die du machst bekommt diese Klasse.

Seite 1:

Seite 2:

Seite 3:

....

Die Subtabklassen such ich dir noch raus.

BenBase · 11. Mai 2009

hmmm, ich möchte es ja so machen, wie Du es vorgeschlagen hast.

Oben in den Tabs folgende Kategorien rein:

7000er | 8000er | 9000er

Und darunter sollen dann jeweile die Geräte.

Wenn ich auf 8000er klicke, kommen dann nur die 8000er Geräte unter den Tabs.

Meine Datei sieht zur Zeit wei folgt aus:

Geraete.tpl:

Code

{include file='documentHeader'}
<head>
<title>Symbian Ger&auml;te - {PAGE_TITLE}</title>
{include file='headInclude' sandbox=false}
</head>
<body>
{include file='header' sandbox=false}
<div id="main">


<ul class="breadCrumbs">
  <li><a href="index.php{@SID_ARG_1ST}"><img src="icon/indexS.png" alt="" /> <span>{PAGE_TITLE}</span></a> &raquo;</li>
</ul>


<div class="mainHeadline">
 <img src="{@RELATIVE_WCF_DIR}icon/bug.png" alt="" />
  <div class="headlineContainer">
	<h2>Symbian Ger&auml;te</h2>
	<p>Eine Auflistung aller Symbian Ger&auml;te.</p>
  </div>
</div>
<div class="border content">
  <div class="container-1">


  <div class="tabMenu">
		<ul>
			<li class="activeTabMenu"><a href="index.php?page=Geraete"><img src="{@RELATIVE_WCF_DIR}icon/configure.png" alt="" />Info</a></li>
			<li><a href="index.php?page=N70"><img src="{@RELATIVE_WCF_DIR}icon/kdevelop.png" alt="" />N70</a></li>
			<li><a href="index.php?page=N73"><img src="{@RELATIVE_WCF_DIR}icon/kdf.png" alt="" />N73</a></li>
			<li><a href="index.php?page=N76"><img src="{@RELATIVE_WCF_DIR}icon/kdisknav.png" alt="" />N76</a></li>
			<li><a href="index.php?page=N78"><img src="{@RELATIVE_WCF_DIR}icon/kdmconfig.png" alt="" />N78</a></li>
			<li><a href="index.php?page=N79"><img src="{@RELATIVE_WCF_DIR}icon/kdvi.png" alt="" />N79</a></li>
			<li><a href="index.php?page=N80"><img src="{@RELATIVE_WCF_DIR}icon/kedit.png" alt="" />N80</a></li>
			<li><a href="index.php?page=N82"><img src="{@RELATIVE_WCF_DIR}icon/ksnake.png" alt="" />N82</a></li>
			<li><a href="index.php?page=N90"><img src="{@RELATIVE_WCF_DIR}icon/ksnapshot.png" alt="" />N90</a></li>
			<li><a href="index.php?page=N93"><img src="{@RELATIVE_WCF_DIR}icon/ksokoban.png" alt="" />N93</a></li>
			<li><a href="index.php?page=N95"><img src="{@RELATIVE_WCF_DIR}icon/kspaceduel.png" alt="" />N95</a></li>
			<li><a href="index.php?page=N96"><img src="{@RELATIVE_WCF_DIR}icon/kspread.png" alt="" />N96</a></li>
		</ul>
	</div>
	<div class="subTabMenu"><div class="containerHead"></div></div>


	<div class="border tabMenuContent"><!-- border tabMenuContent start !-->
		<div class="container-1"><!-- container-1 tabMenuContent start !-->


            	Dein Inhalt.


		</div><!-- container-1 tabMenuContent ende !-->
	</div><!-- border tabMenuContent ende !-->

  </div> 
</div>


</div>
{include file='footer' sandbox=false}
</body>
</html>

Alles anzeigen

Tom · 11. Mai 2009

Hänge mir mal bitte noch die Page.class an bitte

BenBase · 11. Mai 2009

bitte schön. =)

PHP

<?php
require_once(WCF_DIR.'lib/page/AbstractPage.class.php');


class GeraetePage extends AbstractPage {
public $templateName = 'Geraete';


}
?>

Tom · 11. Mai 2009

Ups, brauchet ich gar nicht, habs auch so gefunden

In den Teil hier:

Code

<div class="subTabMenu"><div class="containerHead"></div></div>

Muss diese Liste für die Subnavi rein:

Code

<ul>
       <li class="activeSubTabMenu"><a href="index.php?page=N73">N73</a></li>
	   <li><a href="index.php?page=N73">N74</a></li>
	   <li><a href="index.php?page=N73">N75</a></li>
	   <li><a href="index.php?page=N73">N76</a></li>
	   <li><a href="index.php?page=N73">N77</a></li>
	   <li><a href="index.php?page=N73">N78</a></li>
	</ul>

Also:

Code

<div class="subTabMenu"><div class="containerHead">


    <ul>
       <li class="activeSubTabMenu"><a href="index.php?page=N73">N73</a></li>
	   <li><a href="index.php?page=N73">N74</a></li>
	   <li><a href="index.php?page=N73">N75</a></li>
	   <li><a href="index.php?page=N73">N76</a></li>
	   <li><a href="index.php?page=N73">N77</a></li>
	   <li><a href="index.php?page=N73">N78</a></li>
    </ul




</div></div>

Alles anzeigen

Fertig

BenBase · 11. Mai 2009

puh, Danke Tom.
Habe jetzt schon mal die Basis hinbekommen.

Ist ja ne scheiss Arbeit und es kommt noch einiges auf mich zu.

LG

eigene Seiten mit Tab erstellen, wie ?

cls-design

Informationen

Demoinstallationen

Hilfe