Post

1

I Template di Joomla 1.6/1.7/2.5 / Joomla - menų che cambia solo il content senza reload intera pagina

« il: 13 Ott 2014, 11:57:26 »

Ciao a tutti,


vorrei sapere se ci sono plugin e/o templates che consentono di utilizzare joomla in maniera diversa rispetto all'originale: in sostanza cerco un effetto per il quale navigando nel menų non venga ricaricata la pagina intera, piuttosto il "frame" (o il div) del contenuto al centro.


Vi porto un esempio di un non-joomla:


http://www.wix.com/demone2/punk-band


Grazie per la collaborazione!


vik

2

I Template di Joomla 1.6/1.7/2.5 / Re:Template Vertex shape5 e menų rollover con immagini (J 2.5)

« il: 04 Nov 2013, 10:48:45 »

Se invece ti riferisci ai menų laterali, lė sė, puoi personallizzare con l'item.

Ok caro, ho intrapreso dunque questa strada.

Ricapitolo:

- creato nuovo modulo di tipo Menu con Menu Tag ID: "menu_rollover"
- creato nuovo menu "menu_rollover" e collegato al modulo "menu_rollover"
- create le voci di menu, es:
   * voce home: opzioni tipo link con immagine e Classe css del link "home"
   * voce chi siamo: opzioni tipo link con immagine e Classe css del link "chi_siamo"
   * ecc.. per tutte le voci
- codice css:

Codice: [Seleziona]

/* nasconde mainmenu, potrebbe essere non indispensabile */
#s5_menu_wrap {
  visibility:hidden;
}

/* per avere menu orizzontale*/
#menu_rollover { 
  list-style:none;
  width:300px;   /*larghezza minima, variabile a seconda delle voci*/ 
}
#menu_rollover li {
  float:left;
}

/*nasconde le voci di menu come immagini per poi visualizzarle come sfondo*/
#menu_rollover img {
  visibility:hidden;
}

/*definizione immagini come sfondo voci di menu ed effetto rollover e voce attiva*/
/* voce home */
ul.menu li a.home {
    color: #FFFFFF;
    background: url(images/icone/Icona-home.png) no-repeat;
    padding:15px;   
}
/* voce home rollover e attiva*/
ul.menu li a.home:hover,
ul.menu li.active a.home {
    color: #FFFFFF;
    background: url(images/icone/Icona-home_over.png) no-repeat;
    padding:15px;
}

/* voce chi siamo */
ul.menu li a.chi_siamo  {
    color: #FFFFFF;
    background: url(images/icone/Icona-chi-siamo.png) no-repeat;
   padding:15px;
}
/* voce chi siamo rollover e attiva*/
ul.menu li a.chi_siamo:hover,
ul.menu li.active a.chi_siamo {
   color: #FFFFFF;
   background: url(images/icone/Icona-chi-siamo_over.png) no-repeat;
   padding:15px;
}

Funge, ma restano i seguenti dubbi:

1 - nonostante disabilitato da back-end, il vecchio mainmenu rimaneva visibile. Ho dovuto toglierlo con css
2 - nel mainmenu la "Classe css del link" alle singloe voci non funzionava, tantomeno come giā scritto i singoli item erano differenziati: per questo ho dovuto necessariamente creare un menų nuovo
3 - le icone come <img> sono state rese invisibili dal css (alternativamente non inserendo il menu a immagini con "Immagine menu" si vedeva il menų testuale)
4 - il link Home č attivo all'apertura della pagina, sarebbe stato meglio che all'apertura tutto fosse stato inattivo
5 - č stato tutto molto macchinoso a mio avviso, credo che Joomla e/o il template scelto avrebbero potuto facilitare questa opzione, soprattutto utilizzando direttamente il mainmenu.

Grazie caro, e spero di aver contribuito

Vik

3

I Template di Joomla 1.6/1.7/2.5 / Re:Template Vertex shape5 e menų rollover con immagini (J 2.5)

« il: 03 Nov 2013, 10:32:10 »

Ciao e grazie per l'accoglienza


Allora, se non sono invasivo provo a postare il codice di due voci di menu creati da Vertex (a proposito, ho scelto questo template perchč mi serviva una soluzione liquida):

Codice: [Seleziona]

<div id="s5_menu_wrap">
<ul class="menu" id="s5_nav">
<li class="active">
<span class="s5_level1_span1">
<span class="s5_level1_span2">
<span class="s5_img_span"><img alt="home" onclick="window.document.location.href='/relink/'" src="/relink/images/icone/Icona-home.png" style="float:left;cursor:pointer"></span>
<a href="/relink/"><span onclick="window.document.location.href=&quot;/relink/&quot;"></span>[/url]
</span>
</span>
</li>


<li>
<span class="s5_level1_span1">
<span class="s5_level1_span2">
<span class="s5_img_span"><img alt="chi-siamo" onclick="window.document.location.href='/relink/index.php/chi-siamo'" src="/relink/images/icone/Icona-chi-siamo-30px_s1.png" style="float:left;cursor:pointer"></span>
<a href="/relink/index.php/chi-siamo">
<span onclick="window.document.location.href=&quot;/relink/index.php/chi-siamo&quot;"></span>[/url]</span></span>
</li>
</ul>

Non riesco a capire come agganciarmi con questo template... possibile che mi devo scrivere un js apposito?


Grazie caro, attendo tue notizie confortanti!


Vik

4

I Template di Joomla 1.6/1.7/2.5 / [Risolto] Template Vertex shape5 e menų rollover con immagini (J 2.5)

« il: 31 Ott 2013, 23:26:23 »

Ciao a tutti, 

premetto che pensavo di cominciare a capirci qualcosa di Joomla, ma forse non č proprio cosė 
Sto cercando di realizzare un menu ad immagini con rollover su ogni immagine (ovviamente diverse tra loro); per realizzarlo sto tentando senza successo pių strade:

1) Utilizzo del modulo Imagemenu di Testidigitali: seguendo le istruzioni non succede niente, il modulo non si applica e se verifico con firebug il link manca proprio la funzione javascript che il modulo dovrebbe mettere nell'interno di <a href=linkallapagina ....> per fare swap tra le due immagini al momento del rollover (le icone si trovano in una <IMG>). Non da errori sul log di joomla ma č come se non esistesse.

2) Con i css: ho tentato l'approccio non delle <IMG> piuttosto dei background delle voci di menu, ma non riesco ad avere per le singole voci fi menu un carattere distintivo tra loro, hanno tutte la stessa classe: ho provato anche via back-end nella modifica della voce di menų ad impostare la "Classe CSS del link": ma il nome della classe che metto non appare da nessuna parte, neanche con un ctrl+F su tutto l'HTML della pagina!

Spero che detto tutto ciō la soluzione esista (almeno per il tpl Vertex) e magari sia sfuggente ma banale, visto che avere un menų ad immagini con effetto roll-over capita non cosė di rado in fondo. Se non fosse semplice sare disposto pure a fare override, sapendo da dove partire.

Aiut.

Graz!