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

Condividi il tuo amore
cellicom
cellicom

Conosciuto sul web come cellicom.
Classe 1987, ma curioso e motivato programmatore dal 2004.
Appassionato da sempre di giochi da tavolo e TCG. Ex cosplayer ormai in pensione.
Ispirato dal fantasy e dal vaporwave, è sempre alla ricerca di una posizione dove può impiegare al meglio la sua esperienza e la sua creatività con la possibilità di crescita personale e professionale.

Articoli: 191

2 commenti

Lascia una risposta

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