Top Menu

[crash11]

Καλησπερα, ξερει καποιος καποιο καλο free top menu;

[mockrow]

prestaloveeasy menu δουλέυει κανονικότατα σε 1.5.Χ και 1.6 και πειράζεται πανέυκολα!

[crash11]

Ευχαριστω για την απαντηση.Μπορεις να βάλεις φωτογραφίες στις κατηγοριες;

[mockrow]

Γίνεται απο το css του module, θα βγαλεις το background color και το text και θα βαλεις την εικονα, αλλα στα pixel που θελει.

 

Επισης θα χρειαστεί αλλαγη και στη hover(παλι μεσα στο css) για να μην αλλαζει στο default οταν πηγαινεις το ποντικι επανω

[crash11]

Το εγκατέστησα σε presta 1.6.0.5 αλλα δεν λειτουργει.Ξερεις πως μπορω να πειραξω το topmenu που εχει ηδη;Σε μια κατηγορια εχω 7 υποκατηγοριες απο τις οποιες εμφανιζει τις 5 στην πρωτη γραμμη και τις αλλες 2 απο κατω.Θελω να ειναι και οι 7 στην ιδια γραμμη.Πως μπορω να μειωσω τα κενα μεταξυ των υποκατηγοριών;Σ' ευχαριστω

[mockrow]

Στην έκδοση 1.6.0.5 σίγουρα λειτουργεί διότι σε αυτή το χρησιμοποιώ! 

 

Για τα κενά των subcategories, δεν γνωρίζω, αλλά κατα 99% γίνεται απο το css του module blocktopmenu

[crash11]

Καλημέρα, σ'ευχαριστώ, το δοκίμασα πάλι και λειτούργησε. Μπορείς να με βοηθήσεις στο πως να βάλω φωτογραφίες στις υποκατηγορίες;

[mockrow]

Καλησπέρα!

 

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

 

Για το παράδειγμα θα χρησιμοποιήσω 2 εικόνες την a.gif  και την b.gif  Εσύ, θα χρησιμοποιήσεις αυτές που θέλεις και στο σωστό μέγεθος.

 

Αρχικά, θα χρειαστεί να πειράξουμε ένα css αρχείο. Πρίν του βάλουμε χέρι, καλό είναι να το πάρουμε ένα backup. Το αρχείο είναι το prestaloveeasymenu.css και βρίσκεται στη διαδρομή: 

html/modules/prestaloveeasymenu/css/prestaloveeasymenu.css

Κατά την εγκατάστασή του και την προσθήκη μερικών κατηγοριών το module μοιάζει κάπως έτσι:

 

 

Για να αλλάξουμε εικόνα στις κατηγορίες, προσθέτουμε στο prestaloveeasymenu.css την οδηγία να τραβάει την background image με όνομα a.gif:

.sf-menu a {
  padding: 0px 30px;
  line-height: 36px;
  color: #eee;
  text-shadow: -1px -1px 2px #333333;
  font-weight: bold;
  font-size: 110%;
  font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
  
  background-image: url("a.gif");

}

Εάν θέλουμε να αλλάζει το background μίας υποκατηγορίας κάθε φορά που πάει το ποντικι πάνω της, λέμε στην .hover να διαβάζει την ανάλογη εικόνα προσθέτοντας το παρακάτω:

.sf-menu li.sfHover a {
   background-image: url("a.gif");
}

Για να προσθέσουμε εικόνα στις υποκατηγορίες, προσθέτουμε στην .sf-menu ul li την background image που θέλουμε να τραβάει:

.sf-menu ul li {
	border-bottom: 1px solid #999;
	background-image: url("b.gif");
	padding: 0;
}

Τέλος, εάν θέλουμε να αλλάξουμε ή να αφαιρέσουμε το φόντο απο τις υποκατηγορίες(για να ταιριάζει ή να κάνει πλαίσιο σε κάποια εικόνα) γίνεται από το:

.sf-menu ul {
	background: #AEFF00; /*Εδώ το έκανα ανοικτό πράσινο, αν δεν θέλουμε φόντο, το σβήνουμε τελείως*/
	margin: 20px 0;
	padding: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #999;
	width: 15em;
}

Οπότε μοιάζει κάπως έτσι (υπέροχο)   :

 

 

[crash11]

Σ' ευχαριστώ πολύ, θα το δοκιμάσω