Μενού και υπομενού

[ioannis]

Καλησπέρα,

έχω πρόβλημα στο να διαμορφώσω ένα υπομενού σε υπομενού. Σύμφωνα με το elxis_templates_quide θα έπρεπε να δημιουργήσω μια CSS class με την ονομασία .sublevel2 στην οποία θα τοποθετήσω τις αλλαγές που θέλω να εχω?
παραθέτω παρακάτω το κομμάτι του CSS:

a.sublevel {
  font-family:   verdana, arial, sans-serif;
  padding-left: 15px;
  background-color:   #FFFFFD;
  background-image: url(../images/bullet1.gif);
  background-position: left;
  background-position: 0.5em 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  color:#848484;
  font-weight: bold;
  width:auto;}

a.sublevel:hover {font-weight: bold;color:#848484;padding-left: 15px;}

a#active_menu.sublevel {
  background-image: none;
  margin-left:0px;
  color:#848484;
  font-weight: normal;
  padding:2px;
  padding-left: 0px;
}

div.sublevel2 {
  color:#669000;
  font-weight: bold;
  }

το τελευταίο κομμάτι με παχιά γραφή είναι αυτό που συμπλήρωσα για το εν λόγω υπομενού αλλά δίχως αποτέλεσμα.

[ks-net]

.sublevel1  img,  .sublevel2  img,  .sublevel3  img  { }  <= optional
 
.sublevel1, .sublevel2,  .sublevel3   { }

.sublevel1 a#active_menu, .sublevel2 a#active_menu, .sublevel3 a#active_menu   {  }


ή με div.moduletable

div.moduletable .sublevel1  img,  div.moduletable .sublevel2  img,  div.moduletable .sublevel3  img  { }  <= optional
 
div.moduletable .sublevel1, div.moduletable .sublevel2,  div.moduletable .sublevel3   { }

.sublevel1 a#active_menu,  .sublevel2 a#active_menu,  .sublevel3 a#active_menu   {  }

[ioannis]

εννοεις δηλ. το a.sublevel...  κτλ. τα αφήνω ως έχουν και συνεχίζω παρακάτω με .sublevel1{}... ? γιατί το δοκίμασα και ετσι:
.sublevel2 {
  color:#669000;
  font-weight: bold;
  }

αλλά δίχως αποτέλεσμα...

[ks-net]

καταρχήν το sublevel2 είναι το 2ον υπομενου

mainlevel
  -sublevel1
     -sublevel2
       -sublevel3 .....

τελικά αν δεν σου δουλευει πρόσθεσε το div.moduletable  => div.moduletable .sublevel1 και div.moduletable .sublevel2  κτλ...
 ή  πρώτη προς τα πάνω μητρική κλάση
παράδειγμα =>  #leftcolumn .sublevel1

αν δουλευεις με suffix ...
div.moduletable-mysuffix .sublevel1


τα υπόλοιπα που σου έδωσα στο παραπάνω ποστ είναι συμπληρωματικά και πολύ πιθανόν να τα χρειαστείς...

[ioannis]

δηλαδή εκεί που έχω τώρα   sublevel θα πρέπει να το αλλάξω σε   sublevel1 να συνεχίσω με   sublevel2 για το δεύτερο υπομενού που θέλω να φαίνεται διαφορετικά! ή κατάλαβα λάθος?

[ks-net]

to sublevel ειναι container που περιέχει όλα τα sublevel 1 2 3 4 5 6 7...
δεν το πειράζεις

το μενού στο πρώτο άνοιγμα δίνει sublevel1 ,  όταν ανοίγεις το to sublevel1 τότε βγαίνει το sublevel2

αυτό μου έκανε πριν εντύπωση... το ότι πας κατευθείαν στο 2 , γιαυτό και το τόνισα.....

είναι πολύ πιθανόν άλλο να διαμορφώνεις και άλλο να βλέπεις...

φτιάξε υπομενού στο υπομενού για να σε βοηθήσει

edit  σίγουρα δε χρειάζεται να τα πας με την σειρά , μπορεις πχ.  sublevel2 sublevel5 sublevel4 και να λείπουν τα άλλα

[ioannis]

στιν περιπτωσή μου το  sublevel μου καλύπτει στην ουσία την διαμόρφωση του sublevel1. Γι' αυτόν τον λόγο πήγα κατ' ευθείαν στο  sublevel2 στο οποίο το μόνο που θέλω να αλλάξω σε σχέση με το  sublevel1 είναι το χρώμα της γραφής, ή είναι λάθος ετσι?

[ks-net]

sublevel μου καλύπτει στην ουσία την διαμόρφωση του sublevel1.

to sublevel τα επιρεάζει όλα....... είναι ένα γενικό  για όλα τα υπομενού...

εγώ σου λέω τόση ώρα .. αν είσαι σίγουρος ότι αυτό το υπομενού είναι το 2ον ή το 1ον

αν δεν έχεις 2ον υπομενού πώς θα το δεις να αλλάζει εμφάνιση?

ακόμα έχω την εντύπωση πώς άλλο πειράζεις και άλλο βλέπεις.....


αν δε σου κάνει κόπο βάλε αυτό στο css σου
.sublevel1, .sublevel2 {
  color:#669000;
  font-weight: bold;
  }

[ioannis]

τα υπομενού υπάρχουν όλα ήδη, απλά φαίνονται όλα ίδια. το πρόσθεσα αυτό στο css αλλά δεν παρατηρώ καμιά αλλαγή.

η σειρά που έχω τώρα είναι η εξής:

μενού
  υπομενού 1
      υπομενού 2

[ks-net]

τι τύπο μενού έχεις?

οριζόντιο , επίπεδη λίστα?

δώσμου ένα λινκ να το δώ αν γίνεται....


και δες αυτά που λέμε πώς δουλεύουν....κατέβασε και το tpl αν θες να το μελετήσεις
http://www.elxis-templates.gr/index.php?mos_change_template=ks-iservice

[ioannis]

το σιτε δεν το εχω ακόμη online. Το δουλεὐω πρός το παρών offline. το μενού είναι το mainmenu κάθετο

[ks-net]

.sublevel2 a {}  
.sublevel2 a:hover {}
.sublevel2 a#active_menu
το βρήκα.... μάλλον

[ioannis]

Αυτό ήταν δουλεύει.
εγώ είχα δοκιμάσει το εξής στην αρχή:

a.sublevel2 {} 
a.sublevel2:hover {}
a#active_menu.sublevel2 {}

αλλά δίχως αποτέλεσμα... 

σ' ευχαριστώ για την βοήθεια!

[ks-net]

αυτό θα δούλευε αν η κλάση ήταν μέσα στο <a href....
αλλά συμβαίνει τρόπο τινά το ανάποδο ... οπότε δουλεύει αυτό που σου έδωσα εγώ

επίσης
το .sublevel2 a {}
τώρα   υπερκαλύπτει και (ή) συμπληρώνει το
a.sublevel {
  font-family:   verdana, arial, sans-serif;
  padding-left: 15px;

που υπάρχει πιο πάνω στο css σου...

αν αλλάξει ή σειρά τότε .....