Su consiglio avuto da giusebos in un altro post, ho deciso di riprovare con il template invece del framework..

Non sono partito da zero, ma ho fatto una copia del protostar che non lo trovo molto pesante e mi posso dedicare solo alle modifiche di ciò che voglio cambiare..

La parte che più mi interessa è il menù, dove trovo maggiori difficoltà...

ho creato un sito Demo per fare le prove http://gpro.altervista.org/  non considerate i contenuti, mi serve solo il Menù

Sono riuscito a metterlo tutto rosso con la parte selezionata nera come volevo il problema è sul sottomenu.

Prendendo spunto da questo sito https://www.gpro-strategy.net/it/  che ha il menù con lo stile che vorrei io, vi dico i problemi che ho:
1> il Menù Prova non ha la freccetta che fa capire che ha un sotto Menu. Senza andare a modificare proprio la voce di Menù, come potrei risolvere by CSS?
2> Se si passa con il mouse sopra la voce "Prova" non si apre il sottomenù, bisogna cliccarci sopra poi se ci passi va bene, sapete come mai?  Premetto che in locale con altra installazione non mi da problema.


il css che ho messo sul file custom.css è il seguente:.navigation {
    padding: 0px 0;
    border-top: 0px solid rgba(0,0,0,0.075);
    border-bottom: 0px solid rgba(0,0,0,0.075);
    margin-bottom: 10px;
    background-color: #E10600 !important;
}


.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 0px;
   margin-top: 0px;
    margin-bottom: 0px;
    line-height: 20px;
    border-radius: inherit;
    color: white;
}


.nav-pills > li > a:hover, .dropdown:hover .dropbtn {
   background-color: black;
   display: inline-block;
}


.nav > li > a:focus {
    text-decoration: none;
    background-color: #222;
}


.nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-primary {
    background: black;
}


Non sono esperto di CSS per cui se notate errori o miglioramenti da fare ditemi pure... 


Grazie

Senza intervenire sul css è come voler mangiare senza toccare cibo

Vero, intendevo dire, se era possibile farlo utilizzando le funzioni del Framework, anche se.. da un primo sguardo sulla documentazione non ho trovato nulla a riguardo...

Buonasera,


Dopo aver provato per un pò a farmi un template da zero, sono tornato a riutilizzare un framework..
Un pò perchè non ci voglio perdere troppo tempo è per siti personali, un pò per poca esperienza nei template e un pò perchè pur riuscendo a creare un template minimale, mancava sempre qualcosa specie sullo stile dei menù, dove pur intervenendo sui CSS non riuscivo ad ottenere lo style che volevo... così sono tornato al T3 o meglio il T4 che è con bootstrap 4.


La nuova personalizzazione, mi ha in primo luogo un pò spiazzato, è diverso dalla sezione amministrativa del T3, poi però "giocandoci" un pò non è male ha molte più cose...


Non mi trovo però sulla personalizzazione del Menu...


Mi spiego quello che mette è con dei link e quando passi sopra con il mouse o selezioni una voce cambia solo il colore del link...
A me invece piace un menu che evidenzi non solo la scritta, ma tutta la sua sezione...
Tipo il menu di questo Forum o di questo sito www.gpro-strategy.net

Sapete come rendere il Menu come intendo io senza dover intervenire sul CSS?

Una considerazione: se hai usato protostar per costruire il tuo template, il menù dovrebbe essere bello che funzionante.....quindi, perchè ricostruirlo?

No, forse mi sono espresso male...
Se parto dalla base di Protostar va bene, il menù è funzionate, ma si basa sul bootstrap 2.X...
Io invece volevo provare a creare il template da zero e la difficoltà la sto trovando sul Menu, in quanto joomla di base imposta le classi del bootstrap 2.x che, spesso, non sono le stesse del bootstrap 4.5 e le dovrei "sovrascrivere"

Allora 319MB per un file sql non sono pochi, vanno compressi con in un file ZIP, pure con WinRAR puoi farlo impostato la massima compressione dovresti ottenere un file di circa 12 MB


Se usi XAMPP puoi importare file come ti pare basta semmai modificare il file PHP.ini impostando
post_max_size=128MB
upload_max_filesize=128M


fai uno stop e start del server Apache e SQL e potrai caricare file fino a 128MB (ovviamente glieli passi compressi)


Se devi modificare file grandi non si usa WORD o Notepad, puoi usare Notepad++ se non è troppo grande, altrimenti si usa GLOGG puoi caricare anche file da 2 GB, io lo uso a lavoro per leggere i log di file che superano i 300MB e li apre in un attimo...

hai perfettamente ragione, apro un nuovo post... 

Ho provato a creare il template da zero,
ho seguito un tutorial e visto un pò come è fatto Protostar


Dal pannello Amministrativo sono riuscito a mettere la tab Advanced con alcuni parametri che mi personalizzo, tipo Logo, colore di background, ecc (giusto per testarne il funzionamento e vedere come sfruttarli nell'index.php)


Sono riuscito a disabilitare il Bootstrap di joomla (ver 2.X) e a mettere il bootstrap 4.5


Gli articoli, i moduli e il menù si vedono, ma trovo un pò di difficoltà con le personalizzazioni.


In particolare il Menu, mi si vedono come semplici link mentre li vorrei tipo pulsanti (come quelli che ci sono in https://getbootstrap.com/docs/4.5/components/navs/)


L'esempio che vorrei riprodurre è questo:
<ul class="nav nav-pills" role="tablist">
<li class="nav-item">
  <a class="nav-link active" data-toggle="pill" href="#home">Home</a>
</li>
<li class="nav-item">
  <a class="nav-link" data-toggle="pill" href="#menu1">Menu 1</a>
</li>
<li class="nav-item">
  <a class="nav-link" data-toggle="pill" href="#menu2">Menu 2</a>
</li>
  </ul>

in pratica:
La classe sulla ul (class="nav nav-pills") sono riuscito a metterla (si può dal modulo menu)
la classe su li (class="nav-item") sono riuscita a metterla mediante una funzione javascript tipo questa


var ul = document.getElementsByTagName("li");
for (var i = 0; i < ul.length; i++) {
    if (ul[i].className.includes("item")) {
        ul[i].className = 'nav-item';
    }
}



ora mi manca invece la parte del link esempio
<a href="/Siti_Prove/joomla_39_Demo/index.php" >Home[/url]


che dovrebbe essere con la classe:
1> class="nav-link active" => se attivo
2> class="nav-link" => se non attivo


Qui trovo difficoltà, qualcuno di voi saprebbe consigliare come fare?
O ci sono metodi differenti che mi facilitano il compito, di cui non sono a conoscenza?


o provato con il javascript cercando l'elemento per TAG "a", ma poi mi modifica tutti i link e non è quello che vorrei.


Poi avrei il problema del modulo di Login che si vede, ma formattato male, ma li penso di risolvere con il semplice CSS, invece il menù mi sfugge come risolvere.


In alternativa ho provato a fare la copia del template di Protostar e poi modificarlo, aggiungendo posizioni, field e un pò di css, ma sarei limitato dal fatto che usa il bootstrap 2.x, io invece volevo provare a rifare tutto da zero, ma per mia inesperienza, qualche difficoltà la sto trovando :-)

Secondo me andrea2002 non ha tutti i torti, anche se...


Lato velocità con pagespeed di Google, come detto anche dagli altri non è molto attendibile.
Direi che per la velocità si può basare tranquillamente sulla versione Demo senza fare Test che non sarebbero Veritieri non sapendo su che server sono.
Però apri il template Demo, ci navighi un pò per vedere le caratteristiche e reattività, ecc..
Se già nella navigazione Demo è lento e non reattivo lascia perdere, se un venditore non sa proporre una demo reattiva e funzionante facile non avrai nemmeno una buona assistenza se ti servirà.
Dalla versione Demo puoi vedere subito come si vede anche sui Device, o ti colleghi da smartphone o usi ad esempio Firefox che ha la possibilità di farti vedere il sito in modalità device.


Per i Template a pagamento, ce ne sono tanti, anche quello proposto da andrea2020 "Joomla51", i prezzi sono bassi, partono da 19 Euro a salire, anche se non è tantissima la scelta.
Buono è anche themeforest che ha molti template, puoi vedere anche quante volte è stato venduto, i voti ricevuti, ecc..


Per la scelta del template ovviamente è tutto soggettivo, come dire, ti deve piacere...
Considera solitamente un template non ha tantissime personalizzazioni, puoi cambiare logo, colore, font, e simili, ma tipo lo scheletro, le impostazioni di base no.
Per dire il tipo di menu, la visualizzazione delle immagini solitamente non puoi modificarli o se te lo consentono in modalità lieve...


Tanti per ottenere quello che vogliono poi intervengono sul CSS, ma a quel punto se ci devi smanettare che senso ha comprarne uno a pagamento?


In soldoni le soluzioni che uno ha sono:
1> Ti prendi un template Free per non spendere soldi, modifichi quello che ti permette di modificare, ma in sostanza ti "accontenti" di quello che hai
PRO: non ti costa nulla
CONTRO: ti devi accontentare delle poche personalizzazioni che ti fa fare.
2> Usi un framwork, che sono gratuiti e ti permettono di fare molte modifiche
PRO: è gratuito e puoi fare più modifiche di un template free
CONTRO: hai le limitazioni imposte dal framwork, per cui se ti va bene con le sue personalizzazioni ok, ma se ci devi mettere mano sopra per modificarlo lascia perdere...
3> Se hai conoscenze, ti prendi un template base e lo modifichi a tuo piacimento, fai esperienza e te lo fai come piace a te.
PRO: te lo crei come piace a te senza limiti
CONTRO: Devi avere buone conoscenze di CSS, JS, HTML, PHP, ecc.. E porta via molto tempo specie se è la prima volta che lo fai..
4> Ti prendi un template a pagamento, il più simile a quello che piace a te
PRO: rispetto a quelli Free ha più personalizzazioni e dovresti avere assistenza se hai problemi.
CONTRO: ha un costo e se non è proprio come lo vuoi tu ci hai speso solo soldi.
5> Se hai soldi da spendere te ne fai fare uno su misura, come piace a te senza perderci troppo tempo.
PRO: decidi come vuoi il template e te lo fanno
CONTRO: ha sicuramente costi più alti rispetto a quelli che compri, perché è su Misura.

Confermo,


La scelta è in base ai tuoi gusti, i free hanno il vantaggio che non sono a pagamento, ma spesso sono più limitati nella personalizzazione.
Quelli a Pagamento hanno più personalizzazioni, ma ovviamente deve piacerti altrimenti sprechi solo soldi.
io per il mio sito utilizzati il t3 framework (che non è un tema, ma lo strumento base per creali) è gratuito e ti permette di fare molte personalizzazioni...
L'ideale sarebbe farselo da se, o almeno partire da una base che ti piace e poi personalizzarlo in base alle tue esigenze...


Penso che il Template sia una delle cose più difficili nella realizzazione di un sito, perchè è quella parte iniziale che deve attirare l'utente e non è per nulla facile sceglierne uno che soddisfi i propri gusti... 

Ma per il resto? consigli?


Si può realizzare un social network solo con joomla senza usare plugin o bisogna per forza usarne qualcuno e se si qual'è il migliore ?


Come mai negli ultimi tempi wordpress ha preso molto piede e joomla invece è andato un pò calando?