менюшка

[gopal 0]

а как такую менюшку сделать в DLE? http://digg.com

как тама? возможно ли такое?

[minych 0]

Делается элементарно на CSS

[gopal 0]

а можеш пример, показать? че то не получается

[sklazer 0]

<script language="JavaScript1.2">


<!--


/*

Copyright © MaXimuS 1999-2001, All Rights Reserved.

Site: http://maximus.ravecore.com

E-mail: maximus@nsimail.com

Script: Static Slide Menu

Version: 6.5.3.6 (Temporary)

*/


NS6 = (document.getElementById&&!document.all)

IE = (document.all)

NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")


tempBar='';barBuilt=0;lastY=0;sI=new Array();moving=setTimeout('null',1);


function moveOut() {if (parseInt(ssm.left)<0) {clearTimeout(moving);

moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}

else {clearTimeout(moving);moving=setTimeout('null',1)}};

function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}

function moveBack1() {if (parseInt(ssm.left)>(-menuWidth)) {clearTimeout(moving);

moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}

else {clearTimeout(moving);moving=setTimeout('null',1)}}

function slideMenu(num){ssm.left = parseInt(ssm.left)+num;

if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;

if(bssm.left+bssm.clip.right>document.width)document.width+=num}}


function makeStatic() {

winY=(IE)?document.body.scrollTop:window.pageYOffset;

if (winY!=lastY&&winY>YOffset-staticYOffset) {

smooth = .2 * (winY - lastY - YOffset + staticYOffset);}

else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset&&winY<=YOffset-staticYOffset) {

smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}

else {smooth=0}

if(smooth > 0) smooth = Math.ceil(smooth);

else smooth = Math.floor(smooth);

bssm.top=parseInt(bssm.top)+smooth

lastY = lastY+smooth;

setTimeout('makeStatic()', 10)}


function buildBar() {

if(barText.toLowerCase().indexOf('<img')>-1) {tempBar=barText}

else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}

document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'" align=center><font style="'+barFontstyle+'"><B>'+tempBar+'</B></font></td>')}


function initSlide() {

if (NS6||IE){ssm=(NS6)?document.getElementById("thessm"):document.all("thessm");

bssm=(NS6)?document.getElementById("basessm").style:document.all("basessm").style;

bssm.clip="rect(0 "+ssm.offsetWidth+" "+(((IE)?document.body.clientHeight:0)+ssm.offsetHeight)+" 0)";

bssm.visibility="visible";ssm=ssm.style;if(NS6)bssm.top=YOffset}

else if (NS) {bssm=document.layers["basessm1"];

bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];

bssm2.clip.left=0;ssm.visibility = "show";}

if (menuIsStatic=="yes") makeStatic();}


function buildMenu() {

if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute;Left : '+XOffset+';Top : '+YOffset+';Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute;Left : '+(-menuWidth)+';Top : 0px;Z-Index : 21;'+((IE)?"width:1px":"")+'" onmouseover="moveOut()" onmouseout="moveBack()">')}

if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show" onload="initSlide()"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}

if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}

document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');

for(i=0;i<sI.length;i++) {

if(!sI[i][3]){sI[i][3]=menuCols;sI[i][5]=menuWidth-1}

else if(sI[i][3]!=menuCols)sI[i][5]=Math.round(menuWidth*(sI[i][3]/menuCols)-1);

if(sI[i-1]&&sI[i-1][4]!="no"){document.write('<TR>')}

if(!sI[i][1]){

document.write('<TD BGCOLOR="'+hdrBGColor+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+sI[i][5]+'"  COLSPAN="'+sI[i][3]+'"  style="'+hdrFontstyle+'"><b>&nbsp;'+sI[i][0]+'</TD>')}

else {if(!sI[i][2])sI[i][2]=linkTarget;

document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+sI[i][5]+'" HEIGHT="'+hdrHeight+'" COLSPAN="'+sI[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV  ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'">&nbsp;<A HREF="'+sI[i][1]+'" target="'+sI[i][2]+'" CLASS="ssmItems">'+sI[i][0]+'</DIV></LAYER></ILAYER></TD>')}

if(sI[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}

if(sI[i][4]!="no"){document.write('</TR>')}}

document.write('</table>')

if (NS6){document.write('</TD></TR></TABLE>')}

if (IE||NS6) {document.write('</DIV></DIV>');setTimeout('initSlide();', 1)}

if (NS) {document.write('</LAYER></ILAYER></LAYER>')}}


function addHdr(name, cols, endrow){sI[sI.length]=[name, '', '', cols, endrow]}


function addItem(name, link, target, cols, endrow){if(!link)link="java script://";sI[sI.length]=[name, link, target, cols, endrow]}



  /*

  Configure menu styles below

  NOTE: To edit the link colors, go to the STYLE tags and edit the ssmItems colors

  */

  YOffset=130; // no quotes!!

  staticYOffset=20; // no quotes!!

  XOffset=0; // no quotes!!

  slideSpeed=10 // no quotes!!

  waitTime=200; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.

  menuBGColor="#008080";

  menuIsStatic="yes";

  menuWidth=130; // Must be a multiple of 10! no quotes!!

  menuCols=2;

  hdrBGColor="#3B3B3B";

  hdrFontstyle="text-decoration:none; font-family: verdana, arial, sans-serif; color: #FFFFFF; font-size:13px"

  hdrAlign="left";

  hdrVAlign="center";

  hdrHeight="18";

  linkFontFamily="Verdana";

  linkFontSize="2";

  linkBGColor="#000000";

  linkOverBGColor="#3B3B3B";

  linkTarget="_top";

  linkAlign="left";

  barBGColor="#3B3B3B";

  barFontstyle="color:#99FF99; text-decoration:none; font-family: verdana, arial, sans-serif; font-size:13px"

  barVAlign="center";

  barWidth=15; // no quotes!!

  barText='Menu'; // <IMG> tag supported, Ex: '<img src="some.gif" border=0>'



addHdr('Навигация');

addItem('На главную', 'http://antichat.ru/index.shtml', '');


addHdr('Обратная связь');

addItem('Форум', 'http://forum.antichat.ru', '');

addItem('Гостевая', 'http://antichat.ru/gb', '');



buildMenu();

  //-->

</SCRIPT>

[gopal 0]

неет не это менюшка а где

tehnology / scrince.. попробуй нажжать а внизу выходит под категории вот это я имел ввиду

[ronnin 0]

попробуй так

в файле css пиши

#menu, 

#menu ul {

  border: 1px solid #b4b4b4;

  background: #003a63;

  float: left;

  width: 300px;

}


#menu li {

  float: left;

  position: relative;

  background: #003a63;

}


#menu a {

  color: #fff;

  text-decoration: none;

  display: block;

  width: 125px;

  padding: 3px 10px;

}


#menu a:hover {

  color: #000;

  background-color: #9ad5ff;

}


#menu li:hover,

#menu li.jshover {

  background-color: #9ad5ff;

}


#menu li ul {

  display: none;

  position: absolute;

  padding: 5px 2px;

  width: 140px;

}


#menu li li a {

  width: 118px;

}


#menu li:hover ul,

#menu li.jshover ul {

  background-color: #003a63;

  display: block;

}


#menu li:hover li ul,

#menu li.jshover li ul {

  display: none;

  width: 140px;

}


#menu li:hover li:hover ul,

#menu li.jshover li.jshover ul {

  display: block;

}

в шаблоне

<html>

<head>

<link rel="stylesheet" href="style.css" type="text/css" />


<script type="text/javascript">

<!--//--><![CDATA[//><!--

	jsHover = function() {

		var hEls = document.getElementById("menu").getElementsByTagName("LI");

		for (var i=0, len=hEls.length; i<len; i++) {

			hEls[i].onmouseover=function() { this.className+=" jshover"; }

			hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); }

		}

	}

	if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);

//--><!]]></script>

</head>

<body>

<ul id="menu">

	<li><a href="/">Главная</a></li>

	<li><a href="/">Меню</a>

		<ul>

			<li><a href="/">Пункт 1</a></li>

			<li><a href="/">Пункт 2</a></li>

			<li><a href="/">Пункт 3</a></li>

		</ul>

	</li>

</ul>

</body>

Изменено 12 августа 2008 пользователем ronnin