Forum Partner+Friends LinkUs Downloads KNW Suche TS³ Viewer Twitter Facebook

1.6.5 Einbau eines "All Levels Navigational Menu" von Dynamic Drive

Jetzt kostenlos Anmelden!


Stifli Männlich

kennen Einige hier

Beiträge: 335

Geschlecht: Männlich

Wohnort: -=]Kreuzberg[=-

PHPKIT Version: 1.6.5

1

Sonntag, 20. Februar 2011, 18:52

Einbau eines "All Levels Navigational Menu" von Dynamic Drive

Aus aktuellem Anlaß werde ich mal genauestens erläutern, wie ich dieses Navigationsmenü von http://www.dynamicdrive.com/dynamicindex…smenu/index.htm einbaue. Diese Frage ist ja nun schon öfter gestellt worden aber nie ausreichend beantwortet. Daher werde ich mal in die Bresche springen und mal erklären wie ich dieses Menü bei mir einbaue. Ich gehe von einem 1.6.5er Rohkit aus.

Zunächst ladet euch da downloadpacket dieses Menüs herunter. "ddlevelsmenu.zip" !!!
Dieses entpackt ihr und packt den beinhalteten Ordner "ddlevelsfiles" auf euren Webspace. (Natürlich könnt ihr die Datein auch in eure eigenen Ordner packen. Dann müsstet ihr aber die Pfade in den Datein anpassen. Dies mache ich der Verständlichkeit nach nicht. Wir gehen also vom Ordner "ddlevelsfiles"aus.

Geht nun in euren Adminbereich und wählt unter "Sonstiges/Vorlagen" die site.htm aus!!! Sichert euch zunächst den Inhalt dieser. Damit ihr im Zweifelsfall ein Backup habt!! Nachdem ihr dies getan habt, können wir anfangen.

sucht nun:

Quellcode

 
1

$site_refresh


und fügt darunter:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14

<!-- Top Menü Bar -->
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />

<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js">

/***********************************************
* All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<!-- Top Menü Bar -->


sucht nun:

Quellcode

 
1

<div id="pksitedate">$site_date</div>


und fügt darunter:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

<!-- Top Menü Bar -->
<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm" rel="ddsubmenu1">DHTML</a></li>
<li><a href="http://www.dynamicdrive.com/style/" rel="ddsubmenu2">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/" rel="ddsubmenu3">Web Tools</a></li>
</ul>
</div>

<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>


<!--HTML for the Drop Down Menus associated with Top Menu Bar-->
<!--They should be inserted OUTSIDE any element other than the BODY tag itself-->
<!--A good location would be the end of the page (right above "</BODY>")-->

<!--Top Drop Down Menu 1 HTML-->


<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 2a</a></li>

<li><a href="#">Item Folder 3a</a>
  <ul>
  <li><a href="#">Sub Item 3.1a</a></li>
  <li><a href="#">Sub Item 3.2a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  </ul>

</li>
<li><a href="#">Item 4a</a></li>
<li><a href="#">Item Folder 5a</a>
  <ul>
  <li><a href="#">Sub Item 5.1a</a></li>
  <li><a href="#">Item Folder 5.2a</a>
	<ul>
	<li><a href="#">Sub Item 5.2.1a</a></li>

	<li><a href="#">Sub Item 5.2.2a</a></li>
	<li><a href="#">Sub Item 5.2.3a</a></li>
	<li><a href="#">Sub Item 5.2.4a</a></li>
	</ul>
  </li>
	</ul>
</li>
<li><a href="#">Item 6a</a></li>

</ul>
<!-- Top Menü Bar -->


Jetzt seht Ihr oben auf der homepage das Menü. Jetzt solltet Ihr in der site.htm den zuletzt eingefügten code anpassen und eure Links eintragen. Desweiteren gibt es im "ddlevelsfiles" Ordner 3 .css Datein. In diesen könnt Ihr dann die Navigation farblich sowie optisch an eure Homepage anpassen.

Ich hoffe Ihr kriegt das hin^^

MfG Stifli

OffTopic
:) :( ;) :P 8) :D ;( :rolleyes: :huh: :S :love: X( 8| ?( :cursing: :| :thumbdown: :thumbsup: :thumbup: 8o :pinch: :sleeping: *btt*
  • Zum Seitenanfang
  • Zum Seitenende

phpkit_user

ist gerade angekommen

Beiträge: 32

2

Sonntag, 27. Februar 2011, 13:21

Hi.

Ich habe eine phpkit v1.6.03 Homepage und hätte gerne diese Anleitung für die Version angepaßt. Da sehr viele User hier noch die v1.6.03&1.6.1 wäre es von Vorteil wenn man diese Anleitung für diese Versionen anpaßen würde.
Markus
  • Zum Seitenanfang
  • Zum Seitenende

-=LCL=-|BuLLeT| Männlich

#1.6.1 - still alive #

Beiträge: 1 356

Geschlecht: Männlich

Wohnort: Leipzig

PHPKIT Version: 1.6.1

3

Sonntag, 27. Februar 2011, 14:45

das is so einfach zu verbauen, dass man nicht extra eine anleitung brauch. nur einwenig logik.
css und script kommt auch bei der 1.6.1/03 in die site.htm

der rest dahin wo man es brauch. site_kopf, site_body... oder was weiß ich....
  • Zum Seitenanfang
  • Zum Seitenende

phpkit_user

ist gerade angekommen

Beiträge: 32

4

Sonntag, 27. Februar 2011, 21:17

Eine neue Anleitung braucht man auch nicht. Man muß die Anleitung nur ein wenig überarbeiten aber wenn man sich mit phpkit nicht auskennt ist es nicht einfach.

Also für alle die es nicht wißen. Sucht in templates/site.htm nach:


Quellcode

 
1

 <td align="center" valign="top">$site_kopf</td>

und fügt darunter:


Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14

<!-- Top Menü Bar --> 
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" /> 
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" /> 
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" /> 

<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"> 

/*********************************************** 
* All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com) 
* This notice MUST stay intact for legal use 
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code 
***********************************************/ 
</script> 
<!-- Top Menü Bar -->

Ich finde in der site.htm nichts was $site_date beinhaltet. Kann mir bitte jemand helfen?
Markus
  • Zum Seitenanfang
  • Zum Seitenende

-=LCL=-|BuLLeT| Männlich

#1.6.1 - still alive #

Beiträge: 1 356

Geschlecht: Männlich

Wohnort: Leipzig

PHPKIT Version: 1.6.1

5

Sonntag, 27. Februar 2011, 21:45

schonmal falsch

denn der part den du beschreibst, kommt in die site.htm innerhalb des
<head></head>
bereiches

nach $site_date kannst du in den alten versionen lange suchen. GIBT ES NICHT :)

den reinen html code des menüs müsste "angepasst" an die geünschte stelle der webseite verbaut werden.
wo das ist, ist bei jedem user anderes, jenach style und geschmack...
  • Zum Seitenanfang
  • Zum Seitenende

Stifli Männlich

kennen Einige hier

Beiträge: 335

Geschlecht: Männlich

Wohnort: -=]Kreuzberg[=-

PHPKIT Version: 1.6.5

6

Montag, 28. Februar 2011, 18:18

Einbau eines "All Levels Navigational Menu" in der 1.6.1

Also, bevor de Dir noch einen Tod knobelst, hier die Lösung. Ich gehe wieder von einem Rohkit mit Standard Template aus.

Gehe in den Adminbereich unter "Templates" und wähle da die "Standardtemplates Datein" aus. Wähle hier die site.htm aus und suche:

Quellcode

 
1
2
3

 <tr>
	  <td align="center" valign="top">$site_kopf</td>
	 </tr>


füge darunter:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

 <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<th scope="col"><!-- Top Menü Bar -->
<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm" rel="ddsubmenu1">DHTML</a></li>
<li><a href="http://www.dynamicdrive.com/style/" rel="ddsubmenu2">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/" rel="ddsubmenu3">Web Tools</a></li>
</ul>
</div>

<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>


<!--HTML for the Drop Down Menus associated with Top Menu Bar-->
<!--They should be inserted OUTSIDE any element other than the BODY tag itself-->
<!--A good location would be the end of the page (right above "</BODY>")-->

<!--Top Drop Down Menu 1 HTML-->


<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 2a</a></li>

<li><a href="#">Item Folder 3a</a>
  <ul>
  <li><a href="#">Sub Item 3.1a</a></li>
  <li><a href="#">Sub Item 3.2a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  </ul>

</li>
<li><a href="#">Item 4a</a></li>
<li><a href="#">Item Folder 5a</a>
  <ul>
  <li><a href="#">Sub Item 5.1a</a></li>
  <li><a href="#">Item Folder 5.2a</a>
	<ul>
	<li><a href="#">Sub Item 5.2.1a</a></li>

	<li><a href="#">Sub Item 5.2.2a</a></li>
	<li><a href="#">Sub Item 5.2.3a</a></li>
	<li><a href="#">Sub Item 5.2.4a</a></li>
	</ul>
  </li>
	</ul>
</li>
<li><a href="#">Item 6a</a></li>

</ul>
<!-- Top Menü Bar --></th>
  </tr>
</table>


ein.

suche noch:

Quellcode

 
1

<link rel="shortcut icon" href="images/site/phpkit.ico">


und füge darunter da JS ein.

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14

<!-- Top Menü Bar --> 
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" /> 
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" /> 
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" /> 

<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"> 

/*********************************************** 
* All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com) 
* This notice MUST stay intact for legal use 
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code 
***********************************************/ 
</script> 
<!-- Top Menü Bar -->


jetzt nur noch das Menü anpassen in den css datein und natürlich die Links. Wenn Du ein anderes Template benutzt, kann es sein das das Menü anders verbaut werden muss. Hierfür benötige ich dann den Code deiner site.htm


MfG Stifli

OffTopic
:) :( ;) :P 8) :D ;( :rolleyes: :huh: :S :love: X( 8| ?( :cursing: :| :thumbdown: :thumbsup: :thumbup: 8o :pinch: :sleeping: *btt*
  • Zum Seitenanfang
  • Zum Seitenende

Ähnliche Themen