ita>ted sito by @Luigi98 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<h3>Titolo di intestazione di terzo livello
formSpecifica a quale form appartiene un elemento.
relServe a definire la relazione tra il documento e una risorsa.
controlsL'attributo controls si usa per visualizzare gli strumenti per la riproduzione dei file audio e video
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
titleIndica informazioni aggiuntive riguardo un elemento HTML

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Menu Navigazione Aggiuntivo

IL COLIBRI\' E LA GOCCIA DI RUGIADA

ES01a\\\\index.html(2)

INSERIMENTO IMMAGINI IN UN TESTO

Tabella con ricerca

Livia e la Foresta Incantata

Selezione Telefoni

Livia e la foresta incantata

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="utf-8">
  <meta name="generator" content="AlterVista - Editor HTML"/>
  <title>Traduzioni canzoni italiane</title>
</head>
 <style type="text/css">
 
 
 nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

nav li {
  flex: 1;
  text-align: center;
 
}

nav a {
  display: block;
  padding: 1em;
  text-decoration: none;
  color:black;
  font-style: normal;
  border-bottom: 3px solid transparent;
  }
 nav a:hover {
  background-color:orange;
  text-decoration:none;
  font-style: italic;
  font-size:18px;
  border-bottom: 3px solid red;
  }
 
 
 
body{background-color:gold;}
.highlight {
  background-color: yellow;
  font-weight: bold;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
}


h1{text-align:center;
}

a:link{text-decoration:none;
}


  img{
  width:40px;
  height:40px;
   border-radius: 50%;
 
  }
  
  #bandieraTedesca{
  width:30px;
    height:20px;
   border-radius: 50%; 
    }
    
button { /*PER TUTTI I DIV*/
    background-color:cornflowerblue;
  transition: transform 0.2s ease-in-out;
  margin:10px;
  border-radius: 10px;
  width: 120px;
  height:120px;
}


 .highlight {
  background-color: yellow;
  font-weight: bold;
}

#cerca{
width:20px;
background-image: url("lente.jpg");
}

p{text-align:right;
}




@media only screen and (max-width: 600px) {
    
}
</style>
<body><!-- BEGIN AV_TOOLBAR --><div id="av_toolbar_regdiv" style="display:none"><div class="av_site"><a target="_blank" href="https://it.altervista.org/crea-sito-gratis.php?utm_campaign=toolbar&amp;utm_source=link&amp;utm_medium=link" title="Apri un sito gratis con Wordpress">Crea sito</a></div></div><style>@media screen and (min-width:768px){body.av-toolbar-ready{position:relative;top:40px}:where(body.av-toolbar-ready){display:flow-root}}</style><script>self.av_toolbar_off||self!==top&&"XYZZY2"!==self.name&&!self.av_toolbar_force||(document.body.classList.add("av-toolbar-ready"),document.head.appendChild(document.createElement("script")).src="https://tb.altervista.org/js/s.js")</script><!-- END AV_TOOLBAR -->






   
    <div id="songsContainer"></div>
    

    <script>
   
    const songs = [
  { title: 'Rose Rosse ', year: "-"+1968+"-", artist: ' Massimo Ranieri ' , link: "https://tecgigi.altervista.org/canzoni/roseRosse.html"},
  { title: 'Gli anni 96 ', year: "-"+1995+"-", artist: ' 883 ', link: " https://tecgigi.altervista.org/canzoni/glianni.html" },
  { title: 'Indian Tweet Posse ', year: "-"+2014+"-", artist: ' The Night Skinny ', link: "https://tecgigi.altervista.org/canzoni/Indian_Tweet_Posse.html" },
  { title: 'Quel Mazzolin di fiori ', year: "-"+2012+"-", artist: ' Le Mondine ', link: "https://tecgigi.altervista.org/canzoni/quelMazzolin.html" },
  { title: 'Furore ', year: "-"+2023+"-", artist: ' Paola e Chiara ', link: "https://tecgigi.altervista.org/canzoni/Furore.html" },
  { title: 'Fatti mandare dalla mamma ', year: "-"+1996+"-", artist: ' Gianni Morandi ', link: "https://tecgigi.altervista.org/canzoni/fattiMandaredallaMamma.html" },
{ title: 'Fetsival ', year: "-"+2002+"-", artist: ' Paola e Chiara ', link: "https://tecgigi.altervista.org/canzoni/festival.html" },
{ title: 'Ci vorrebbe un amico ', year: "-"+1984+"-", artist: ' Antonello Venditti ', link: "https://tecgigi.altervista.org/canzoni/ciVorrebbeUnAmico.html" },
{ title: 'Se lo senti lo sai ', year: "-"+2022+"-", artist: ' Jovanotti ', link: "https://tecgigi.altervista.org/canzoni/seLoSentiLoSai.html" },
{title: "Hanno ucciso l'uomo ragno ", year: "-"+1992+"-", artist: ' 883 ', link: "https://tecgigi.altervista.org/canzoni/hannoUccisoLuomoRagno.html" },
{title: "A te ", year: "-"+2008+"-", artist: ' Jovanotti ', link: "http://tecgigi.altervista.org/canzoni/Ate.html" },
 {title: "Come mai ", year: "-"+1993+"-", artist: ' 883 ', link: "http://tecgigi.altervista.org/canzoni/comeMai.html " },
{title: "Nord Sud Ovest Est ", year: "-"+1993+"-", artist: ' 883 ', link: "http://tecgigi.altervista.org/canzoni/NordSudOvestEst.html " },
{title: "Splash ", year: "-"+2023+"-", artist: ' Colapesce e Dimartino ', link: "http://tecgigi.altervista.org/canzoni/Splash.html " },
{title: "Musica leggerissima ", year: "-"+2021+"-", artist: ' Colapesce e Dimartino ', link: "http://tecgigi.altervista.org/canzoni/Musicaleggerissima.html " },
{title: "Abbronzatissima ", year: "-"+1997+"-", artist: ' Edoardo Vianello ', link: "http://tecgigi.altervista.org/canzoni/Abbronzatissima.html " },
{title: "I Giardini di Marzo ", year: "-"+1972+"-", artist: ' Lucio Battisti ', link: "http://tecgigi.altervista.org/canzoni/IGiardinidiMarzo.html " },
{title: "Saliro' ", year: "-"+2002+"-", artist: ' Daniele Silvestri ', link: "http://tecgigi.altervista.org/canzoni/Saliro.html " },  
{title: "Destinazione Paradiso ", year: "-"+1995+"-", artist: ' Gianluca Grignani ', link: "http://tecgigi.altervista.org/canzoni/destinazioneParadiso.html " },
{title: "Quando ti manca il fiato ", year: "-"+2023+"-", artist: ' Gianluca Grignani ', link: "http://tecgigi.altervista.org/canzoni/QuandoTiMancaIlFiato.html " },
 {title: "La canzone del sole ", year: "-"+1971+"-", artist: ' Lucio Battisiti ', link: "http://tecgigi.altervista.org/canzoni/LaCanzoneDelSole.html " },
{title: "Un bel viaggio ", year: "-"+2023+"-", artist: ' Articolo 31 ', link: "http://tecgigi.altervista.org/canzoni/UnbelViaggio.html " },
{title: "Bocca di Rosa ", year: "-"+1967+"-", artist: ' Fabrizio De Andrè ', link: "http://tecgigi.altervista.org/canzoni/BoccadiRosa.html " },
 {title: "7:40 ", year: "-"+1971+"-", artist: ' Lucio Battisiti ', link: "http://tecgigi.altervista.org/canzoni/740.html " },
 {title: "Sono solo parole ", year: "-"+2011+"-", artist: ' Noemi ', link: "https://tecgigi.altervista.org/canzoni/sonoSoloParole.html " },
 {title: "I migliori anni della nostra vita ", year: "-"+1995+"-", artist: ' Renato Zero ', link: "https://tecgigi.altervista.org/canzoni/IMiglioriAnni.html " },
{title: "Alice ", year: "-"+1975+"-", artist: ' Francesco De Gregori ', link: "https://tecgigi.altervista.org/canzoni/Alice.html " },
{title: "Cenere ", year: "-"+2023+"-", artist: ' Lazza ', link: "https://tecgigi.altervista.org/canzoni/cenere.html" },
{title: "Supereroi ", year: "-"+2023+"-", artist: ' Mr. Rain ', link: "https://tecgigi.altervista.org/canzoni/supereroi.html" },


 ];

 
         function createSongButton(song) {
        const button = document.createElement("button");
        button.innerText = song.title + " di " + song.artist +song.year;
        button.onclick = function() {
          window.location.href = song.link;
        };
        return button;
      }

      function displaySongs(songs) {
        const songsContainer = document.getElementById("songsContainer");
        songsContainer.innerHTML = ""; // resetta il contenuto del container

        for (let i = 0; i < songs.length; i++) {
          const songButton = createSongButton(songs[i]);
          songsContainer.appendChild(songButton);
        }
      }

      function searchSongs() {
        const searchInput = document.getElementById("searchInput");
        const searchTerm = searchInput.value.toLowerCase();

        const filteredSongs = songs.filter(function(song) {
          const title = song.title.toLowerCase();
          const artist = song.artist.toLowerCase();
          return title.includes(searchTerm) || artist.includes(searchTerm);
        });

        displaySongs(filteredSongs);
      }

      displaySongs(songs);
        
      
      
    </script>
  </body>
</html>

*{ }