← Back to Layouts
ZMClayout test

Name: FriendRewind
Author: FriendRewind
Author: Ziggly McSnorp (Laptop)
Category: Music
Created: October 6, 2026
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */

</style><div style="text-align:left; font-size:42px; font-weight:bold; color:#ffffff; text-shadow:2px 2px 0 #000000;"></div>




<div class="xp-titlebar">
  <div class="xp-title">
    <span class="xp-icon">ℹ️</span> System Information
  </div>
</div>
<div class="xp-body">
  <div class="xp-content">
    <div class="xp-info-icon">i</div>
    <div class="xp-text">Verified Artist</div>
  </div>
  <div class="xp-actions"></div>
</div>

<img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2Fcf75a3cf-0601-4180-97fe-a922bbbf269f%2Fdmz3s2w-3e977941-0a9b-4071-b788-1be94bf3a345.png%2Fv1%2Ffill%2Fw_1280%2Ch_306%2Cq_80%2Cstrp%2F73c50921-7107-4e82-aa4f-d251b6439744.png-fullview.jpg%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MzA2IiwicGF0aCI6Ii9mL2NmNzVhM2NmLTA2MDEtNDE4MC05N2ZlLWE5MjJiYmJmMjY5Zi9kbXozczJ3LTNlOTc3OTQxLTBhOWItNDA3MS1iNzg4LTFiZTk0YmYzYTM0NS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.edczG3s7Yw3Isteha11cg9OGy7pM2Fwseirx2kq68dQ" style="width:100%; max-width:700px; display:block; margin:0 0 15px 0; position:relative; top:10px;">



<img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2Fcf75a3cf-0601-4180-97fe-a922bbbf269f%2Fdmvii2t-2c6b609d-2ee9-4d7d-98d1-74b18299962a.png%2Fv1%2Ffit%2Fw_828%2Ch_1164%2Cq_70%2Cstrp%2Fmember1_reyson_updated_member_card_by_zigglymcmyspace_dmvii2t-414w-2x.jpg%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTgwMCIsInBhdGgiOiIvZi9jZjc1YTNjZi0wNjAxLTQxODAtOTdmZS1hOTIyYmJiZjI2OWYvZG12aWkydC0yYzZiNjA5ZC0yZWU5LTRkN2QtOThkMS03NGIxODI5OTk2MmEucG5nIiwid2lkdGgiOiI8PTEyODAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.2Z09cCweXdhUHTSIay9CLrVY9BHbH79dNdJXhymetjo" style="width:100%; max-width:250px; display:block; margin:0 0 10px 0; border:2px solid #EE0204;">

<img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2Fcf75a3cf-0601-4180-97fe-a922bbbf269f%2Fdmviudn-1a556ac2-2934-428f-8208-7d26ec08b741.png%2Fv1%2Ffit%2Fw_828%2Ch_1204%2Cq_70%2Cstrp%2Fmember2_by_zigglymcmyspace_dmviudn-414w-2x.jpg%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTg2MCIsInBhdGgiOiIvZi9jZjc1YTNjZi0wNjAxLTQxODAtOTdmZS1hOTIyYmJiZjI2OWYvZG12aXVkbi0xYTU1NmFjMi0yOTM0LTQyOGYtODIwOC03ZDI2ZWMwOGI3NDEucG5nIiwid2lkdGgiOiI8PTEyODAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.2vSxPQbtLDyVCZc6_Z9ta92wL0OQ6lCG-5wodJzFskE" style="width:100%; max-width:250px; display:block; margin:0 0 10px 0; border:2px solid #EE0204;">

<img src="/proxy/image.php?url=https://media.base44.com/images/public/6a3d58b54cdd5a26139a0b9a/f46ed9248_Screenshot2026-07-24170128.png" style="width:100%; max-width:250px; display:block; margin:0 0 10px 0; border:2px solid #EE0204;">

<img src="/proxy/image.php?url=https://media.base44.com/images/public/6a3d58b54cdd5a26139a0b9a/0475a19bb_Screenshot2026-07-24170009.png" style="width:100%; max-width:250px; display:block; margin:0 0 15px 0; border:2px solid #EE0204;">

<img src="/proxy/image.php?url=https%3A%2F%2Fmedia.base44.com%2Fimages%2Fpublic%2F6a3d58b54cdd5a26139a0b9a%2Ff5c3cbb11_Screenshot2026-07-24184034.png" style="width:100%; max-width:700px; display:block; margin:0 0 15px 0;">


<div id="disc-collection">
  <div class="disc">
    <img src="/proxy/image.php?url=https%3A%2F%2Fcontent.myspacecdn.com%2Fimages03%2F3%2F6d6868a8d1f349c58c7d6ea81c3e2485%2F300x300.jpg">
  </div>
  <div class="title">Ziggly McSnorp - Unreleased</div>

  <div class="disc">
    <img src="/proxy/image.php?url=https%3A%2F%2Ff4.bcbits.com%2Fimg%2Fa1347554072_2.jpg">
  </div>
  <div class="title">Ziggly McSnorp - a long term of since and death (DEMO)</div>

  <div class="disc">
    <img src="https://friendrewind.com/media/artist_covers/15965_1784464268_c17e54.webp">
  </div>
  <div class="title">Ziggly McSnorp - Blue is the Color of your Funeral!</div>

  <div class="disc">
    <img src="https://friendrewind.com/media/artist_covers/15965_1789498650_1a0f6a.webp">
  </div>
  <div class="title">Ziggly McSnorp - The Prequel of the Plague A Funeral for the Living and We Were Born Beneath It Before the World Died</div>
</div>


<div class="tour-section">
  <div class="tour-header">
    <span>Upcoming Shows</span>
    <span class="buy-tickets">( buy tickets )</span>
  </div>
  <table class="tour-table" cellspacing="0" cellpadding="0">
    <tbody>
      <tr>
        <td>MM/DD/20XX</td>
        <td>12:00 PM</td>
        <td><a href="#">Generic Concert Venue</a></td>
        <td>City, ST</td>
      </tr>
      <tr>
        <td>MM/DD/20XX</td>
        <td>07:00 PM</td>
        <td><a href="#">Generic Concert Venue</a></td>
        <td>City, ST</td>
      </tr>
      <tr>
        <td>MM/DD/20XX</td>
        <td>07:00 PM</td>
        <td><a href="#">Generic Concert Venue</a></td>
        <td>City, ST</td>
      </tr>
      <tr>
        <td>MM/DD/20XX</td>
        <td>07:00 PM</td>
        <td><a href="#">Generic Concert Venue</a></td>
        <td>City, ST</td>
      </tr>
      <tr>
        <td>MM/DD/20XX</td>
        <td>07:00 PM</td>
        <td><a href="#">Generic Concert Venue</a></td>
        <td>City, ST</td>
      </tr>
      <tr>
        <td>MM/DD/20XX</td>
        <td>07:00 PM</td>
        <td><a href="#">Generic Concert Venue</a></td>
        <td>City, ST</td>
      </tr>
    </tbody>
  </table>
</div><style>


---------------------





.url-info {
    display:none !important;
}

.mood p {
    display: none !important;
}
    
.blurbs .heading {
    display:none !important;
}


.blurbs .inner .section h4 { 
    font-size: 0; 
    
}

.blurbs .inner .section h4::after { 
    content: "Listen / Bio";
    font-size: 12px; 
}

.blurbs .inner .section:not(:first-child) h4::after { 
    content: "Upcoming Shows";
    font-size: 12px; 
}

.blurbs .inner .section h5 {  
    /*additional info, banners, merch links; ideally should be the same as h4, put in "Who I'd Like to Meet*/
    width: fit-content;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: var(--dark-orange);
}

/*STYLE STUFF*/

.profile .contact, .profile .table-section {
    border: transparent;
}


/*Artist Info*/

:root {
        
        

        

        
    --topic1: "Sounds Like";
    --topic2: "Influences";
    --topic3: "Record Label";
    --topic4: "Type of Label";
    --topic5: "Active Since";
    --topic6: "Members";
    --topic7: "Management";
    --topic8: "Sponsors";



}

.table-section:not(:last-child) .details-table td:first-child p {
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    content-visibility: hidden;
}

.details-table td:first-child::after {
    content-visibility: visible !important;
  color:var(--logo-blue) !important;
  letter-spacing:normal !important;

}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child::after{
  content: var(--topic6);
}
.table-section:not(:last-child) .details-table tr:nth-child(7) td:first-child::after{
  content: var(--topic7);
}
.table-section:not(:last-child) .details-table tr:nth-child(8) td:first-child::after{
  content: var(--topic8);
}

</style>
</style>