Du bist nicht eingeloggt.

Login
Pass

Registrieren
Community

CommuniX

MyProfile

MyGroups

Forum

eMeetings

Flohmarkt

Quiz

Szene & News

Parties

Fotos

Redaktion

Termine

Locations

Restaurants

Discos

Bars

Cafes

Impressum

Hilfe

Werbung

Das Team

Jobs

Kontakt

Forum / Bits und Bytes

Frage zu HTML - CSS

_Skater-Boy_ - 31
Profi (offline)

Dabei seit 07.2008
997 Beiträge
Geschrieben am: 11.07.2008 um 20:45 Uhr
Leut, hallo erstmal
ich hab mal ne frage:

Menü a
Menü b
Menü c
...

wie lautet der code für:

Menü a
Menü b
Untermenü b1
Untermenü b2
Menüc



Wenn man auf Menü b geht, soll Untermenü b1 und b2 erscheinen

Danke scho mal im voraus!!!
Der666Diablo
Champion (offline)

Dabei seit 04.2006
23736 Beiträge

Geschrieben am: 11.07.2008 um 20:47 Uhr
mh, les dich in javascript und css ein..so bringt dir das eh nicht viel

Bei Geld, Sex und Kunst gibt es keinen abnehmenden Grenznutzen. http://shortlinks.de/oee9
Marc-JR - 35
Fortgeschrittener (offline)

Dabei seit 02.2008
99 Beiträge
Geschrieben am: 11.07.2008 um 20:51 Uhr
Link

Normal müsste hier was dabei sein...
Kosefy - 35
Experte (offline)

Dabei seit 01.2006
1252 Beiträge

Geschrieben am: 11.07.2008 um 21:18 Uhr
self-HTML da steht alles drinne

:P
bredator - 41
Champion (offline)

Dabei seit 03.2008
5319 Beiträge

Geschrieben am: 11.07.2008 um 23:54 Uhr
Stefan Münz? Glaub ich dir jetzt irgendwie nicht.

Lache nicht über jemanden, der einen Schritt zurück macht. Er könnte Anlauf nehmen.
mmoments - 23
Fortgeschrittener (offline)

Dabei seit 02.2005
73 Beiträge
Geschrieben am: 12.07.2008 um 08:52 Uhr
selfHTML gibts schon seit ner halben Ewigkeit, das war garantiert kein Schüler von deiner Schule...weil er nie ihn Ulm oder Umgebung zu Schule ging...
_other_than_ - 35
Profi (offline)

Dabei seit 03.2008
560 Beiträge

Geschrieben am: 12.07.2008 um 10:03 Uhr

Zitat von mmoments:

selfHTML gibts schon seit ner halben Ewigkeit, das war garantiert kein Schüler von deiner Schule...weil er nie ihn Ulm oder Umgebung zu Schule ging...


ja, so hats mein lehrer mir gesagt, kann nur das weitergeben, was er mir sagt
mariospiel - 47
Halbprofi (offline)

Dabei seit 06.2006
114 Beiträge

Geschrieben am: 12.07.2008 um 10:17 Uhr
Hier der ist auch cool hab da bischen beispiele eingefügt

</SCRIPT>
</head><br>
<BODY bgproperties="fixed" text="#FFFFFF" BGCOLOR="#FFFFFF" LINK="#00FFAF" ALINK="#FFFFFF" VLINK="#FF007F" BACKGROUND="bilder/blue.jpg">
<p align="center"><big>Klappmen&uuml; 2</big><br>
<em>wie beim ersten Klappmen&uuml;, hier k&ouml;nnen aber 3 Bilder eingebunden werden.
Es ist etwas schwierig zu handhaben, aber es lohnt sich bestimmt.</em></p>
<br><br><br><br>

<BODY BGCOLOR="white" onLoad="init()">
<script language="JavaScript">

var visibleVar="null";
function init(){

if (navigator.appName == "Netscape") {

layerRef="document.layers";
styleSwitch="";
visibleVar="show";

}else{

layerRef="document.all";
styleSwitch=".style";
visibleVar="visible";

}

}

function showHideLayerSwitch(layerName){

if (eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility == visibleVar')){
hideLayer(layerName);
}else{
showLayer(layerName);
}

}
function showLayer(layerName){

eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');

}

function hideLayer(layerName){

eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');

}

</script>
<style type="text/css">

#hardButton {position: absolute; z-index: 80; left: 100px; top: 100px;}
#hardMenu {position: absolute; z-index: 70; visibility: hidden; left: 113px; top: 116px;}
#softButton {position: absolute; z-index: 80; left: 300px; top: 100px;}
#softMenu {position: absolute; z-index: 70; visibility: hidden; left: 313px; top: 116px;}
#gamesButton {position: absolute; z-index: 80; left: 500px; top: 100px;}
#gamesMenu {position: absolute; z-index: 70; visibility: hidden; left: 513px; top: 116px;}
</style>
<div id="hardButton" >
<a href="javascript:showHideLayerSwitch('hardMenu');">
<img src="starte.gif" border=0></a>

</div>

<div id="hardMenu">
<table width="138" border="0" bgcolor="#C0C0C0">
<tr>
<td>
<font face=arial size=-2><br>
<a href="javascript:alert('Link');">ACER</a><br>
<a href="javascript:alert('Link');">CANON</a><br>
<a href="javascript:alert('Link');">DELL</a><br>
<a href="javascript:alert('Link');">EPSON</a><br>
<a href="javascript:alert('Link');">FUJITSU</a><br>
<a href="javascript:alert('Link');">GIGABYTE</a><br>
<a href="javascript:alert('Link');">HP</a><br>
<a href="javascript:alert('Link');">INTEL</a><br>
<a href="javascript:alert('Link');">LEXMARK</a><br>
<a href="javascript:alert('Link');">MINOLTA</a><br>
<a href="javascript:alert('Link');">NEC</a><br>
<a href="javascript:alert('Link');">OKI</a><br>
<a href="javascript:alert('Link');">PANASONIC</a><br>
<a href="javascript:alert('Link');">QUANTUM</a><br>
<a href="javascript:alert('Link');">ROCKWELL</a><br>
<a href="javascript:alert('Link');">SIEMENS</a><br>
<a href="javascript:alert('Link');">TOSHIBA</a><br>
<a href="javascript:alert('Link');">U.S.ROBOTICS</a><br>
<a href="javascript:alert('Link');">VIEWSONIC</a><br>
<a href="javascript:alert('Link');">WD</a><br>
<a href="javascript:alert('Link');">XEROX</a><br>
<a href="javascript:alert('Link');">YAMAHA</a><br>
<a href="javascript:alert('Link');">ZYXEL</a>
</font>
</td>
</tr>
</table>
</div>

<!-- Soft -->
<div id="softButton">

<a href="javascript:showHideLayerSwitch('softMenu');">
<img src="starte.gif" border=0></a>

</div>

<div id="softMenu">
<table width="138" border="0" bgcolor="#C0C0C0">
<tr>
<td>
<font face=arial size=-2><br>
<a href="javascript:alert('Link');">ADOBE</a><br>
<a href="javascript:alert('Link');">BORLAND</a><br>
<a href="javascript:alert('Link');">CLARIS</a><br>
<a href="javascript:alert('Link');">COREL</a><br>
<a href="javascript:alert('Link');">IBM</a><br>
<a href="javascript:alert('Link');">KINETIX</a><br>
<a href="javascript:alert('Link');">LOTUS</a><br>
<a href="javascript:alert('Link');">MICROSOFT</a><br>
<a href="javascript:alert('Link');">NETSCAPE</a><br>
<a href="javascript:alert('Link');">NORTON</a><br>
<a href="javascript:alert('Link');">NOVELL</a><br>
<a href="javascript:alert('Link');">ORACLE</a><br>
<a href="javascript:alert('Link');">SUN</a><br>
<a href="javascript:alert('Link');">XING</a><br></font>
</td>
</tr>
</table>
</div>


<!-- Games -->
<div id="gamesButton">

<a href="javascript:showHideLayerSwitch('gamesMenu');">
<img src="starte.gif" border=0></a>

</div>

<div id="gamesMenu">
<table width="138" border="0" bgcolor="#C0C0C0">
<tr>
<td>
<font face=arial size=-2><br>
<a href="javascript:alert('Link');">AGE OF EMPIRES</a><br>
<a href="javascript:alert('Link');">BALDUR'S GATE</a><br>
<a href="javascript:alert('Link');">CAESAR III</a><br>
<a href="javascript:alert('Link');">CARMAGEDDON 2</a><br>
<a href="javascript:alert('Link');">COMMANDOS</a><br>
<a href="javascript:alert('Link');">FALLOUT II</a><br>
<a href="javascript:alert('Link');">FINAL FANTASY VII</a><br>
<a href="javascript:alert('Link');">GRIM FANDANGO</a><br>
<a href="javascript:alert('Link');">HALF-LIFE</a><br>
<a href="javascript:alert('Link');">HERETIC II</a><br>
<a href="javascript:alert('Link');">MYTH II</a><br>
<a href="javascript:alert('Link');">QUAKE II</a><br>
<a href="javascript:alert('Link');">RAINBOW SIX</a><br>
<a href="javascript:alert('Link');">SETTLERS 3</a><br>
<a href="javascript:alert('Link');">SHOGO</a><br>
<a href="javascript:alert('Link');">STARCRAFT</a><br>
<a href="javascript:alert('Link');">THIEF</a><br>
<a href="javascript:alert('Link');">TOMB RAIDER III</a><br>
<a href="javascript:alert('Link');">UNREAL</a><br></font>
</td>
</tr>
</table>
</div>
</BODY>

DONT DRINK AND DRIVE
mariospiel - 47
Halbprofi (offline)

Dabei seit 06.2006
114 Beiträge

Geschrieben am: 12.07.2008 um 10:17 Uhr
Das ist ein Klappmenü

DONT DRINK AND DRIVE
mariospiel - 47
Halbprofi (offline)

Dabei seit 06.2006
114 Beiträge

Geschrieben am: 12.07.2008 um 10:21 Uhr
oder Lieber eine Menübar ??

<!--Beginn des Scripts-->



<style type="text/css">

#menuBar {
background-color: #c0c0c0;
border: 2px solid;
border-color: #f0f0f0 #808080 #808080 #f0f0f0;
color: #000000;
font-size: 1pt;
padding: 4px 2px 4px 2px;
text-align: center;
width: 50%;
}

a.menuButton, a.menuButtonActive {
background-color: transparent;
border: 1px solid #c0c0c0;
color: #000000;
cursor: default;
font-family: "MS Sans Serif", Arial, Tahoma, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: normal;
margin: 1px;
padding: 2px 6px 2px 6px;
position: relative;
left: 0px;
top: 0px;
text-decoration: none;
}

a.menuButton:hover {
background-color: transparent;
border-color: #f0f0f0 #808080 #808080 #f0f0f0;
color: #000000;
}

a.menuButtonActive, a.menuButtonActive:hover {
background-color: #a0a0a0;
border-color: #808080 #f0f0f0 #f0f0f0 #808080;
color: #ffffff;
left: 1px;
top: 1px;
}

.menu {
background-color: #c0c0c0;
border: 2px solid;
border-color: #f0f0f0 #808080 #808080 #f0f0f0;
padding: 0px;
position: absolute;
text-align: left;
visibility: hidden;
}

a.menuItem {
background-color: transparent;
color: #000000;
cursor: default;
display: block;
font-family: "MS Sans Serif", Arial, Tahoma,sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: normal;
margin: 0px;
padding: 2px;
padding-left: 12px;
padding-right: 16px;
text-decoration: none;
white-space: nowrap;
}

a.menuItem:hover {
background-color: #000080;
color: #ffffff;
}

.menuItemSep {
border-bottom: 1px solid #f0f0f0;
border-top: 1px solid #808080;
margin: 3px 4px 3px 4px;
}

</style>
<script type="text/javascript">
<!-- ---------------------------------------------------- -->
<!-- Menu Bar Demo -->
<!-- -->
<!-- Copyright 2000 by Mike Hall -->
<!-- Please see http://www.brainjar.com for terms of use. -->
<!-- ---------------------------------------------------- -->
// Determine browser and version.

function Browser() {

var ua, s, i;

this.isIE = false; // Internet Explorer
this.isNS = false; // Netscape
this.version = null;

ua = navigator.userAgent;

s = "MSIE";
if ((i = ua.indexOf(s)) >= 0) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}

s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}

// Treat any other "Gecko" browser as NS 6.1.

s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
}

var browser = new Browser();

// Global variable for tracking the currently active button.

var activeButton = null;

// Capture mouse clicks on the page so any active button can be
// deactivated.

if (browser.isIE)
document.onmousedown = pageMousedown;
if (browser.isNS)
document.addEventListener("mousedown", pageMousedown, true);

function pageMousedown(event) {

var el;

// If there is no active menu, exit.

if (!activeButton)
return;

// Find the element that was clicked on.

if (browser.isIE)
el = window.event.srcElement;
if (browser.isNS)
el = (event.target.className ? event.target : event.target.parentNode);

// If the active button was clicked on, exit.

if (el == activeButton)
return;

// If the element clicked on was not a menu button or item, close the
// active menu.

if (el.className != "menuButton" && el.className != "menuItem" &&
el.className != "menuItemSep" && el.className != "menu")
resetButton(activeButton);
}

function buttonClick(button, menuName) {

// Blur focus from the link to remove that annoying outline.

button.blur();

// Associate the named menu to this button if not already done.

if (!button.menu)
button.menu = document.getElementById(menuName);

// Reset the currently active button, if any.

if (activeButton && activeButton != button)
resetButton(activeButton);

// Toggle the button's state.

if (button.isDepressed)
resetButton(button);
else
depressButton(button);

return false;
}

function buttonMouseover(button, menuName) {

// If any other button menu is active, deactivate it and activate this one.
// Note: if this button has no menu, leave the active menu alone.

if (activeButton && activeButton != button) {
resetButton(activeButton);
if (menuName)
buttonClick(button, menuName);
}
}

function depressButton(button) {

var w, dw, x, y;

// Change the button's style class to make it look like it's depressed.

button.className = "menuButtonActive";

// For IE, set an explicit width on the first menu item. This will
// cause link hovers to work on all the menu's items even when the
// cursor is not over the link's text.

if (browser.isIE && !button.menu.firstChild.style.width) {
w = button.menu.firstChild.offsetWidth;
button.menu.firstChild.style.width = w + "px";
dw = button.menu.firstChild.offsetWidth - w;
w -= dw;
button.menu.firstChild.style.width = w + "px";
}

// Position the associated drop down menu under the button and
// show it. Note that the position must be adjusted according to
// browser, styling and positioning.

x = getPageOffsetLeft(button);
y = getPageOffsetTop(button) + button.offsetHeight;
if (browser.isIE) {
x += 2;
y += 2;
}
if (browser.isNS && browser.version < 6.1)
y--;

// Position and show the menu.

button.menu.style.left = x + "px";
button.menu.style.top = y + "px";
button.menu.style.visibility = "visible";

// Set button state and let the world know which button is
// active.

button.isDepressed = true;
activeButton = button;
}

function resetButton(button) {

// Restore the button's style class.

button.className = "menuButton";

// Hide the button's menu.

if (button.menu)
button.menu.style.visibility = "hidden";

// Set button state and clear active menu global.

button.isDepressed = false;
activeButton = null;
}

function getPageOffsetLeft(el) {

// Return the true x coordinate of an element relative to the page.

return el.offsetLeft + (el.offsetParent ? getPageOffsetLeft(el.offsetParent) : 0);
}

function getPageOffsetTop(el) {

// Return the true y coordinate of an element relative to the page.

return el.offsetTop + (el.offsetParent ? getPageOffsetTop(el.offsetParent) : 0);
}

</script>


<!-- Tags for the menu bar. -->

<div id="menuBar"
><a class="menuButton"
href=""
onclick="return buttonClick(this, 'fileMenu');"
onmouseover="buttonMouseover(this, 'fileMenu');"
>File</a
><a class="menuButton"
href=""
onclick="return buttonClick(this, 'editMenu');"
onmouseover="buttonMouseover(this, 'editMenu');"
>Edit</a
><a class="menuButton"
href=""
onclick="return buttonClick(this, 'viewMenu');"
onmouseover="buttonMouseover(this, 'viewMenu');"
>View</a
><a class="menuButton"
href=""
onclick="return buttonClick(this, 'toolsMenu');"
onmouseover="buttonMouseover(this, 'toolsMenu');"
>Tools</a
><a class="menuButton"
href=""
onclick="return buttonClick(this, 'optionsMenu');"
onmouseover="buttonMouseover(this, 'optionsMenu');"
>Options</a
><a class="menuButton"
href=""
onclick="return buttonClick(this, 'helpMenu');"
onmouseover="buttonMouseover(this, 'helpMenu');"
>Help</a
></div>

<!-- Tags for the drop down menus. -->

<div id="fileMenu" class="menu">
<a class="menuItem" href="#">File Menu Item 1</a>
<a class="menuItem" href="#">File Menu Item 2</a>
<a class="menuItem" href="#">File Menu Item 3</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="#">File Menu Item 4</a>
<a class="menuItem" href="#">File Menu Item 5</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="#">File Menu Item 6</a>
</div>

<div id="editMenu" class="menu">
<a class="menuItem" href="#">Edit Menu Item 1</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="#">Edit Menu Item 2</a>
<a class="menuItem" href="#">Edit Menu Item 3</a>
<a class="menuItem" href="#">Edit Menu Item 4</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="#"
target="_blank" onclick="resetButton(activeButton);return true;">Edit Menu Item 5</a>
</div>

<div id="viewMenu" class="menu">
<a class="menuItem" href="#">View Menu Item 1</a>
<a class="menuItem" href="#">View Menu Item 2</a>
<a class="menuItem" href="#">View Menu Item 3</a>
</div>

<div id="toolsMenu" class="menu">
<a class="menuItem" href="#">Tools Menu Item 1</a>
<a class="menuItem" href="#">Tools Menu Item 2</a>
<a class="menuItem" href="#">Tools Menu Item 3</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="#">Tools Menu Item 4</a>
<a class="menuItem" href="#">Tools Menu Item 5</a>
</div>

<div id="optionsMenu" class="menu">
<a class="menuItem" href="#">Options Menu Item 1</a>
<a class="menuItem" href="#">Options Menu Item 2</a>
<a class="menuItem" href="#">Options Menu Item 3</a>
</div>

<div id="helpMenu" class="menu">
<a class="menuItem" href="#">Help Menu Item 1</a>
<a class="menuItem" href="#">Help Menu Item 2</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="#">Help Menu Item 3</a>
</div>




<!--Ende des Scripts-->

DONT DRINK AND DRIVE
mariospiel - 47
Halbprofi (offline)

Dabei seit 06.2006
114 Beiträge

Geschrieben am: 12.07.2008 um 10:22 Uhr
Die ist auch ganz nett

nur etwas für erfahrene Webmaster, da die Einstellungen etwas schwierig sind.
Dieser Befehl
<base target="Dein Framename">
in den Headbereich und die Links öffnen sich im vorgegebenen Frame.


<!--Hier beginnt das Script-->






<!-- 3 steps to follow -->


<!-- 1:Put this stylesheet in to the head of your page.
This sets the colour of the links in the drop down
menus. Does not effect other links! -->

<style type="text/css">
<!--
a.x:link, a.x:visited, a.x:active{color:#ffffff;text-decoration:none}
//-->
</style>



<!-- 2: Use this as your body tag. Add your own bgcolor, link and text colours etc. -->

<body marginheight="50" topmargin="50">


<!-- 3: Paste the script in to the body of your page. -->

<script language="JavaScript">
<!-- Cross Browser NavBar2 (Not NS6) kurt.grigg@virgin.net
if (document.layers||document.all){

//Do not alter this first section, go straight to "Edit the appearance"

MenuTitles=new Array()
SubMenuLinks=new Array()
function Rtrn(c){
if (document.layers) c.bgColor=HighLight;
if (document.all) c.style.background=HighLight;
}
function HghLght(c){
if (document.layers) c.bgColor=MenuBgColor;
if (document.all) c.style.background=MenuBgColor;
}
OpenLayer=(document.layers)?"<br><layer width=100% onMouseOver='HghLght(this)'; onMouseOut='Rtrn(this)'><center>":"<span style='width:100%' onMouseOver='HghLght(this)'; onMouseOut='Rtrn(this)'>";
CloseLayer=(document.layers)?'</center></layer>':'</span>';

/*************** Edit the appearance here ***************/

MenuWidth=120;
MenuFont='Verdana,Arial';
MenuFontSize=2; //1 to 7 only!
SubMenuFontSize=2; //1 to 7 only!

MenuFontColor='#ffffff';
MenuBgColor='005eff';
HighLight='0598ff';
Separater=2;

/********* Menu Amount and titles here. Add or delete as needed *********/

MenuTitles[0]='Menu 1';
MenuTitles[1]='Menu 2';
MenuTitles[2]='Menu 3';
MenuTitles[3]='Menu 4';
MenuTitles[4]='Menu 5';


/**************************************************************************
The sub menu titles are the drop down links which appear when the corresponding
main menu titles/headers are moused over. eg: When MenuTitles[0] is moused over,
all the links in SubMenuLinks[0] will appear etc. You can have any number of links
in the sub menus. !!Make sure your links are in the same format as shown!!.

Do not alter +OpenLayer+" and "+CloseLayer at the beginnings and ends!!

Here's how you would fill them with your links. Example:
+OpenLayer+"<a href='http://www.google.com' class='x'>Search with Google</a>"+CloseLayer
**************************************************************************/

SubMenuLinks[0]=""
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer

SubMenuLinks[1]=""
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer

SubMenuLinks[2]=""
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer

SubMenuLinks[3]=""
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer

SubMenuLinks[4]=""
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer

/****************** You don't need to alter anything past this point ******************/
MenuAmount=MenuTitles.length;
MenWidth=0;
PageWidth=0;
IniPos=0;
Spacer=0;
aIniPos=0;
aSpacer=0;
function Pos(){
MenWidth=(MenuWidth+Separater)*MenuAmount;
PageWidth=(document.layers)?window.innerWidth/2:document.body.clientWidth/2;
IniPos= PageWidth-MenuWidth-Separater-MenWidth/2;
Spacer=MenuWidth+Separater;
aIniPos= PageWidth-MenuWidth-Separater-MenWidth/2;
aSpacer=MenuWidth+Separater;
if (MenWidth > PageWidth*2){
IniPos=-MenuWidth-Separater;
aIniPos=-MenuWidth-Separater;
}
}
Pos();
if (document.layers){
for (i=0; i < MenuAmount; i++){
document.write("<layer name='submenu"+i+"' top=0 left="+(aIniPos+=aSpacer)+" "
+" width="+MenuWidth+" bgcolor="+HighLight+" visibility=hide"
+" onMouseOver='this.visibility=\"show\"; var cd=this.id.length-1; var ab=this.id.charAt(cd); H(ab)' "
+" onMouseOut='this.visibility=\"hide\"; var ef=this.id.length-1; var gh=this.id.charAt(ef); B(gh)'>"
+"<center><font face="+MenuFont+" size="+SubMenuFontSize+">"
+"&nbsp;<br>"+SubMenuLinks[i]+"<br></font></center></layer>");
}
for (i=0; i < MenuAmount; i++){
document.write("<layer name='nsmenu"+i+"' top=0 left="+(IniPos+=Spacer)+" height=0 "
+"width="+MenuWidth+" bgcolor="+MenuBgColor+" "
+"onMouseOver=\"this.bgColor=HighLight; var e=this.id.length-1; var d=this.id.charAt(e); On(d)\" "
+"onMouseOut=\"this.bgColor=MenuBgColor; var e=this.id.length-1; var d=this.id.charAt(e); Off(d)\">"
+"<center><font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"
+MenuTitles[i]+"</font></center></layer>");
}
function On(x){
for (i=0; i < MenuAmount; i++){
document.layers['submenu'+x].visibility='show';
}
}
function Off(x){
for (i=0; i < MenuAmount; i++){
document.layers['submenu'+x].visibility='hide';
}
}
function B(y){
for (i=0; i < MenuAmount; i++){
document.layers['nsmenu'+y].bgColor=MenuBgColor;
}
}
function H(y){
for (i=0; i < MenuAmount; i++){
document.layers['nsmenu'+y].bgColor=HighLight;
}
}
}
if (document.all){
for (i=0; i < MenuAmount; i++){
document.write("<div id='sub"+i+"' style='position:absolute;"
+"top:0px;"
+"left:"+(aIniPos+=aSpacer)+";"
+"height:0px;"
+"width:"+MenuWidth+";"
+"background:"+HighLight+";"
+"visibility:hidden'"
+" onMouseOver='this.style.visibility=\"visible\";"
+" document.all[\"headers"+i+"\"].style.background=HighLight';"
+" onMouseOut='this.style.visibility=\"hidden\";"
+" document.all[\"headers"+i+"\"].style.background=MenuBgColor'>"
+"<center><font face="+MenuFont+" size="+SubMenuFontSize+">"
+"&nbsp;<br>&nbsp;<br>"+SubMenuLinks[i]+"</font></center></div>");
}
for (i=0; i < MenuAmount; i++){
document.write("<div id='headers"+i+"' style='position:absolute;"
+"top:0px;"
+"left:"+(IniPos+=Spacer)+";"
+"height:0px;"
+"width:"+MenuWidth+";"
+"background:"+MenuBgColor+";"
+"cursor:nw-resize;"
+"padding:0px'"
+" onMouseOver='document.all[\"sub"+i+"\"].style.visibility=\"visible\";"
+" this.style.background=HighLight'"
+" onMouseOut='document.all[\"sub"+i+"\"].style.visibility=\"hidden\";"
+" this.style.background=MenuBgColor'>"
+"<center><font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"
+MenuTitles[i]+"</font></center></div>");
}
}
function Scroll(){
for (i=0; i < MenuAmount; i++){
if (document.layers){
document.layers['nsmenu'+i].top=window.pageYOffset;
document.layers['submenu'+i].top=window.pageYOffset;
}
if (document.all){
document.all['headers'+i].style.top=0+document.body.scrollTop;
document.all['sub'+i].style.top=0+document.body.scrollTop;
}
}
setTimeout('Scroll()',150)
}
Scroll();
window.onresize=new Function("window.location.reload()");
}
//-->
</script>



<!--Ende des Scripts-->

DONT DRINK AND DRIVE
Der666Diablo
Champion (offline)

Dabei seit 04.2006
23736 Beiträge

Geschrieben am: 12.07.2008 um 10:26 Uhr

Zitat von mariospiel:

Die ist auch ganz nett

nur etwas für erfahrene Webmaster, da die Einstellungen etwas schwierig sind.
Dieser Befehl
<base target="Dein Framename">
in den Headbereich und die Links öffnen sich im vorgegebenen Frame.




mh, naja, wenn du die sowieso nur wo rauskopierst könntest einfacher den link posten und zweitens sind frames sowieso nicht mehr aktuell...

Bei Geld, Sex und Kunst gibt es keinen abnehmenden Grenznutzen. http://shortlinks.de/oee9
mariospiel - 47
Halbprofi (offline)

Dabei seit 06.2006
114 Beiträge

Geschrieben am: 12.07.2008 um 10:29 Uhr
die codes hab ich auf dem rechner rum fahren keine ahnung wo die her sind so out sind frames nicht die sind nur gut eingebaut ala inlineframes selbst in Boardmodule werden die häufig benutzt aber egal du hast deinen standpunkt ich meinen

DONT DRINK AND DRIVE
mariospiel - 47
Halbprofi (offline)

Dabei seit 06.2006
114 Beiträge

Geschrieben am: 12.07.2008 um 10:30 Uhr
ach ja wenn man keine Frameseiten machen will dann weis wohl was für nen befehl rein kommt oder

ist ja nur ne beispiel codierung

DONT DRINK AND DRIVE
Psychopathin - 42
Anfänger (offline)

Dabei seit 11.2007
4 Beiträge
Geschrieben am: 12.07.2008 um 15:49 Uhr
Oh cool hier sind Leute die mit html was anfangen können? schön :-D
hab ne hp komplett selbst gemacht für n laien okay, aber für jemand der sich n quelltext anschaut der lacht drüber :-D trotzdem frage:

wer kann sich mal meine metatags anschauen? stimmt bei denen was nicht oder warum nimmt google sie nicht in den index auf? also meine liedtexte klappten, die finde ich wenn ich nach www.fruchtzwerg.kilu.de suche. aber den rest nicht.... *grml*

url nochmal: Meine HP

In diesem SInne danke ;-)
  [Antwort schreiben]

Forum / Bits und Bytes

(c) 1999 - 2026 team-ulm.de - all rights reserved - hosted by ibTEC Team-Ulm

- Presse - Blog - Historie - Partner - Nutzungsbedingungen - Datenschutzerklärung - Jugendschutz -