diff --git a/CodeIgniter-3.1.13/application/views/artists_list.php b/CodeIgniter-3.1.13/application/views/artists_list.php index 2735851..fea13d8 100644 --- a/CodeIgniter-3.1.13/application/views/artists_list.php +++ b/CodeIgniter-3.1.13/application/views/artists_list.php @@ -3,7 +3,7 @@ - + Liste des Artistes - Onzeur @@ -18,7 +18,12 @@

  • name; ?>

    -

    Voir les détails

    +

    + Voir les détails

    + Spotify | + Deezer | + YouTube +

    • diff --git a/CodeIgniter-3.1.13/application/views/musiques_list.php b/CodeIgniter-3.1.13/application/views/musiques_list.php index 00294b7..4247ef6 100644 --- a/CodeIgniter-3.1.13/application/views/musiques_list.php +++ b/CodeIgniter-3.1.13/application/views/musiques_list.php @@ -40,9 +40,11 @@
    - Écouter sur Spotify + Spotify | + + Deezer | - Regarder sur YouTube + YouTube
    diff --git a/CodeIgniter-3.1.13/assets/css/artists_list.css b/CodeIgniter-3.1.13/assets/css/artists_list.css index 740c158..a74ee16 100644 --- a/CodeIgniter-3.1.13/assets/css/artists_list.css +++ b/CodeIgniter-3.1.13/assets/css/artists_list.css @@ -89,3 +89,46 @@ body { width: 100%; } } + +.artist-details p { + margin-top: 10px; +} + +.artist-details p a { + display: inline-block; + margin: 0 5px; +} + +.artist-details p a img { + width: 30px; + height: auto; +} + +.artist-details a.spotify, +.artist-details a.deezer, +.artist-details a.youtube { + color: white; + padding: 8px 12px; + border-radius: 5px; + text-decoration: none; + transition: background-color 0.3s, color 0.3s; +} + +.artist-details a.spotify { + background-color: #1DB954; /* Vert Spotify */ +} + +.artist-details a.deezer { + background-color: #8826df; /* Violet Deezer */ +} + +.artist-details a.youtube { + background-color: #FF0000; /* Rouge YouTube */ +} + +.artist-details a.spotify:hover, +.artist-details a.deezer:hover, +.artist-details a.youtube:hover { + color: black; + background-color: rgba(255, 255, 255, 0.8); /* Fond légèrement plus clair au survol */ +} diff --git a/CodeIgniter-3.1.13/assets/css/style.css b/CodeIgniter-3.1.13/assets/css/style.css index ff6c1a6..6f545ed 100644 --- a/CodeIgniter-3.1.13/assets/css/style.css +++ b/CodeIgniter-3.1.13/assets/css/style.css @@ -148,22 +148,37 @@ header.short-text a { text-decoration: none; transition: background-color 0.3s ease; } -.spotify { - background-color: #5bab15; + +.music-links a.spotify, +.music-links a.deezer, +.music-links a.youtube { + color: white; + padding: 8px 12px; + border-radius: 5px; + text-decoration: none; + transition: background-color 0.3s, color 0.3s; } -.youtube { - background-color: #c51414; +.music-links a.spotify { + background-color: #1DB954; /* Vert Spotify */ } -.spotify:hover{ - background-color: #3c6915; +.music-links a.deezer { + background-color: #6E44FF; /* Violet Deezer */ } -.youtube:hover { - background-color: #7a1818; +.music-links a.youtube { + background-color: #FF0000; /* Rouge YouTube */ } +.music-links a.spotify:hover, +.music-links a.deezer:hover, +.music-links a.youtube:hover { + color: black; + background-color: rgba(255, 255, 255, 0.8); /* Fond légèrement plus clair au survol */ +} + + .artist-name, .album-name { display: inline-block;