« Web, HTML, Tech Forum

scrolling row of images in interests section

so on my profile my music section is an absolute mess of almost every artist i listen to and i want to condense it into a set of album covers that can just scroll on loop, ive seen this done before on other profiles and i was wondering if anyone is generous enough to share the wisdom with me?


thanks


Report Topic

1 Reply

Reply by ニーチェはクソだ

posted

I'm not sure if this is what you mean, but in any case, if not, you have tools in your browser that can help you analyse the CSS of the profiles to copy whatever code you need.

Put this in your music section, while editing your profile:

<style>
.music-scroll {
  max-height: 30px;
  /* You can edit this to your liking */
  overflow-y: scroll;  /* You can hide this replacing scroll with auto */
}
</style>

Music I like: <-- (You can remove this)
<div class="music-scroll">
  <p>Song 123</p>
  <p>Song 1234</p>
  <p>Music 123</p>
  <p>Music 1234</p>
  <p>Album 123</p>
  <p>Album 1234</p>
  <p>CD 123</p>
  <p>CD 1234</p>
</div>

In this case the div is called "music-scroll", if you want to add some animation to it you can already find stuff related to that online (e.g this "loop" thing you mention). Im just sharing the basic HTML.

If you are talking about something else, you could send the link to the profile where you saw what you are looking to replicate either here or via pm.


Permalink Report Reply