Hi there meestermarcus,
This can be done easily with
CSS.
Here is an example...
Code:
/* All items */
div[class="post-container"] h3::before {
display: inline;
width: 4em;
height: 4em;
margin-right: 0.5em;
}
/* First item */
div[class="post-container"]:nth-of-type(1) h3::before {
content: url('https://picsum.photos/id/100/64/64');
}
/* Second item */
div[class="post-container"]:nth-of-type(2) h3::before {
content: url('https://picsum.photos/id/101/64/64');
}
/* Third item */
div[class="post-container"]:nth-of-type(3) h3::before {
content: url('https://picsum.photos/id/102/64/64');
}
/* Fourth item */
div[class="post-container"]:nth-of-type(4) h3::before {
content: url('https://picsum.photos/id/103/64/64');
}
/* Fifth item */
div[class="post-container"]:nth-of-type(5) h3::before {
content: url('https://picsum.photos/id/104/64/64');
}
/* etc etc */
coothead
~ the original bald headed old fart ~
Bookmarks