Visualizzazione risultati 1 fino 5 di 5

Discussione: Notizie scorrevoli

  1. #1
    lcrpclab non è connesso Neofita
    Data registrazione
    22-02-2024
    Messaggi
    7

    Predefinito Notizie scorrevoli

    Ciao ragazzi, mi serve il vostro aiuto. Dovrei mettere nella home del sito in alto delle notizie che scorrono (tipo scritte (le news) che vanno scorrendo). Come in questo sito: agi.it
    Non so se sono stato chiaro, in caso ditemi pure e cercherò di spiegarmi meglio.

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,132

    Predefinito

    Puoi vedere ad esempio qui.

    Ciao!

  3. #3
    lcrpclab non è connesso Neofita
    Data registrazione
    22-02-2024
    Messaggi
    7

    Predefinito

    Avevo già visto quella discussione, ma non andava nello specifico. Se ci fosse un'estensione che fa questo o magari se potreste spiegarmi un po' cosa fare ve ne sarei grato.

  4. #4
    GraphOGLRisorse non è connesso AlterGuru 2500
    Data registrazione
    14-02-2015
    Messaggi
    3,991

    Predefinito

    Salve,
    con CSS è possibile emulare il tag marquee così:
    Codice:
    <style>
    .marquee {
      height: 50px;
      overflow: hidden;
      position: relative;
      background: #fefefe;
      color: #333;
      font-family: arial; 
      font-size: 30px;
      border: 1px solid #4a4a4a;
    }         
    .marquee p {
      position: absolute;
      width: 100%;
      height: 100%;
      margin: 0;
      line-height: 50px;
      text-align: center;
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      -moz-animation: scroll-left 2s linear infinite;
      -webkit-animation: scroll-left 2s linear infinite;
      animation: scroll-left 20s linear infinite;
    }            
    @-moz-keyframes scroll-left {
      0% {
        -moz-transform: translateX(100%);
      }
      100% {
        -moz-transform: translateX(-100%);
      }
    }
    @-webkit-keyframes scroll-left {
      0% {
        -webkit-transform: translateX(100%);
      }
      100% {
        -webkit-transform: translateX(-100%);
      }
    }        
    @keyframes scroll-left {
      0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
      }
      100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
      }
    }
    </style>
    E questo per applicarlo.
    Codice HTML:
    <div class="marquee">
      <p> Questo è un esempio di marquee in CSS </p>
    </div>
    La grafica poi potrà modificarla come meglio crede per conformarla a quella del sito. Mentre nel tag <p> </p> dovrà inserire il codice che si occupa mostrare le notizie.

    Riaguardo a come implemantarlo su Joomla, può farlo ad esempio con un plugin per gli snippet come questo.

    Cordiali saluti.

  5. #5
    lcrpclab non è connesso Neofita
    Data registrazione
    22-02-2024
    Messaggi
    7

    Predefinito

    Io ho provato, ma non mi funziona. Non so se sbaglio qualcosa. Io il testo scorrevole lo devo mettere solo nella home del sito. In pratica nella home del sito ci devono essere le ultime notizie che vanno scorrendo (come in questo sito agi.it). Non c'è un'estensione o un template già così che fa questo? È una cosa che è presente in molti siti quindi si può fare solo che vorrei sapere come. Confido nel vostro aiuto e grazie ancora.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •