uitschuifmenu

raymondvlieland · Bericht door **raymondvlieland** » 08 sep 2005, 19:32

is dat xml of javascript?

zou iemand mij zo'n code kunnen geven mits ze ze hebben en dan het liefst dat je zelf een afbeelding heb en dat daaronder het menu uitschuift als je er op staat zoals op http://www.spammersheaven.nl/ onder forums

kan dit bericht verplaatst worden a.u.b naar algemeen past daar beter denk ik

Bericht door **Paul** » 08 sep 2005, 19:40

Het is javascript, en op google.nl of hotscripts.com kan je vast wel iets vinden

raymondvlieland · Bericht door **raymondvlieland** » 08 sep 2005, 19:58

Code: Selecteer alles

<style type="text/css">
body{font-family:tahoma;font-size:10pt}
A:hover{color:white;font-weight:bold;text-decoration:underline}
a{text-decoration:none}
</style>
<script language="JavaScript">
<!-- INSTRUCTIES
/*
VERANDER HIERONDER DE VARIABELEN VAN DIT MENU
*/
var menu_pos=0;
/* menu_pos - the value 0 means the menu will be hidden when the page is opened and if value is set to 1 then the menu will be shown when the page is opened */
var menu_speed=10;
/* menu_speed - this value allows you to change the speed of the menu. (1 to 10) (1 is the slowest) Note that the lower the speed the smoother the menu is */
var instant_close=0;
/* instant_close - if you want the menu to close as soon as the user leaves the menu, set this value to 1 else 0 */

//Don't change anything after this line unless you know what youre doing


if (menu_speed > 10)
	{
	menu_speed=10;
	}
if(document.all)
	{
    doc = "document.all";
    sty = ".style";
    htm = ""
	}
else if(document.layers)
	{
    doc = "document";
    sty = "";
    htm = ".document"
	}

function positionLayers()
	{
	abcObj = eval(doc + '["abcLyr"]' + sty);	
	abcObj.left = 5;
 	if(menu_pos==0)
 		{
 		abcObj.top = -265;
 		}
 	else
 		{
  		abcObj.top = 2;
 		}
	}
function pullitup()
	{
		if (window.dropdown)
			{
			clearInterval(dropdown)
			}
			pullup=setInterval("uplift()",1)
	}
function dropitdown()
	{
		if (window.pullup)
			{
			clearInterval(pullup)
			}
			dropdown=setInterval("downlift()",1)
	}
function uplift() 
	{
	var x_pos1 = parseInt(abcObj.top);
    if(x_pos1 >= -260 ) 
		{
		if(instant_close==1)
			{
			abcObj.top=-265;
			}
		else if(instant_close==0)
			{
			abcObj.top = x_pos1-menu_speed;
			}
		}
	else if (window.pullup)
		{
		clearInterval(pullup);
		}
	}
function downlift() 
	{
	var x_pos1 = parseInt(abcObj.top);
    if(x_pos1 < 0 ) 
	 	{
    	abcObj.top = x_pos1+menu_speed;
		}
	else if (window.dropdown)
		{
		clearInterval(dropdown);
		}
	}
function info()
	{
	alert("This is a script");
	}
// end it-->
	</script>

dit tussen de body tags

Code: Selecteer alles

<body onload="positionLayers();" bgcolor="#000000" vlink="#008000" alink="#FFFFFF" link="#CCFFCC" leftmargin="15" rightmargin="15" topmargin="25" text="#00FF00">
<div id="abcLyr" style="position: absolute; left: 40; top: 9; width: 167; height: 294; z-index: 100; visibility: visible" onmouseover="dropitdown()"  onmouseout="pullitup()">
<table bgcolor="#404040" width="140" height="290" border="1" bordercolor="#008000" bordercolordark="#000000" bordercolorlight="#000033" cellspacing="0">
<tr><td align="left" valign="middle">  
    <p align="center"><font size="1">Inhoud</font></p>
  </td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 1</font>
    </a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 2</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 3</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 3</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 5</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item
    6</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item
    7</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item
    8</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><font size="1"> MENU</font></td></tr>
<!--<tr><td align="center" valign="bottom"><font size="-2"><b>Menu &raquo;</b> <a href="javascript:void(0)" onclick="downlift()"><b>Show</b></a> <b>/</b> <a href="javascript:void(0)" onclick="uplift()"><b>Hide</b></a></font></td></tr>-->
</table>
</div>

hoe kan ik het menu de andere kant laten opschuiven
http://www.leejoo.nl/java/menu.htm menu hide/slide offline gaat hij wel terug maar online niet

raymondvlieland · Bericht door **raymondvlieland** » 09 sep 2005, 16:47

moet dat echt perse javascript zijn want sommige hebben natuurlijk geen javascript op hun pc

Bericht door **Paul** » 09 sep 2005, 16:51

Elke browser heeft tegenwoordig JS, alleen niet iedereen heeft het ingeschakeld

raymondvlieland · Bericht door **raymondvlieland** » 09 sep 2005, 17:02

http://www.gamingsite.nl/balk/index.html er gebeurt gewoon niks hij hoor uitteschuiven

Bee · Bericht door **Bee** » 09 sep 2005, 17:14

In IE schuift hij wel uit, en in Opera 8.02 ook. Mozillabrowsers gebruik ik niet, dus het is even handig als je vermeld waarin hij niet werkt.

Bericht door **Paul** » 09 sep 2005, 17:15

In firefox gebeurt er niets nee

raymondvlieland · Bericht door **raymondvlieland** » 09 sep 2005, 21:33

firefox

raymondvlieland · Bericht door **raymondvlieland** » 10 sep 2005, 17:24

weet iemand een javascript uitklapmenu dat alle browsers ondersteund

raymondvlieland · Bericht door **raymondvlieland** » 10 sep 2005, 17:34

ik heb de perfecte eindelijk

Code: Selecteer alles

<center>
<p><APPLET CODE="ryHyperAM.class" archive="" WIDTH=160 HEIGHT=194 HSPACE=10 ALIGN=TOP>
<param name=BgColor value="FFFFFF">
<param name=NumberOfButtons value="1">//aantal buttons
<param name=LabelColor value="CCFFCC">//kleur
<param name=LabelFocusColor value="FFFFFF">//etc
<param name=LabelPressColor value="FF00FF">
<param name=LabelSelColor value="404040">
<param name=ButtonColor value="FF0000">
<param name=MenuColor value="20B2AA">
<param name=EntryColor value="000000">
<param name=EntryFocusColor value="FFffff">
<param name=EntryPressColor value="000000">
<param name=Sound value="1">

<param name=1-Label value="menu">//naam , menu
<param name=1-MenuSize value="8">
<param name=1-Entry1 value="link 1">// naam link 1
<param name=1-URL1 value="http://www.leejoo.nl">//url link 1 ( kan oop een pagina zijn
<param name=1-Target1 value="_new">//target

<param name=1-Entry2 value="link 2 ">naam link 2
<param name=1-URL2 value="http://www.leejoo.nl">//url link 2
<param name=1-Target2 value="_new">//target link 2

<param name=1-Entry3 value="link 3">
<param name=1-URL3 value="http://www.leejoo.nl">
<param name=1-Target3 value="_self">

<param name=1-Entry4 value="link 4">
<param name=1-URL4 value="http://www.leejoo.nl">
<param name=1-Target4 value="_self">

<param name=1-Entry5 value="link 5">
<param name=1-URL5 value="http://www.leejoo.nl">
<param name=1-Target5 value="_new">

<param name=1-Entry6 value="&sp">

<param name=1-Entry7 value="link 7">
<param name=1-URL7 value="http://www.leejoo.nl">

<param name=1-Entry8 value="link 8">
<param name=1-URL8 value="http://www.leejoo.nl">
<param name=1-Target8 value="_new">
... ... ...
</APPLET>

hoe kan je er hiervan 7 naast elkaar zetten?

Bericht door **Paul** » 10 sep 2005, 17:45

Dat is java, geen javascript

raymondvlieland · Bericht door **raymondvlieland** » 10 sep 2005, 18:05

paulus schreef:Dat is java, geen javascript

java applet dat hebben de meeste browsers toch wel

hoe kan je er 7 naast elkaar zetten

Bericht door **Paul** » 10 sep 2005, 18:14

Nee, lang niet iedereen. Je moet het zelfs tegenwoordig appart installeren, en maakt je site langzamer

Bee · Bericht door **Bee** » 10 sep 2005, 18:53

En het grootste nadeel is nog niet gezegd: 1 piepklein foutje en niets werkt meer. De plugin van ongeveer 35 mb is te downloaden vanaf http://www.java.com

raymondvlieland · Bericht door **raymondvlieland** » 10 sep 2005, 19:28

ook als je er downloads bij gedownload heb

zodat hij werkt

http://www.leejoo.nl/ je hebt gelijk hier laadde hij ook op een andere pc heel traag welke is volgens jullie het beste dan telkens die ik wil die is met de ene weer compitable en met de andere niet

raymondvlieland · Bericht door **raymondvlieland** » 10 sep 2005, 23:04

raymondvlieland · Bericht door **raymondvlieland** » 11 sep 2005, 14:03

bump

Code: Selecteer alles

:D<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="templates/Appalachia2/{T_HEAD_STYLESHEET}" type="text/css" -->
<style type="text/css">
<!--
/*
  The original Appalachia2 Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
	background-color: {T_BODY_BGCOLOR};
	scrollbar-face-color: {T_TR_COLOR2};
	scrollbar-highlight-color: {T_TD_COLOR2};
	scrollbar-shadow-color: {T_TR_COLOR2};
	scrollbar-3dlight-color: {T_TR_COLOR3};
	scrollbar-arrow-color:  {T_BODY_LINK};
	scrollbar-track-color: {T_TR_COLOR1};
	scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover		{ text-decoration: underline; color : {T_BODY_HLINK}; }
hr	{ height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: {T_TR_COLOR1}; }
td.row2	{ background-color: {T_TR_COLOR2}; }
td.row3	{ background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: {T_TD_COLOR2};
		background-image: url(templates/Appalachia2/images/{T_TH_CLASS3});
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold; 
	background-color: {T_BODY_LINK}; height: 25px;
	background-image: url(templates/Appalachia2/images/{T_TH_CLASS2});
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(templates/Appalachia2/images/{T_TH_CLASS1});
			background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
	text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu		{ text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle		{ text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink 	{ text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav			{ text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover		{ text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover	{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code { 
	font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright		{ color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : {T_BODY_TEXT};
	font: normal {T_FONTSIZE2}px {T_FONTFACE1};
	border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : {T_TR_COLOR1};
	color : {T_BODY_TEXT};
	font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
	background-color : {T_TD_COLOR1};
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : {T_TD_COLOR1};
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/Appalachia2/formIE.css"); 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">



<table class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center"> 
	<tr> 
		<td height="85">
                <a href="{U_INDEX}"><IMG SRC=templates/Appalachia2/images/header.jpg border=no></td></tr></TABLE><table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="templates/Appalachia2/images/bgbar_white.JPG">

        <tr>
        <td height="28" align="center" valign="middle" nowrap="nowrap"><FONT COLOR=ffffff>
        <span class="mainmenu"> <a href="{U_INDEX}" class="mainmenu"><font color=white>Home </FONT></a>
        <span class="mainmenu">-<a href="{U_SEARCH}" class="mainmenu"><font color=white>{L_SEARCH} </FONT></a>- <a href="{U_MEMBERLIST}" class="mainmenu"><font color=white>{L_MEMBERLIST} </FONT></a>
						<!-- BEGIN switch_user_logged_out -->
						- <a href="{U_REGISTER}" class="mainmenu"><font color=white>{L_REGISTER} </FONT></a></span>
						<!-- END switch_user_logged_out -->
        <span class="mainmenu">- <a href="{U_PROFILE}" class="mainmenu"><font color=white>{L_PROFILE} </FONT></a>- <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=white>{PRIVATE_MESSAGE_INFO} </FONT></a>- <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=white>{L_LOGIN_LOGOUT}</FONT></a> </span>
        </td>
        </tr>
</TABLE>      



<table width="760" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<TR> 
		<td class="bodyline">

http://www.gamingsite.nl ik wil de oude balk vervangen door deze codes

<script type="text/javascript" src='nwrmenu_var.js'></script>
<script type="text/javascript" src='menu_com.js'></script> die linken naar deze bestanden toe

funnyman · Bericht door **funnyman** » 14 sep 2005, 13:43

de mijne werkt ook perfect

raymondvlieland · Bericht door **raymondvlieland** » 14 sep 2005, 17:13

wat is de code daarvan