Se non si hanno a disposizione le famigerate estensioni del PHPMaker 10, ecco un metodo semplice che vi aiuterà a convertire il menù verticale in orizzontale usando solo il CSS.

E’ ben noto che si trovano diverse licenze “Educational” del PHPMaker, ovviamente tutte senza estensioni (quelle sono a pagamento e non le si trovano in giro)

Una estensione molto comoda, è quella grafica che ci permette, oltre a mettere le varie iconcine graziose al posto dei tristissimi testi “Aggiungi” o “Modifica”, ci permette anche di posizionare il menu orizzontalmente.
Si, certo, lì c’è un sistema differente di renderizzazione, viene implementato Bootstrap che ti fa fare anche il menu a tendina. Ma per una cosa semplice e veloce, possiamo anche accontentarci di questo.
Andiamo al dunque.

A. Per prima cosa, inserire un css personalizzato nel progetto. (evitando così di toccare l’originale)
HTML ->Styles ->User Stylesheet

Screenshot_css

 

 

B. Creare un file su:

ProjectDir/phpcss/miocss.css

 

C. Aprire il file e incollare le seguenti righe di codice:

.ewMenuColumn {
width: 100% !important;
float: left;
}

.ewContentColumn {
float: left;
}

#RootMenu li {
display: inline-block;
}

 

 

D. Salvare il file, e rigenerare (Generate) il progetto. E il gioco è fatto!

Final_result_horizontal_menu_via_CSS

 

[button size=”large” type=”success” value=”Download hkvstore PHPMaker 10″ href=”http://www.hkvstore.com/phpmaker/download.asp”]


cellicom

classe 1987, programmatore web e mobile, giocatore di WOW TCG e admin di cellicomsoft.com

2 Comments

isa · 18 Maggio 2015 at 06:29

thanks dude its help me a lot so simple 😀

Making Horizontal Menu in PHPMaker 10 without Extensions (Only with CSS) | i love phpmaker · 10 Marzo 2015 at 08:18

[…] Source : https://www.cellicomsoft.com/horizontal-menu-phpmaker-10-css/ […]

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *