Problema risolto Menù!!!

[Sterzolg]

Io ho messo il menò consigliato da pazienza

Perfavore, Entra oppure Registrati per vedere i Link!

Ma come vedete roster è in nero e le altre 2 no

perchè????

Vorrei che fosse tutte e 3 neri

ecco il file css

Spoiler

div.sdmenu {
width: 150px;
font-family: Arial, sans-serif;
font-size: 12px;
padding-bottom: 10px;
background: url(bottom.gif) no-repeat right bottom;
color: #fff;
}
div.sdmenu div {
background: url(title.gif) repeat-x;
overflow: hidden;
}
div.sdmenu div:first-child {
background: url(toptitle.gif) repeat;
}
div.sdmenu div.collapsed {
height: 25px;
}
div.sdmenu div span {
display: block;
padding: 5px 25px;
font-weight: bold;
color: white;
background: url(expanded.gif) no-repeat 10px center;
cursor: default;
border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
background-image: url(collapsed.gif);
}
div.sdmenu div a {
padding: 5px 10px;
background: #eee;
display: block;
border-bottom: 1px solid #ddd;
color: #066;
}
div.sdmenu div a.current {
background : #aaa;
}
div.sdmenu div a:hover {
background : #066 url(linkarrow.gif) no-repeat right center;
color: #fff;
text-decoration: none;
}

e quello .js

Spoiler

function SDMenu(id) {
if (!document.getElementById || !document.getElementsByTagName)
return false;
this.menu = document.getElementById(id);
this.submenus = this.menu.getElementsByTagName("div");
this.remember = true;
this.speed = 1;
this.markCurrent = true;
this.oneSmOnly = false;
}
SDMenu.prototype.init = function() {
var mainInstance = this;
for (var i = 0; i < this.submenus.length; i++)
this.submenus.getElementsByTagName("span")[0].onclick = function() {
mainInstance.toggleMenu(this.parentNode);
};
if (this.markCurrent) {
var links = this.menu.getElementsByTagName("a");
for (var i = 0; i < links.length; i++)
if (links.href == document.location.href) {
links.className = "current";
break;
}
}
if (this.remember) {
var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)");
var match = regex.exec(document.cookie);
if (match) {
var states = match[1].split("");
for (var i = 0; i < states.length; i++)
this.submenus.className = (states == 0 ? "collapsed" : "");
}
}
};
SDMenu.prototype.toggleMenu = function(submenu) {
if (submenu.className == "collapsed")
this.expandMenu(submenu);
else
this.collapseMenu(submenu);
};
SDMenu.prototype.expandMenu = function(submenu) {
var fullHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
var links = submenu.getElementsByTagName("a");
for (var i = 0; i < links.length; i++)
fullHeight += links.offsetHeight;
var moveBy = Math.round(this.speed * links.length);

var mainInstance = this;
var intId = setInterval(function() {
var curHeight = submenu.offsetHeight;
var newHeight = curHeight + moveBy;
if (newHeight < fullHeight)
submenu.style.height = newHeight + "px";
else {
clearInterval(intId);
submenu.style.height = "";
submenu.className = "";
mainInstance.memorize();
}
}, 30);
this.collapseOthers(submenu);
};
SDMenu.prototype.collapseMenu = function(submenu) {
var minHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
var moveBy = Math.round(this.speed * submenu.getElementsByTagName("a").length);
var mainInstance = this;
var intId = setInterval(function() {
var curHeight = submenu.offsetHeight;
var newHeight = curHeight - moveBy;
if (newHeight > minHeight)
submenu.style.height = newHeight + "px";
else {
clearInterval(intId);
submenu.style.height = "";
submenu.className = "collapsed";
mainInstance.memorize();
}
}, 30);
};
SDMenu.prototype.collapseOthers = function(submenu) {
if (this.oneSmOnly) {
for (var i = 0; i < this.submenus.length; i++)
if (this.submenus != submenu && this.submenus.className != "collapsed")
this.collapseMenu(this.submenus);
}
};
SDMenu.prototype.expandAll = function() {
var oldOneSmOnly = this.oneSmOnly;
this.oneSmOnly = false;
for (var i = 0; i < this.submenus.length; i++)
if (this.submenus.className == "collapsed")
this.expandMenu(this.submenus);
this.oneSmOnly = oldOneSmOnly;
};
SDMenu.prototype.collapseAll = function() {
for (var i = 0; i < this.submenus.length; i++)
if (this.submenus.className != "collapsed")
this.collapseMenu(this.submenus);
};
SDMenu.prototype.memorize = function() {
if (this.remember) {
var states = new Array();
for (var i = 0; i < this.submenus.length; i++)
states.push(this.submenus.className == "collapsed" ? 0 : 1);
var d = new Date();
d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000));
document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString() + "; path=/";
}
};

 

[Pazienza]

Sterzo ora dò un'occhiata, anche se come vedi il mio consiglio di non smanettare troppo con le modifiche di quel menu era più che giusto xD

Quindi tu vorresti il menu TUTTO nero, e la freccia e le scritte bianche, ok?

Ecco la soluzione:
tu a quanto ho visto hai sostituito toptitle.gif con un'immagine nera, ma per farli tutti di nero devi modificare anche il title.gif con un'immagine delle stesse dimensioni nera

Dimmi se hai risolto ^^

EDIT: e nel js ti consiglio di aumentare di un secondo la velocità, sembra meglio

 

[Daddy]

Il Menu sembra troppo semplice no?

 

[Pazienza]

Semplice ma efficace.
le cose semplici sono le migliori...



Hai risolto sterzo?

 

[Sterzolg]

E per modificare gli sfondi bianche e mettere le scritte in blu che devo fare?

 

[Pazienza]

Ora vedo...
Sai io ogni volta che suggerisco degli script li testo sul mio sito per controllare se funzionano


In blu vuoi anche i titoli? (roster, schede tecniche etc.)

 

[Sterzolg]

Grazie mille per la collaborazione:bravo:

 

[Pazienza]

Ok, ho finito i test..

Nel file css devi sostituire questa parte verso la fine:

Perfavore, Entra oppure Registrati per vedere i codici!

Con questa:

Perfavore, Entra oppure Registrati per vedere i codici!

i codici che vedi in arancione sono i colori: il primo e il secondo (#000000) sarebbe il nero per lo sfondo, il terzo (#0000ff) sarebbe il blu per le scritte

e dimmi se ti va bene oppure se vuoi cambiare qualcosa altro ;)

Dimenticavo...
Se vuoi modificare i colori che appaiono quando ci passi sopra col mouse (l'hover) basta cambiare i codici dell'ultima parte del file css :bye:

 

[Sterzolg]

GRANDISSIMOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOO

Ultimissima cosa sai cm faccio a metterle sulla stessa riga?

 

[Pazienza]

in che senso?

le scritte del menu una affianco all'altra?
è un menu progettato per stare in verticale, non in orizzontale

 

[Sterzolg]

looooooooooooooooooooooool
Ma che hai capito dicevo le scritte se stavano sulla stessa riga invece di andare a capo

 

[Pazienza]

mhh bisognerebbe allargare tutto il menu e di conseguenza modificare tutte le immagini e stai sicuro che poi si sballa tutto..

ti consiglio di scrivere abbreviato magari, ma non di più

CHIUDO.