ciao a tutti
come posso fare menù ad albero???
cioè io ad esempio clicco:
+ foto
+ pagina 2
+ pagina 3
+ pagina 4
cioè cliccando + foto si apre sotto la scritta automaticamente le altre pagina?? scusate il giro di parole!! :grin:
Printable View
ciao a tutti
come posso fare menù ad albero???
cioè io ad esempio clicco:
+ foto
+ pagina 2
+ pagina 3
+ pagina 4
cioè cliccando + foto si apre sotto la scritta automaticamente le altre pagina?? scusate il giro di parole!! :grin:
prova a cercare su Html.it
www.html.it
C'è un programma della macromedia che si chiama fireworks e serve anche per quello,l'unico problema è che è a pagamento!
ce ne sn altri d programmi del genere, ma usa un semplice script che fai prima... guarda il link che t ho dato
Ne avevo trovati alcuni anche nelle "risorse free" della home di AlterVista... Prova a dare un'occhiata anche a quelli e poi decidi quale usare..... magari saranno da personalizzare un pochino....
Se vuoi farlo senza ricaricare la pagina javascript o flash, come al solito! ;)
Ciaoooooo!!!!!!
ma scusate non si può avere dei codici gratis?????
Cosa intendi?
Per la rete trovi di tutto, basta cercare.
Ciaooooo!!!!!
Un menu ad albero se ho capito cosa intendi io l'ho messo qui http://farlimas.altervista.org/foto/index.php
in varie l'ultimo link c'è il sito dello script del menu da cui l'ho preso...poi lo devi personalizzare ovvio
qui ne trovi per tutti i gusti...
http://www.hotscripts.com/JavaScript...ion/index.html
Ci sono anche le immagini da scaricare da:Codice HTML:<!-- w w w . h t m l . i t -->
<HTML>
<HEAD>
<!-- Codice scaricato gratuitamente da HTML.it, il sito italiano sul Web publishing
[url]http://www.html.it[/url] -->
<TITLE>Esempi Javascript: esempio pratico </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
// Copyright (c) 1996-1997 Tomer Shiran. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at [url]http://www.geocities.com/~yehuda/[/url]
// Boolean variable specified if alert should be displayed if cookie exceeds 4KB
var caution = false
// name - name of the cookie
// value - value of the cookie
// [expires] - expiration date of the cookie (defaults to end of current session)
// [path] - path for which the cookie is valid (defaults to path of calling document)
// [domain] - domain for which the cookie is valid (defaults to domain of calling document)
// [secure] - Boolean value indicating if the cookie transmission requires a secure transmission
// * an argument defaults when it is assigned null as a placeholder
// * a null placeholder is not required for trailing omitted arguments
function setCookie(name, value, expires, path, domain, secure) {
var curCookie = name + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "")
if (!caution || (name + "=" + escape(value)).length <= 4000)
document.cookie = curCookie
else
if (confirm("Cookie exceeds 4KB and will be cut!"))
document.cookie = curCookie
}
// name - name of the desired cookie
// * return string containing value of specified cookie or null if cookie does not exist
function getCookie(name) {
var prefix = name + "="
var cookieStartIndex = document.cookie.indexOf(prefix)
if (cookieStartIndex == -1)
return null
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
if (cookieEndIndex == -1)
cookieEndIndex = document.cookie.length
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}
// name - name of the cookie
// [path] - path of the cookie (must be same as path used to create cookie)
// [domain] - domain of the cookie (must be same as domain used to create cookie)
// * path and domain default if assigned null or omitted if no explicit argument proceeds
function deleteCookie(name, path, domain) {
if (getCookie(name)) {
document.cookie = name + "=" +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
"; expires=Thu, 01-Jan-70 00:00:01 GMT"
}
}
// date - any instance of the Date object
// * you should hand all instances of the Date object to this function for "repairs"
// * this function is taken from Chapter 14, "Time and Date in JavaScript", in "Learn Advanced JavaScript Programming"
function fixDate(date) {
var base = new Date(0)
var skew = base.getTime()
if (skew > 0)
date.setTime(date.getTime() - skew)
}
// constructor function to create an entry (parent or child)
function item(parent, text, depth) {
this.parent = parent // is this item a parent?
this.text = text // text for link (may include HTML)
this.depth = depth // nested depth
}
// constructor function to create array (compatible with all browsers)
function makeArray(length) {
this.length = length // length of array (integer)
}
// create items of outline
function makeDatabase() {
outline = new makeArray(9) // create global object
// create items in outline
outline[0] = new item(true, 'computer companies', 0)
outline[1] = new item(false, '<A HREF="http://www.intel.com">Intel</A>', 1)
outline[2] = new item(true, 'software', 1)
outline[3] = new item(false, '<A HREF="http://www.netscape.com">Netscape</A>', 2)
outline[4] = new item(false, '<A HREF="http://www.microsoft.com">Microsoft</A>', 2)
outline[5] = new item(false, '<A HREF="http://www.netscent.com">Netscent</A>', 1)
outline[6] = new item(true, 'shareware Web sites', 0)
outline[7] = new item(false, '<A HREF="http://www.jumbo.com">Jumbo</A>', 1)
outline[8] = new item(false, '<A HREF="http://www.windows95.com">Windows95.com</A>', 1)
// determine current state of each item and assign to state properties
setStates()
// set image for each item (only items with true state)
setImages()
}
function setStates() {
// assign current cookie to local variable
var storedValue = getCookie("outline")
// if desired cookie not found (null)
if (!storedValue) {
// set states to default if no cookie found
for (var i = 0; i < outline.length; ++i) {
// only topmost level is visible by default
if (outline[i].depth == 0)
outline[i].state = true
else
outline[i].state = false
}
} else {
// extract current states from cookie (0 => false, 1 => true)
for (var i = 0; i < outline.length; ++i) {
if (storedValue.charAt(i) == '1')
outline[i].state = true
else
outline[i].state = false
}
}
}
function setImages() {
// loop through all elements of the outline "array" (object)
for (var i = 0; i < outline.length; ++i) {
if (outline[i].state)
if (outline[i].parent) // outline[i] is a parent
if (outline[i + 1].state) // outline[i] is exploded
outline[i].pic = '<A HREF="javascript:toggle(' + i + ')"><IMG SRC="exploded.gif" BORDER=0></A>'
else // outline[i] is collapsed
outline[i].pic = '<A HREF="javascript:toggle(' + i + ')"><IMG SRC="collapsd.gif" BORDER=0></A>'
else // outline[i] is only a child (not a parent)
outline[i].pic = '<IMG SRC="child.gif" BORDER=0>'
}
}
// change from expanded to collapsed and vice versa
function toggle(num) {
// loop starts at item following argument
// terminate loop when:
// a) last element of outline "array" reached
// b) current item (outline[i]) is not deeper than toggled item (outline[num])
for (var i = num + 1; i < outline.length && outline[i].depth >= outline[num].depth + 1; ++i) {
// if current item (outline[i]) is a direct child of outline[num]
if (outline[i].depth == outline[num].depth + 1)
outline[i].state = !outline[i].state // toggle state
}
// store new states in cookie
setStorage()
// reload page
history.go(0)
}
function setStorage() {
// initialize local variable to empty string
var text = ""
// loop through all properties of outline "array"
for (var i = 0; i < outline.length; ++i) {
// use "1" character to represent true state, and "0" for false state
text += (outline[i].state) ? "1" : "0"
}
// create cookie named "outline" with "binary" string
setCookie("outline", text)
}
// update database
makeDatabase()
// -->
</SCRIPT>
</HEAD>
<BODY bgcolor="white">
<SCRIPT LANGUAGE="JavaScript">
<!--
// use <PRE> to enable indentation via spaces
document.write('<PRE><H4>')
// loop through elements of outline "array"
for (var i = 0; i < outline.length; ++i) {
// if current item's state is true
if (outline[i].state) {
// place three spaces for each nesting (depth * 3 spaces)
for (var j = 0; j < outline[i].depth * 3; ++j) {
document.write(' ')
}
// follow indentation with picture, another space, text, and new line
document.write(outline[i].pic, ' ', outline[i].text, '<BR>')
} else {
// current item's state is false (skip all its children)
var previous = i
for (var k = i + 1; k < outline.length && outline[k].depth >= outline[previous].depth; ++k) {
++i
}
}
}
// end <PRE> to return to normal formatting
document.write('</H4></PRE>')
// -->
</SCRIPT>
</body>
</html>
<!-- w w w . h t m l . i t -->
http://www.html.it/jscript/grafica/immagini.zip
Fonte: http://www.html.it/jscript/grafica/grafica01.htm
:eyes:
Forse cercavi una cosa come questa: http://www.constile.org/template/menu_verticali/
secondo me intende questo:
http://www.meyerweb.com/eric/css/edge/menus/demo.html
voi per caso conoscete degli script semplicissimi senza nessuna aggiunta grafica? tutti quelli che ho trovato hanno inutili aggiunte.
dovrebbero dare lo stesso effetto del link soprastante
Non credo :tongueOLDCitazione:
Originalmente inviato da Rommel
Dalla descrizione:Si capisce che è esattamente come quello ho che postato io (dato che negli altri non si clicca da nessuna parte), anche se andrebbe un pò modificato (personalmente cambierei almeno le immagini dello jacascript che so bruttine) :tongueOLDCitazione:
Originalmente inviato da dolls
No... quella delle aggiunte inutili è un "must" di chi programma :tongueOLDCitazione:
Originalmente inviato da Rommel
Comunque puoi sempre metter mano al codice ed "aggiornarlo" come ti serve, o se non sai dove mettere mano... ti crei un' immagine 1x1pixel tutta trasparente... e le dai il nome delle immagini nello scritp (cosi nessuna immagine viene visualizzata) :tongueOLD
ME GENIO! :eyes:
Ma ad albero significa che si dirama siccome albero in vari rami e ciascun ramo in altri rami, se le parole hanno ancora in senso :) .
Cmq un menu ad albero essenziale è questo, se cambiate tutti gli onclick con onmouseover non bisogna neanche cliccare.
<style>
<!--
DIV.clTop{position:absolute; width:170}
DIV.clSub{position:absolute; left:10; width:170}
#divCont{position:relative; left:100; top:0; height:400; width:170;}
A.clMain{font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; font-weight:bold; color:black}
A.clSubb{font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; color:black}
#divMain{position:absolute}
//-->
</style>
<script language="JavaScript">
/************************************************** ******************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
************************************************** ******************************/
/************************************************** **********************************
This script is a "foldout" menu script, all the "foldouts" will
stay outfolded in older browsers. Works in ie4+ and ns4+.
To change where the menu appears change the left and top values of the divCont
in the stylesheets, it's currently placed relative so you can
place this menu in tables or similar if you want. Change the
text colors and size in the A.clMain and A.clSubb classes.
************************************************** **********************************/
/************************************************** **********************************
Change this to false if you want all the submenus to get unfold when you
foldout a new one.
************************************************** **********************************/
var stayFolded=false
/************************************************** **********************************
Browsercheck
************************************************** **********************************/
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var browser=((n || ie) && parseInt(navigator.appVersion)>=4)
/************************************************** **********************************
Making cross-browser objects
************************************************** **********************************/
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+ob j+'.style')
this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('docum ent');
this.height=n?this.ref.height:eval(obj+'.offsetHei ght')
this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
return this
}
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;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
/************************************************** **********************************
Initiating the page. Just add to the arrays here to get more menuitems
and add divs in the page
************************************************** **********************************/
function init(){
oTop=new Array()
oTop[0]=new makeMenu('divTop1','divCont')
oTop[1]=new makeMenu('divTop2','divCont')
oTop[2]=new makeMenu('divTop3','divCont')
oTop[3]=new makeMenu('divTop4','divCont')
oTop[4]=new makeMenu('divTop5','divCont')
oTop[5]=new makeMenu('divTop6','divCont')
oSub=new Array()
oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')
oSub[5]=new makeMenu('divSub6','divCont.document.divTop6')
for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
}
/************************************************** **********************************
This is the function that changes the sub menus to folded or unfolded state.
************************************************** **********************************/
function menu(num){
if(browser){
if(!stayFolded){
for(i=0;i<oSub.length;i++){
if(i!=num) oSub[i].hideIt()
}
for(i=1;i<oTop.length;i++){
oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
oSub[num].vis()?oSub[num].showIt():oSub[num].hideIt()
for(i=1;i<oTop.length;i++){
if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
}
//Initiating the menus onload, if it's a 4.x+ browser.
if(browser) onload=init;
</script>
</HEAD>
<BODY bgcolor="white">
<!--************************************************** **********************************
Replace your links with the # inside the a tags to get links.
************************************************** **********************************-->
<div id="divCont">
<div id="divTop1" class="clTop"><a href="#" onclick="menu(0); return false" class="clMain">[choice 0]</a><br>
<div id="divSub1" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
<a href="#" class="clSubb">-Sub 3</a><br>
<a href="#" class="clSubb">-Sub 4</a><br>
</div><br>
</div>
<div id="divTop2" class="clTop"><a href="#" onclick="menu(1); return false" class="clMain">[choice 1]</a><br>
<div id="divSub2" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
</div><br>
</div>
<div id="divTop3" class="clTop"><a href="#" onclick="menu(2); return false" class="clMain">[choice 2]</a><br>
<div id="divSub3" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
<a href="#" class="clSubb">-Sub 3</a><br>
</div><br>
</div>
<div id="divTop4" class="clTop"><a href="" onclick="menu(3); return false" class="clMain">[choice 3]</a><br>
<div id="divSub4" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
</div><br>
</div>
<div id="divTop5" class="clTop"><a href="" onclick="menu(4); return false" class="clMain">[choice 4]</a><br>
<div id="divSub5" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
<a href="#" class="clSubb">-Sub 3</a><br>
<a href="#" class="clSubb">-Sub 4</a><br>
<a href="#" class="clSubb">-Sub 5</a><br>
</div><br>
</div>
<div id="divTop6" class="clTop"><a href="" onclick="menu(5); return false" class="clMain">[choice 5]</a><br>
<div id="divSub6" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
</div><br>
</div>
</div>
http://www.phoenity.com/newtedge/horizontal_nav/
conoscete qualcosa simile a questo in js?
purtroppo sono costretto ad usare il js perché ie non supporta i selettori child del css :cry:
Nel mio primo post, non quello sopra, c'è il link a quello orizzontale uguale a quello che hai linkato tu.
ammazza grazie per l'aiuto. In quanti avete risposto, grazie :)
e comunque il codice che mi ha dato masnada non funzia
intendevo come il menù di questa pagina http://avrilboi.altervista.org/new/index2.htm vedete è ad albero
Il codice di quello che ho postato io è appunto ad albero
ma nessuno sa dirmi il codice del sito che ho postato!!! e poi nn riesco ad entrare nel pannello di controllo
ho un'altro problema guardate qui cosa mi dice:
Traffico temporaneamente bloccato
Il traffico verso questo sito web è stato temporaneamente bloccato perchè è stata superata la quota mensile assegnata all'account dolls pari a 10 GBytes, il sito sarà nuovamente accessibile a partire dal primo giorno del prossimo mese.
___________
L'account non è accessibile tramite pannello, può essere:
Un problema transitorio dovuto ad un aggiornamento o guasto, in questo caso se persiste per oltre due ore consecutive contatta : ......
Il sistema ha bloccato il traffico perchè hai superato la quota di risorse a te assegnate di spazio o banda (controlla la barra rossa e quella gialla), le risorse di cui disponi sono incrementabili: ....
Banda utilizzata: 100% - 10 GB su 10 GB disponibili
Spazio utilizzato: 85% - 15272 KB liberi
La tua quota di spazio ammonta a 100 Megabytes, potrai aumentarla fino all'infinito cliccando sul tasto "Risorse" in alto a destra, ricorda che è anche possibile aumentare la banda a tua disposizione.
__________________________________________________ ____________________
quindi se io clicco ad esempio Spazio disponibile: 100 MB
Costo prossimo upgrade: 1500 AC -
non pago nulla, sarebbe la moneta virtuale, ma non è reale giusto!!
ma scusa cosa vuol ldire il codice del sito che ho postato??? quello è il suo menu, poi tu il tuo se hai già uno schema funzionante te lo personalizzi come ti pare no? chiediglielo a lui direttamente se ti vuoi copiare pari pari quel menu allora, ti ho postato addiruttura tutto il codice, dovevi solo incollarlo
E' facilmente ricollegabile alla storia dell' mp3...Citazione:
Originalmente inviato da dolls
ogni volta che uno accede al tuo sito si scarica completamente il file che nel migliore dei casi è di 3/4 megabyte... e nel peggiore può arrivare a 15/16 (a seconda della definizione audio)... ormai ti tocca rimanere senza banda (a meno che non la alzi per un GB con gli AC) fino a gennaio... (penso sia il motivo pure per cui non puoi accedere al pannello di controllo)...
La prima cosa che ti devi ricordare di fare è eliminare il file dallo spazio :)
quello sicuro il file audio lo toglierò e nn lo metterò più!!!!! ma quindi per accedere al mio sito, che da come ho capito potrò accedere a gennaio giusto?? si riaprirà il pannello verò?
Si esatto :)
però io comunque ho letto le spiegazioni per lo spazio, cioè per farlo aumentare, ma nn ci ho capito nulla, scusatemi ma parlate più semplicemente, il sito lo sò fare, ma le spiegazioni sono un pò incasinate!!
Ciao!
penso che se tu ti compri un blocco di altri 10GB dovresti riavere il tuo sito:p
ciao!!!!!!!!!!!!