navigation & counter

  • #1
R

roque

Mitglied
Themenersteller
Dabei seit
15.06.2005
Beiträge
19
Reaktionspunkte
0
hallo zusammen,

ich bastel seit einiger zeit ein einer homepage für uneren verein.
mein problemkind ist die navigation.

suche nach einem menü (mit unterpunkten).
am linken bildrand sollen z.b. 6 rubriken aufgefürht sein(untereinander), hinter denen
sich weitere unterpunkte verbergen. die unterpunkte sollen beim klick seitlich eingeblendet werden.
ist sowas machbar? wo könnte es sowas geben? macht das sinn, gitbs bessere, andere möglichkeiten?

hab zwar nicht viel ahnung von php, aber steht zur verfügung ;)


außerdem bin ich auf der suche nach einen ganz simpelen counter (evtl ebenfalls php)
der klicks pro tag und insgesammt zählt.


schönen dank schon mal für eure tipps

gruß roque :D
 
  • #2
  • #3
habe hier mal eine navigationsleiste gefunden wie ich sie mir vorgestellt habe...

www.XYZ.de (oh gott und gerade bei denen)

gibt es sowas in der art als fetiges skript?


Edit: Link entfernt. Sorry, auch wenn es auf dieser Seite genau das gibt, was du suchst, aber Links zu solchen Seiten können wir hier nicht dulden.
Suche dir bitte ein anderes Beispiel.
Wir hoffen auf Verständnis.
Ronny
 
  • #5
:eek: was war denn an dem link da so schlimm??? ...ne normale fanclub site.
MIR hat nur der verein als solches nicht gepaßt.

na egal...

ich wollt eigentlich auch nur wissen ob man sowas problemlos nachbauen kann?

bei goole hab ich auch schon die ein oder andere stunde verbracht :D ,
nur habe ich SOWAS da nicht wirklich gefunden oder es hat mich komplett
überfordert...deshalb dachte ich man könnte sich aus dem grundgerüst
der seite was eigenes / ähnliches bauen!?

werde dann wohl noch was googlen ;)

grEEtz
 
  • #6
hi,

ich habe da jetzt mal ein menü zum selbstbasteln gefunden.
lange nicht so fein wie das von der bösen seite, aber zum testen
und basteln ganz ok!

habe allerdings ein problem mit den lkinks...

beispiel homepage/kontakt

ich hätte gerne, das sich die kontakt seite im gleichen frame öffnet, das navigationsmenü
aber trotzdem zu sehen ist. ist das möglich oder muß ich das dann ganz anders angehen?

außerdem sind mir die untermenüs zu groß (oben und unten zu viel frei)

evtl seht ihr das problem ja mit einem geschulten blick ;)

Code: 
<html>

<head>
<style>
body{background-color:#FFFFFF}
A{color:white; text-decoration:none}
A:hover{color:green}
A:visited:{color:#808080}
TD{font-family:arial,helvetica; font-size:10pt}
</style>
<style>
A:hover{color:green}
#divBg{position:absolute; top:0; left:0; visibility:hidden; height:50}
DIV.clSub{position:relative; top:-5; font-family:arial,helvetica; font-size:12px; padding:10px; visibility:hidden; background-color:#003300; layer-background-color:#003300}
</style>
<script language=JavaScript1.2>
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at [url]www.bratta.com[/url]
Visit for more great scripts.
This may be used freely as long as this msg is intact!
********************************************************************************
Browsercheck:*/
ie=document.all?1:0
n=document.layers?1:0

//Do you want it to move with the page if the user scroll the page?
var moveOnScroll=true

//Do you want to hide all the other submenus when you click a new?
var hideAll=true

/********************************************************************************
If you want to change the appearans on the text, or background or anything
do that in the style tag above, or in the table tag below.

NOTE: This menu have some small bugs.
In Netscape the links in the submenus will work even though the
submenus are hidden, this has something to do with
a lousy implementation of the relative positioning in Netscape.
In IE links underneath the submenus will not work even though the
submenus are hidden.
I will look into this and might find a fix for it.
********************************************************************************/


/********************************************************************************
Object constructor
********************************************************************************/
function makeMenuBar(obj,nest,vis){
  nest=(!nest) ?->':'document.'+nest+'.'
  this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
	this.hideIt=b_hideIt;	this.showIt=b_showIt; this.vis=b_vis
	if(ie && vis) this.css.visibility='hidden'
	this.state=1
	this.go=0
	this.height=n?this.css.document.height:eval(obj+'.offsetHeight')
	this.top=b_gettop
  this.obj = obj + Object; 	eval(this.obj + =this)
}
//Get's the top position.
function b_gettop(){
	var gleft=(n) ? eval(this.css.top):eval(this.css.pixelTop);
	return gleft;
}
//The functions for showing and hiding
function b_showIt(){
	this.css.visibility=visible
}
function b_hideIt(){
	this.css.visibility=hidden
}
function b_vis(){
	if(this.css.visibility==hidden || this.css.visibility==hide) return true;
}
/********************************************************************************
Checking if the page is scrolled, if it is move the menu after
********************************************************************************/
function checkScrolled(){
	if(!oMenu.go)oMenu.css.top=(!oMenu.state)?eval(scrolled):eval(scrolled)
	if(n) setTimeout('checkScrolled()',30)
}
/********************************************************************************
Inits the page, makes the menu object, moves it to the right place,
show it..
********************************************************************************/
function menuBarInit(){
	oSub=new Array()
	//Change it here if you want more or less submenus.
	oSub[0]=new makeMenuBar('divSub0','divBg',1)
	oSub[1]=new makeMenuBar('divSub1','divBg',1)
	oSub[2]=new makeMenuBar('divSub2','divBg',1)
	oSub[3]=new makeMenuBar('divSub3','divBg',1)
	oSub[4]=new makeMenuBar('divSub4','divBg',1)
	oSub[5]=new makeMenuBar('divSub5','divBg',1)
	oSub[6]=new makeMenuBar('divSub6','divBg',1)
	//Moving menuBar
	oMenu=new makeMenuBar('divBg')
	scrolled=n?window.pageYOffset:document.body.scrollTop
	oMenu.css.top=eval(scrolled)
	oMenu.css.visibility='visible'
	if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}

/********************************************************************************
Shows and hides the submenus
********************************************************************************/
function extract(num){
	if(hideAll){
		for(i=0;i<oSub.length;i++){
			if(num!=i) oSub[i].hideIt()
		}
	}
	!oSub[num].vis()?oSub[num].hideIt():oSub[num].showIt();

}

onload=menuBarInit;
</script>

<title>DHTML : Menuebar - Navigation </title>
<!--10er footer-->
<style type=text/css>
table {border-collapse:collapse; border-bottom:none; }
td.foot {border: solid peru 1px; font-family: verdana, arial, geneva, helvetica, sans-serif; font-size: 8pt; font-weight: normal; line-height: 11pt; background: ivory; color: blue; vertical-align: middle;}
td.foot2 {border: solid peru 1px; font-family: verdana, arial, geneva, helvetica, sans-serif; font-size: 8pt; font-weight: normal; line-height: 11pt; background: ivory; color: blue; vertical-align: middle; border-bottom:none;}
a:visited.fl {color:blue;} a.fl {color:blue;}
a:hover.fl {color: #FF9000;}</style></head>

<body bgcolor=#FFFFFF alink=#FFFFFF topmargin=0 leftmargin=0 >
<div id=divBg style=width: 1260; height: 143>

<table width=1255 border=0 cellspacing=0 cellpadding=5 align=CENTER
valign=MIDDLE>
 <tr bgcolor=#003300>
  <td height=30 width=156>
   <p align=center><font face=Verdana><a href=# onclick=extract(0); return false>Homepage</a></font></p>
  </td>
  <td width=157>
   <p align=center><font face=Verdana><a href=# onclick=extract(1); return false>Verein</a></font></p>
  </td>
  <td width=157>
   <p align=center><font face=Verdana><a href=# onclick=extract(2); return false>Schießgruppe</a></font></p>
  </td>
  <td width=157>
   <p align=center><font face=Verdana><a href=# onclick=extract(3); return false>Jugend</a></font></p>
  </td>
  <td width=157 align=center>
   <p align=center><font face=Verdana><a href=# onclick=extract(4); return false>Aktuell 05</a></font></p>
  </td>
  <td width=157 align=center><font face=Verdana><a href=# onclick=extract(5); return false>Thron 1928-Heute</a></font></td>
  <td width=157 align=center><font face=Verdana><a href=# onclick=extract(6); return false>Fotos/Filme</a></font></td>
  </tr>
<!-- If you don't want submenu, just remove this tr and
	remove the onclicks above and change the #'s to links -->
 <tr>
  <td valign=TOP width=156><div id=divSub0 class=clSub><!-- To make the links link somewhere, just replace the #'s
			with the link location -->
<a href=#><p align=center><font face=Verdana>
  Home</font></a><font face=Verdana><br>
  <a href=#>News</a><br>
  <a href=pages/kontakt.htm target=_self>Kontakt</a><br>
  <a href=#>Impressum</a><br>
  <a href=#>Gästebuch</a> </font></p>
  </div></td>
  <td valign=TOP width=157><div id=divSub1 class=clSub><p align=center><font face=Verdana>
  <a href=#>Vorstand</a><br>
  <a href=#>Offizierkorps</a><br>
  <a href=#>Stammtisch</a><br>
  <a href=#>Chronik</a><br>
  <a href=#>Fahnenbuch</a><br>
  <a href=#>Vereinsheim</a><br>
  <a href=#>Trauerfälle</a><br>
    </font><font face=Verdana>
  <a href=#>Börse</a></font></p>
  </div></td>
  <td valign=TOP width=157><div id=divSub2 class=clSub><p align=center><font face=Verdana>
  <a href=#>Damen</a>  <br>
  <a href=#>Vorstand</a></font></p>
  </div></td>
  <td valign=TOP width=157><div id=divSub3 class=clSub><p align=center><a href=#><font face=Verdana>Begrüßung</font></a><font face=Verdana> <br>
  <a href=#>Über uns</a><br>
  <a href=#>Wettkämpfe</a><br>
  <a href=#>Jahresbericht</a><br>
  <a href=#>Jugendarbeit</a> </font></p>
  </div></td>
  <td valign=TOP width=157 align=center><div id=divSub4 class=clSub><p><a href=#><font face=Verdana>Königspaar
    04</font></a><font face=Verdana> <br>
  <a href=#>Thron 04</a><br>
  <a href=#>Königspaar 05</a><br>
    <a href=#>Thron 05</a><br>
  <a href=#>Kinderthron 05</a><br>
  <a href=#>Termine 05</a><br>
  <a href=#>Mitgl. Versammlung</a><br>
  <a href=#>Regelung Trauerfälle</a><br>
  <a href=#>Arbeitsdienste</a></font></p>
  </div></td>
  <td valign=TOP width=157 align=center><div id=divSub5 class=clSub><p align=center><font face=Verdana><a href=#>1929
    - 1960</a> <br>
  <a href=#>1961 - 1970</a><br>
  <a href=#>1971 - 1980</a><br>
  <a href=#>1981 - 1990</a><br>
  <a href=#>1991 - 2000</a><br>
  <a href=#>2001 - Heute</a> </font></p>
  </div></td>
  <td valign=TOP width=157 align=center><div id=divSub6 class=clSub><a href=#><p><font face=Verdana>Fotogallerie</font></a><font face=Verdana> <br>
  <a href=#>Filme</a> </font></p>
  </div></td>
 </tr>
</table>
</div> 
</body>

über n paar tipps würde ich mich freuen...

grEEtz

* Conny: Code-Tags gesetzt ;) *
 
Thema:

navigation & counter

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums

Themen
113.838
Beiträge
707.961
Mitglieder
51.491
Neuestes Mitglied
haraldmuc
Oben