Back to top

rss feed
« precedente successivo »
Pagine: [1]   Vai giù

Autore Topic: Bloccare modulo all'interno di un articolo  (Letto 1599 volte)

Offline giuxmian

  • Appassionato
  • ***
  • Post: 271
    • Mostra profilo
Bloccare modulo all'interno di un articolo
« il: 21 Set 2017, 10:54:27 »
Buongiorno a tutti,

all'inizio di un articolo ho inserito un modulo personalizzato, precedentemente creato, utilizzando la sintassi {module [xxx]} dove xxx è l'id del modulo.

Quando apro l'articolo la prima cosa che vedo in alto è il modulo caricato.

Volevo chiedere se esistesse una estensione/componente/plugin o una soluzione che mi permettesse di tenere bloccato il modulo inserito mentre l'utente scorre verso il basso il testo dell'articolo.

Spero di aver spiegato al meglio la mia richiesta.

Grazie in anticipo
Connesso

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 6314
  • Sesso: Maschio
    • Mostra profilo
Re:Bloccare modulo all'interno di un articolo
« Risposta #1 il: 21 Set 2017, 11:02:14 »
Qui non si parla di un modulo, ma di un menù, ma penso che adattando al tuo caso le istruzioni si riesca a fare lo stesso:

http://www.joomla.it/e-ancora/articoli-community-3x/8298-bloccare-il-main-menu-in-alto-allo-scroll-della-pagina.html
Connesso

Offline giuxmian

  • Appassionato
  • ***
  • Post: 271
    • Mostra profilo
Re:Bloccare modulo all'interno di un articolo
« Risposta #2 il: 21 Set 2017, 11:06:07 »
Grazie per la risposta.

Guardo il link che mi hai indicato e ti faccio sapere.  :)
Connesso

Offline giuxmian

  • Appassionato
  • ***
  • Post: 271
    • Mostra profilo
Re:Bloccare modulo all'interno di un articolo
« Risposta #3 il: 25 Set 2017, 17:59:31 »
Ciao marine,

ho guardato il link ma, verificando la mia situazione, avrei bisogno di qualcosa di diverso.

Avrei bisogno di creare un menu ad hoc composto da quattro voci (a cui sono i collegati rispettivamente quattro articoli) che possa inserire all'interno dell'articolo tramite codice (come ho fatto con il modulo) e che, eventualmente ma non è strettamente necessario, si possa tenere bloccato quando il visitatore scorre verso il basso il testo.

La cosa importante per me sarebbe l'inserimento del menu all'interno dell'articolo.

Grazie anticipatamente.
Connesso

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 6314
  • Sesso: Maschio
    • Mostra profilo
Re:Bloccare modulo all'interno di un articolo
« Risposta #4 il: 25 Set 2017, 18:02:35 »
Connesso

Offline Alex21

  • Appassionato
  • ***
  • Post: 645
    • Mostra profilo
Re:Bloccare modulo all'interno di un articolo
« Risposta #5 il: 25 Set 2017, 19:00:05 »
Citazione da: giuxmian - 25 Set 2017, 17:59:31
ho guardato il link ma, verificando la mia situazione, avrei bisogno di qualcosa di diverso.
...  e che, eventualmente ma non è strettamente necessario, si possa tenere bloccato quando il visitatore scorre verso il basso il testo.
C'è una interessante regola css che fa esattamente l'effetto che cerchi: blocca un tag html mentre si scorre verso il basso.
E' relativamente nuova, forse implementata nei browser dopo il successo di affix.js.
Molto comoda,  no bootstrap.js,  no affix.js,  no jquery.is.   Solo css, il massimo della leggerezza.


Si chiama position: sticky; e va accompagnata da un top; qualcosapx;
Ti metto un frammento html che dovrebbe illustrare l'effetto di stile.


Codice: [Seleziona]
<!DOCTYPE html>
<!--
Riferimento:  https://developer.mozilla.org/en-US/docs/Web/CSS/position#Sticky_positioning
-->
<html>
    <head>
        <title>frammento sticky</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>p{padding:10px;}</style>
    </head>
    <body>
        <p></p>
        <div style="max-width: 500px; margin: auto; max-height: 180px; border: 1px solid; overflow: auto;">
            <div style="position: sticky; position: -webkit-sticky; top: 0px; background-color: yellow;">
                <h2 >&nbsp; Titolo Art. 1</h2>
            <>
            <div>
                <p>Contenuto:</p>
                <p>par1</p>
                <p>par2</p>
                <p>par3</p>
                <p>par4</p>
                <p>par5</p>
            <>
        <>
    </body>
</html>
Usare la regola css dentro un articolo Joomla è facilissimo.
Ciao!
« Ultima modifica: 25 Set 2017, 19:04:58 da Alex21 »
Connesso

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 6314
  • Sesso: Maschio
    • Mostra profilo
Re:Bloccare modulo all'interno di un articolo
« Risposta #6 il: 25 Set 2017, 20:49:14 »
Figata pazzesca! Grazie della dritta Alex21!
Connesso

Offline giuxmian

  • Appassionato
  • ***
  • Post: 271
    • Mostra profilo
Re:Bloccare modulo all'interno di un articolo
« Risposta #7 il: 26 Set 2017, 09:49:02 »
Grazie del suggerimento, ora lo cerco e lo provo!!  :)
Connesso

Offline giuxmian

  • Appassionato
  • ***
  • Post: 271
    • Mostra profilo
Re:Bloccare modulo all'interno di un articolo
« Risposta #8 il: 26 Set 2017, 10:19:30 »
Non ho capito dove devo inserire questo codice  ???
Connesso

Offline Alex21

  • Appassionato
  • ***
  • Post: 645
    • Mostra profilo
Re:Bloccare modulo all'interno di un articolo
« Risposta #9 il: 26 Set 2017, 11:51:03 »
Citazione da: marine - 25 Set 2017, 20:49:14
Figata pazzesca! Grazie della dritta Alex21!
Ehh, anche i Mozilla sono instancabili. Si trova spesso qualcosa di nuovo. ;)
Ciao!
Connesso

Offline Alex21

  • Appassionato
  • ***
  • Post: 645
    • Mostra profilo
Re:Bloccare modulo all'interno di un articolo
« Risposta #10 il: 26 Set 2017, 11:53:17 »
Citazione da: giuxmian - 26 Set 2017, 10:19:30
Non ho capito dove devo inserire questo codice  ???
Nell' articolo joomla apri la finestra dell' Html.
Individui il blocco che vuoi far scorrere fino ad un certo punto.
Gli dai lo stile.
Salvi e controlli se la cosa funziona.
Finito, non c'è altro.
Ciao!
Connesso
Pagine: [1]   Vai su
« precedente successivo »
 



Web Design Bolzano Kreatif


Copyleft: Tutto il materiale pubblicato o comunque presente all'interno del sito www.joomla.it
può essere utilizzato, diffuso e modificato liberamente.
Hosting fornito gratuitamente da Joomlahost.it
Disegno web da kreatif multimedia srl