AccessGratuit
Bine ati venit! Very Happy

Daca ati ajuns la aceasta pagina inseamna ca nu sunteti INREGISTRAT sau CONECTAT pe forumul AccessGratuit. Puteti face asta utilizand butoanele din meniu destinare acestor actiuni!
AccessGratuit.com
www.accessgratuit.com
cheers

Meniu dinamic in partea stanga

Vezi subiectul anterior Vezi subiectul urmator In jos

Meniu dinamic in partea stanga

Mesaj Scris de KomyOmy la data de Sam Feb 06, 2010 12:33 am

Meniu dinamic in partea stanga


Copiati codul de aici intr-un document text si il salvati cu numele ssmItems si extensia .js
Cod:

<!--

/*
Configure menu styles below
NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors
*/
YOffset=150; // no quotes!!
XOffset=0;
staticYOffset=30; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="black";
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
menuWidth=150; // Must be a multiple of 10! no quotes!!
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="white";
hdrBGColor="#170088";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#FFFF99";
linkTarget="_top";
linkAlign="Left";
barBGColor="#444444";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="center";
barWidth=20; // no quotes!!
barText="SIDE MENU"; // <IMG> tag supported. Put exact html for an image to show.

///////////////////////////

// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
ssmItems[0]=["Menu"] //create header
ssmItems[1]=["Dynamic Drive", "http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link] ""]
ssmItems[2]=["What's New", "http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
ssmItems[3]=["What's Hot", "http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link] ""]
ssmItems[4]=["Message Forum", "http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link] "_new"]
ssmItems[5]=["Submit script", "http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link] ""]
ssmItems[6]=["Link to Us", "http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link] ""]

ssmItems[7]=["FAQ", "http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link] "", 1, "no"] //create two column row
ssmItems[8]=["Email", "http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link] "",1]

ssmItems[9]=["External Links", "", ""] //create header
ssmItems[10]=["Javascript Kit", "http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link] ""]
ssmItems[11]=["Freewarejava", "http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link] ""]
ssmItems[12]=["Coding Forums", "http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link] ""]

buildMenu();

//-->


Copiati acest cod intr-un document text si il salvati cu numele ssm si extensia .js

Cod:


//Static Slide Menu 6.5 © MaXimuS 2000-2001, All Rights Reserved.
//Site: http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
//script featured on Dynamic Drive (http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

//March 20th, 09'- Updated for IE8 compatibility

NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

tempBar='';barBuilt=0;ssmItems=new Array();

function truebody(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}

moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<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 ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS6) {ssm.left = parseInt(ssm.left)+num+"px";}
if (NS) {ssm.left = parseInt(ssm.left)+num; bssm.clip.right+=num;bssm2.clip.right+=num;}}

function makeStatic() {
if (NS||NS6) {winY = window.pageYOffset;}
if (IE) {winY = truebody().scrollTop;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) bssm.pixelTop+=smooth;
if (NS6) bssm.top=parseInt(bssm.top)+smooth+"px"
if (NS) bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}

function buildBar() {
if(barText.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+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}

function initSlide() {
if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;
bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}
else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style
bssm.visibility = "visible";}
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+'px ;Top : '+YOffset+'px ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'px"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+'px ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><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)+'px" bgcolor="'+menuBGColor+'"><TR><TD>')}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++) {
if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}
else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}
if(!ssmItems[i][1]){
document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'px" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}
else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;
document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'px" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV  ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}
if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}
if(ssmItems[i][4]!="no"){document.write('</TR>')}}
document.write('</table>')
if (NS6){document.write('</TD></TR></TABLE>')}
if (IE||NS6) {document.write('</DIV></DIV>')}
if (NS) {document.write('</LAYER></ILAYER></LAYER>')}
theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}



Dupa ce ati salvat ambele fisiere le uploadati pe rand pe un site care suporta extensia .js
La fisierul ssmItems.js veti obtine un link si la celalalt fisier ssm.js alt link
Cu aceste link-uri inlocuiti in urmatorul cod:

Cod:


<style type="text/css">
<!--
A.ssmItems:link      {color:black;text-decoration:none;}
A.ssmItems:hover   {color:black;text-decoration:none;}
A.ssmItems:active   {color:black;text-decoration:none;}
A.ssmItems:visited   {color:black;text-decoration:none;}
//-->
</style>

<script SRC="LINK-UL FISERULUI ssm.js" language="Javascript1.2">

//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

</script>

<script SRC="LINK-UL FISERULUI ssmItems.js" language="Javascript1.2"></script>


Unde scrie LINK-UL FISERULUI ssm.js puneti link-ul obtinut dupa uploadarea fisierului ssm.js
Unde scrie LINK-UL FISERULUI ssmItems.js puneti link-ul obtinut dupa uploadarea fisierului ssmItems.js
Pentru configurarea meniului dupa bunul plac, intrati in fisierul ssmItems.js si spre sfarsitul codului cautati linia ssmItems[0]=["Menu"] si dupa ea modificati link-urile si denumirile dupa bunul plac!

Asta e rezultatul:

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]Nota: Tutorialul este valabil doar pt forumuri/bloguri care nu au un host personal



Tutorial realizat de echipaAccessGratuit.com
[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]



KomyOmy
Membru AccessGratuit

<b>Sex</b> Sex: masculin
<b>Numarul mesajelor</b> Numarul mesajelor: 157
<b>Credite</b> Credite: 89503
<b>Varsta</b> Varsta: 21

http://aroundme.hi2.ro

Sus In jos

Re: Meniu dinamic in partea stanga

Mesaj Scris de vito la data de Mar Mar 02, 2010 6:10 am

dar pentru forum gratuit ? am urmat tutorialul am urmat toti pasi care scrie in el dar nu vrea sa mearga...dar codul final unde il adaug intrun widget?

exact ca in acest tutorial am fct si am si lam pus intrun widget dar degeaba nu apare ...


Ultima editare efectuata de catre vito in Mar Mar 02, 2010 7:24 am, editata de 1 ori

vito
Membru AccessGratuit

<b>Sex</b> Sex: masculin
<b>Numarul mesajelor</b> Numarul mesajelor: 24
<b>Credite</b> Credite: 81744
<b>Varsta</b> Varsta: 19

http://www.mili-texas.com

Sus In jos

Re: Meniu dinamic in partea stanga

Mesaj Scris de Kegan la data de Mar Mar 02, 2010 7:17 am

Merge si pe Forumgratuit.ro. Codul il poti pune pe pagina de start sau in widget. Depinde de locul in care vrei sa apara.

_____________________________________AccessGratuit__________________________________



Kegan
Membru AccessGratuit

<b>Sex</b> Sex: masculin
<b>Numarul mesajelor</b> Numarul mesajelor: 905
<b>Credite</b> Credite: 100417
<b>Varsta</b> Varsta: 61

Sus In jos

Re: Meniu dinamic in partea stanga

Mesaj Scris de andrEi la data de Vin Mar 05, 2010 8:34 pm

Eu am incercat si pe forumgratuit.ro si pe blogspot.com si merge super bine codul. Mersi mult!

andrEi
Membru AccessGratuit

<b>Sex</b> Sex: masculin
<b>Numarul mesajelor</b> Numarul mesajelor: 26
<b>Credite</b> Credite: 81029
<b>Varsta</b> Varsta: 16

http://extreamcs.forumi.biz

Sus In jos

Re: Meniu dinamic in partea stanga

Mesaj Scris de Thanatos la data de Lun Iun 14, 2010 7:23 pm

Thanks

Thanatos
Membru AccessGratuit

<b>Sex</b> Sex: masculin
<b>Numarul mesajelor</b> Numarul mesajelor: 26
<b>Credite</b> Credite: 73400
<b>Varsta</b> Varsta: 21

http://adstone.forum.st/

Sus In jos

Re: Meniu dinamic in partea stanga

Mesaj Scris de Albey la data de Joi Mar 17, 2011 7:06 pm

nu pare prea dinamic Neutral

Albey
Membru AccessGratuit

<b>Sex</b> Sex: masculin
<b>Numarul mesajelor</b> Numarul mesajelor: 101
<b>Credite</b> Credite: 77500
<b>Varsta</b> Varsta: 18

http://www.Zone-PGL.tk

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum