How To do a Horizontal Menu in PHPMaker 10 without Extensions, Only CSS

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”]

2 pensieri su “How To do a Horizontal Menu in PHPMaker 10 without Extensions, Only CSS”

Lascia un commento

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